Webpack DevServer Output Chunks in Command Line abschalten

Nach dem Start meines WebpackDevServer hatte ich jedes Mal eine ganze Batterie an Chunks ausgegeben bekommen (Bild unten) und mich in diesem Zuge gefragt, ob und wie ich diese unterdrücken kann.

webpack-chunks

Mit folgender Konfiguration werdet ihr die vielen Chunks ganz leicht los:

stats: {
 chunks: false
}

Diese fügt ihr eurem devServer in euerer webpack.config.js hinzu:

devServer: {
 inline: true,
 port: 3000,
 stats: {
  chunks: false
 }
}

webpack-no-chunks

Sieht doch schon viel aufgeräumter aus 🎉

React static propTypes Syntax Error ES7

Aufgrund der Nutzung von ES7 Features habe ich bei Definition meiner PropTypes einen Syntax Error (=) bekommen.

static propTypes = {
  position: PropTypes.object.isRequired,
}

Die Erweiterung des presets-Arrays in Webpack um stage-0, löst das Problem für mich.
Dazu muss zuvor das Stage 0 Preset Package via npm installiert werden:

npm install --save-dev babel-preset-stage-0

Und danach die Presets in Webpack erweitern oder eure .babelrc um {’stage‘:0} bereichern.

presets: ['react', 'es2015', 'stage-0']