Webpack:静音输出

我想知道是否有一个配置选项告诉webpack只将“重要信息”记录到终端。几乎只是错误和警告,并非全部:

带webpack的终端输出

有这么多输出!很想压制常见的东西,只让webpack输出警告/错误。想一个解决方案webpackwebpack-dev-server以及karma-webpack

注意:我尝试过noInfo: truequiet: true但这似乎并没有解决问题。


编辑:我认为这可能是不可能的,所以我在github上创建了一个问题:https : //github.com/webpack/webpack/issues/1191

宝儿Pro神乐2020/03/23 14:37:06

推荐以下统计信息配置,这将保留大量日志并删除无用的信息。

stats: {
  cached: false,
  cachedAssets: false,
  chunks: false,
  chunkModules: false,
  chunkOrigins: false,
  modules: false
}
斯丁2020/03/23 14:37:06

如果您直接使用Webpack API,并且正在调用stats.toString(),则可以传递参数以降低噪音:

webpack(config).watch(100, (err, stats) => {
  console.log(stats.toString({chunks: false}))
})
JinJin村村2020/03/23 14:37:06

如果您使用,则webpack-dev-middleware可以将noInfo: true对象作为第二个参数。还要假设您还正在运行节点/快速服务器。

在此处输入图片说明

干杯。

小卤蛋AGO2020/03/23 14:37:06

--display具有使您能够选择要显示的信息量级别选项。

来自webpack --help

--display: Select display preset
[string] [choices: "", "verbose", "detailed", "normal", "minimal", "errors-only", "none"]

如果您想更精确地配置显示的信息,还可以使用中的stats字段配置webpack webpack.config.js

古一2020/03/23 14:37:06

Webpack

  ...
  stats: {
    modules: false,
  },
  ...

开发服务器

  ...
  devServer: {
    stats: {
      modules: false,
    },
  },
  ...

参考

https://webpack.js.org/configuration/stats/

凯西里2020/03/23 14:37:06

我不知道何时添加此功能,但是我只是在文档注意到可以添加webpackMiddleware属性,并且可以在上指定noInfo: true这样做可以消除所有噪音!但是当出现错误时,您仍然会看到输出。好极了!

老丝阿飞2020/03/23 14:37:06

在我的webpack配置中,这样做将我的增量构建时间减少了8秒,并使输出静音。主要的是chunks: false

玩以满足您的需求

module.exports = {
 devServer: {
  stats: {
    colors: true,
    hash: false,
    version: false,
    timings: false,
    assets: false,
    chunks: false,
    modules: false,
    reasons: false,
    children: false,
    source: false,
    errors: false,
    errorDetails: false,
    warnings: false,
    publicPath: false
  }
 }
}