Вывод CLI по умолчанию для webpack является слишком подробным для моей симпатии. Как только я импортирую 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.