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

あなたはこの警告を非表示しようとすることで間違いを犯しています。この警告はエラーbtwです。 ただ修正する必要があります。参照やフォールバックを持たないvar（）関数を使用すると間違っていて、ブラウザに無効な値が生成されます。

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

Answer 2

はあなたが

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