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

Question

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

\n\n

\xe2\x84\xb9 \xef\xbd\xa2wds\xef\xbd\xa3: Project is running at https://127.0.0.1:3002/\n\xe2\x84\xb9 \xef\xbd\xa2wds\xef\xbd\xa3: webpack output is served from /\n\xe2\x84\xb9 \xef\xbd\xa2wds\xef\xbd\xa3: Content not from webpack is served from ...\n

\n\n

但是，我不愿意向用户显示上述日志，如何隐藏它们？

\n

Answer 1

您可以使用：

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

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

Answer 2

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

根据v4 迁移指南：

log、logLevel、logTime、quiet、noInfo 和 reports 选项被删除且没有替换，现在我们使用内置 logger。

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

infrastructureLogging: {
  level: 'error',
},

Answer 3

就我而言

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

设置noInfo好工作。但quietwds 日志仍然显示，我不知道为什么