有没有办法让webpack不显示它正在编译的所有块？

Question

默认的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.我的webpack配置非常基本,只需为babel和eslint指定入口,输出和加载器.

Answer 1

从命令行,我无法找到这样做的方法.

但是,如果您有一个webpack.config.js文件,则有两个用于禁止模块列表的选项.

devServer: {
    stats: 'errors-only'
}

要么

devServer: {
    stats: { chunks: false }
}

希望有所帮助.

Answer 2

这适用于我的情况:

webpack --hide-modules

Answer 3

如果项目中有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'
        }
    }
}

Answer 4

有webpack未记录的选项 --hide-modules。您可以通过将此行添加到webpack config来将其传递给webpackfrom ：webpack-dev-server

devServer: { 'hide-modules': true }

Answer 5

从 Webpack 3+ 开始，有一个--display标志允许对输出进行细粒度控制：

--display=(verbose|detailed|normal|minimal|errors-only|none)