Webpack：沉默输出

Question

我想知道是否有配置选项告诉webpack仅记录＆＃34;重要信息＆＃34;到终点站。几乎只是错误和警告，而不是所有这些：

输出量非常大！很想压制常见的东西，只有webpack输出警告/错误。想要webpack，webpack-dev-server和karma-webpack的解决方案。

注意：我尝试了noInfo: true和quiet: true，但似乎没有做到这一点。

编辑：我认为这可能无法做到，所以我在github上创建了一个问题：https://github.com/webpack/webpack/issues/1191

Answer 1

在我的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
  }
 }
}

Answer 2

我不知道何时添加了此功能，但我在the docs中注意到您可以添加webpackMiddleware属性，然后您可以指定noInfo: true。这样做可以消除所有噪音！但是当出现错误时你仍会看到输出。耶！

Answer 3

  

你并不需要这一切。

是您所需要的

实际上，这两个很有效。

stats: 'errors-only',

在导出对象的末尾。

也可以使用stats: 'minimal',它只在错误或新编译发生时输出。阅读official documentation of Webpack.

的更多内容

Answer 4

如果您使用的是webpack-dev-middleware，则可以将noInfo: true作为第二个参数投放到对象中。 还假设您还有一个节点/快速服务器正在运行。

干杯。

Answer 5

您已获得--display选项，可让您选择要显示的信息量级别。

来自webpack --help：

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

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

Answer 6

的WebPack

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

开发服务器

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

参考

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

Answer 7

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

webpack(config).watch(100, (err, stats) => {
  console.log(stats.toString({chunks: false}))
})

Answer 8

下面推荐stats配置，这将保留重要日志并删除无用的信息。

stats: {
  cached: false,
  cachedAssets: false,
  chunks: false,
  chunkModules: false,
  chunkOrigins: false,
  modules: false
}

Answer 9

您对此感兴趣的是stats的module Webpack（一部分）。基本上，这个模块产生the output。默认情况下，输出大部分包含资产列表和模块列表。您可以使用--hide-modules指令隐藏模块。关于资产，不存在类似的选择。但是有presets。您可以使用--display选项指定预设。隐藏资产的预设是... none。

还有另一种影响统计数据的方式：webpack.config.js。添加stats: {assets: false, modules: false}会大大减少输出。或stats: 'none'使Webpack完全静音。不是我推荐它。通常，errors-only是一种解决方法。要使其受webpack-dev-server影响，请将其放在devServer键下。

Webpack 2.x没有--display选项。隐藏模块的唯一方法是--hide-modules开关。我的意思是，在配置中指定stats: 'errors-only'或stats: {modules: false}无效。由于this的代码覆盖了所有这些内容。

对于webpack-dev-server，还有--no-info和--quiet选项。

有关其工作原理的更多见解。 webpack-cli创建outputOptions object。编译完成后，它将统计信息转换为string并outputs。 Stats.toString将stats转换为json，然后将json转换为string。在这里您可以看到the defaults。

Answer 10

这些天 noInfo quiet 和 stats 已被 Webpack 配置根目录中的 infrastructureLogging 替换：

// webpack.config.js
...
infrastructureLogging: {
  level: 'error',
},