webpack - webpack と post css を使用して警告を抑制する方法

Question

ポスト css ファイルをロードする webpack によって生成される警告を抑制するにはどうすればよいですか?

警告の例:

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

追加してみてはいかがですか

module.exports = {
  entry: ...,
  stats: {warnings:false}
  ...
}

Answer 2

この警告を隠そうとするのは間違いです。この警告はエラーです。あなたはそれを修正する必要があります。参照やフォールバックを持たない var() 関数を使用するのは間違いであり、ブラウザーに対して無効な値を作成します。

出典: postcss-custom-properties の作成者。