有没有办法让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/ } } 

希望工程。