webpack - 如何使用 webpack 和 post css 抑制警告

Question

如何抑制 webpack 加载 post css 文件生成的警告？

警告示例:

WARNING in ./~/css-loader!./~/postcss-loader!./src/components/Navigator/Navigator.css
postcss-custom-properties: C:\StackData\bd\src\components\Navigator\Navigator.css:33:9: variable '--active' is undefined and
 used without a fallback

我的 webpack 配置:

 module: {
    loaders: [
   ...
      {test: /\.css/, loader: 'style-loader!css-loader!postcss-loader'},
   ...
    ]
  },
  postcss: function () {
    return [precss, autoprefixer];
  }

Answer 1

您可以使用stats.warningsFilter 。尝试这样的事情:

module.exports = {
    ...
    stats: {
        warningsFilter: [
            './~/css-loader!./~/postcss-loader!./src/components/Navigator/Navigator.css'
        ]
    }
    ...
}

您可以添加警告中出现的任何内容，甚至可以使用正则表达式或函数。越具体越好。