如何隐藏webpack-dev-server的日志？

Question

一旦 webpack-dev-server 启动，控制台将输出：

ℹ ｢wds｣: Project is running at https://127.0.0.1:3002/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from ...

然而，我不想向用户显示上述日志，如何隐藏它们？

- licaomeng

---

你的“用户”是谁会看到这个……？开发服务器是开发人员工具…… - deceze

我的队友和我 :-) - licaomeng

这可能有帮助：https://dev59.com/Fl0a5IYBdhLWcg3wD1Ee - Alexandar Zaharyan

@AlexandarZaharyan 我已经尝试了 noInfo: true，quiet: true 和几乎所有的 stats 属性，但仍然无法正常工作，您能否指出详细的配置？ - licaomeng

Answer 1

您可以使用以下方法：

devServer: {
  client: {
    logging: 'none'
  }
}

文档：https://webpack.js.org/configuration/dev-server/#logging

配置 webpack dev server 的 logging 选项。

- Ruslan

Answer 2

如果您在涉及webpack-dev-server v4的问题上来到这里，根据v4迁移指南：

已删除log、logLevel、logTime、quiet、noInfo和reporter选项，现在我们使用内置日志记录器。

因此，您需要将以下内容添加到Webpack配置中:

infrastructureLogging: {
  level: 'error',
},

- Patrick

---

我已经添加了它，但在浏览器上仍然会看到控制台和警告行：已编译但带有警告： - etotientz

Answer 3

在我的情况下

const devServer = new webpackDevServer(complier ,{
  // quiet: true,
  noInfo: true,
  hot: true,
  historyApiFallback: true,
  clientLogLevel: 'silent'
})

noInfo设置正常工作。但是使用quiet后，WDS日志仍然显示，我不知道为什么。

- GRAMMAC

Answer 4

Webpack v5

“最静默”的配置：

infrastructureLogging: { level: 'error' },
stats: 'minimal',

文档: infrastructureLogging, stats。

- lonix

Answer 5

你应该使用

stats: 'errors-only'

在你的webpack-dev-server配置中

- Anton