有没有办法让webpack不显示所有正在编译的块?
默认的webpack CLI输出方式太冗长了,我不太喜欢。 只要我从我的一个文件中导入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
。 我的webpackconfiguration是非常基本的,只是为babel和eslint指定input,输出和加载器。
从命令行,我一直没能find办法做到这一点。
但是,如果您有一个webpack.config.js
文件,有两个选项可以禁止模块列表。
devServer: { stats: 'errors-only' }
要么
devServer: { stats: { chunks: false } }
希望有所帮助。
这在我的情况下工作: webpack – 隐藏模块
有webpack
无证的选项 --hide-modules
webpack
--hide-modules
。 您可以通过将此行添加到webpack config ,将它从webpack-dev-server
传递到webpack :
devServer: { 'hide-modules': true }
如果您的项目中有一个webpack.config.js,请将以下内容添加到exports函数的返回对象中:
devServer: { stats: { assets: false, children: false, chunks: false, hash: false, modules: false, publicPath: false, timings: false, version: false, warnings: true, colors: { green: '\u001b[32m' } } }
在webpack.config.ts中,你可以试试
devServer : { stats: 'minimal', watchOptions: { poll: undefined, aggregateTimeout: 300, ignored: /node_modules/ } }
希望工程。