デフォルトの webpack CLI 出力は、私の好みには冗長すぎます。ファイルの 1 つから React をインポートするとすぐに、出力が爆発し、パックされているすべてのチャンク (?) が表示されます。
webpack result is served from /
content is served from /Users/me/myproject
Hash: aaaf5afc6582f3222f55
Version: webpack 1.12.14
Time: 1175ms
Asset Size Chunks Chunk Names
index.js 677 kB 0 [emitted] main
chunk {0} index.js (main) 643 kB [rendered]
[0] ./src/app.js 574 bytes {0} [built] [1 error]
[1] ./~/react/react.js 56 bytes {0} [built]
[2] ./~/react/lib/React.js 1.49 kB {0} [built]
[3] ./~/react/lib/ReactDOM.js 3.71 kB {0} [built]
[4] ./~/process/browser.js 2.06 kB {0} [built]
...
[155] ./~/fbjs/lib/mapObject.js 1.47 kB {0} [built]
[156] ./~/react/lib/onlyChild.js 1.21 kB {0} [built]
[157] ./~/react/lib/deprecated.js 1.77 kB {0} [built]
[158] ./~/react-dom/index.js 63 bytes {0} [built]
[159] ./src/component.js 339 bytes {0} [built] [1 error]
余分な情報はまったく気にしません。次のいずれかの方法があれば満足です:
- チャンクをすべて無効にして、全体の進行状況のみを表示します
- 自分のコードのみを表示し、node_modules からインポートしたものは表示しません
現時点での私の webpack コマンドは ですwebpack-dev-server --progress
。私の webpack 設定は非常に基本的なもので、babel と eslint のエントリ、出力、ローダーを指定するだけです。
ベストアンサー1
コマンドラインからは、これを実行する方法を見つけることができませんでした。
ただし、ファイルがある場合はwebpack.config.js
、モジュールのリストを抑制するオプションが 2 つあります。
devServer: {
stats: 'errors-only'
}
または
devServer: {
stats: { chunks: false }
}
お役に立てれば幸いです。