如何隐藏 webpack-dev-server 日志？答案

【问题标题】：How to hide webpack-dev-server log?如何隐藏 webpack-dev-server 日志？
【发布时间】：2020-05-21 08:15:26
【问题描述】：

一旦 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 ...

但是，我不愿意将上面的日志显示给用户，如何隐藏它们？

【问题讨论】：

谁是你的“用户”会看到...？开发服务器是一个开发者工具……
我和我的队友 :-)
这可能会有所帮助：stackoverflow.com/questions/30756804/webpack-silence-output
@AlexandarZaharyan 我试过noInfo: true、quiet: true和几乎所有stats属性，但还是不行，能否请您指出详细配置？

标签： javascript webpack webpack-dev-server

【解决方案1】：

对于任何来到这里的人来说 webpack-dev-server v4，

根据v4 migration guide：

log、logLevel、logTime、quiet、noInfo 和reporter 选项被删除，没有替换，现在我们使用built-in logger。

所以你需要将它添加到你的 Webpack 配置中：

infrastructureLogging: {
  level: 'error',
},

【讨论】：

我添加了它，但我仍然在浏览器上获得控制台行：编译时带有警告：

【解决方案2】：

就我而言

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

设置noInfo 运行良好。但是quiet wds 日志仍然显示，我不知道为什么

【讨论】：

【解决方案3】：

你可以使用：

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

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

【讨论】：

【解决方案4】：

你应该使用

stats: 'errors-only'

在你的 webpack-dev-server 配置中

【讨论】：