如何使webpack更简洁？

Question

这是Wes Craven的新梦魇!

为什么我甚至在每一点改变都需要这种恐怖？如何关闭这些通知？!

Answer 1

您可以使用Webpack CLI --display选项设置统计信息输出的详细程度.以下是可用值.

例如

--display=minimal

Answer 2

您可以添加--quiet和--no-info到的WebPack-DEV-服务器的命令行:http://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli

如果在监视模式下使用webpack,则可以将| awk '{if ($0 !~ /^ *\[[0-9]*\]/) {print} else {if ($0 ~ /\[built\]/) {print}}}'其放在后面,这将打印除了未重建的文件之外的所有输出.

Answer 3

从webpack文档：

stats选项可让您精确控制要显示的捆绑软件信息。如果您不想使用quiet或noInfo，这是一个很好的中间立场，因为您需要某些捆绑软件信息，但不是全部。

对于webpack-dev-server，此属性需要在devServer对象中。

//example with module.exports in webpack.config.js
module.exports = {
  //...
  stats: 'minimal'
};

//example with dev-sever in webpack.config.js
dev-sever: {
  //...
  stats: 'minimal'
}

有关其他选项errors-only，请参见文档，包括none，verbose以及更多。

参考：https : //webpack.js.org/configuration/stats/