48

这是韦斯·克雷文的新噩梦！

在此处输入图像描述

为什么我什至需要对每一点改变都感到恐惧？我怎样才能关闭这些通知？！

4

12 回答 12

34

你可以使用 Webpack CLI 的--display选项来设置统计输出的详细程度。以下是可用值。

例如

--display=minimal
于 2017-12-06T10:42:21.607 回答
15

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

如果你在 watch 模式下使用 webpack，你可以放在| awk '{if ($0 !~ /^ *\[[0-9]*\]/) {print} else {if ($0 ~ /\[built\]/) {print}}}'它后面，它会打印除了没有重建的文件之外的所有输出。

于 2015-06-22T20:04:18.000 回答
9

来自 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/

于 2018-09-04T15:25:46.270 回答
4

我稍微更改了 Haken 的 grep 语句，以便它在初始加载以及更新 JS 文件时也能正常工作。

这是我的 package.json 中的代码片段。

scripts": {
    "dev": "npm run dev | grep -v \"\\[\\d*\\]\""
}

这将过滤掉所有包含 [231]、[232] 等模式的行。

于 2016-04-06T07:59:33.453 回答
4

使用 webpack 的 stats 选项。

例如，要删除块生成的数百行：

stats: {
    chunks: false
}

要删除有关模块的信息：

stats: {
    chunkModules: false
}

有关更多选项，请参阅统计文档。

于 2017-06-22T17:31:49.440 回答
3

如果你使用karma-webpack，你可以把它放到你的配置文件中：

webpackMiddleware: {
 noInfo: true,
 stats: 'errors-only'
}

noInfo: false不向控制台显示任何信息（仅警告和错误）文档

stats: 'errors-only'仅在发生错误时输出文档

于 2017-01-24T05:12:35.210 回答
2

如果您使用该express版本，则可以包含noInfo选项：

import webpackMiddleware from 'webpack-dev-middleware';

app.use(webpackMiddleware(compiler, {
  noInfo: true
}));

在此处输入图像描述

于 2016-09-09T14:16:26.030 回答
1

quiet并no-info没有为我做任何有用的事情。相反，我最终使用了 grep 过滤器。

npm run dev | grep -v "node_modules\|\[built\]"

这将删除任何包含[built]or的行node_modules，这样可以更轻松地查看实际的构建错误，而无需滚动浏览一堆终端输出行。

我把它放在scripts我的 package.json 部分，这样我就可以npm run dev-quiet用来获取过滤后的输出日志。

于 2016-04-01T13:45:23.147 回答
1

使用 Webpack-Dev-Server 配置文件，您可以连接到 API。

noInfo: true除非您有错误，否则使用将禁用信息性消息。

使用quiet: true会删除所有控制台信息，甚至是错误。

参考：https ://webpack.github.io/docs/webpack-dev-server.html#api

于 2016-08-07T11:00:57.473 回答
1

我有同样的问题，我的解决方案不是新的，但详细说明了以前的答案。在您的 webpack.dev.js 中，您可以对 devServer 使用以下配置。注意stats部分：

module.exports = merge(common, {
  mode: 'development',
  devtool: 'source-map',
  devServer: {
    historyApiFallback: true,
    compress: true,
    port: 3420,
    inline: true,
    stats: {
      colors: true,
      chunks: false,
      hash: false,
      version: false,
      timings: false,
      assets: false,
      children: false,
      source: false,
      warnings: true,
      noInfo: true,
      contentBase: './dist',
      hot: true,
      modules: false,
      errors: true,
      reasons: true,
      errorDetails: true,
    },
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin({
    }),
  ],
});
于 2019-10-09T02:53:55.500 回答
1

webpack使用该--hide-modules选项运行。

于 2017-06-20T09:40:13.567 回答
0

使用webpack-dev-middleware时，您现在必须使用logLevel而不是noInfo在配置选项中（截至 2017年 12 月 18 日）。

例子：

require("webpack-dev-middleware")(compiler, {
    logLevel: "warn", // set the logLevel
});
于 2018-05-02T19:20:10.173 回答