如何禁止使用webpack和post css的警告

如何禁止webpack加載post css文件產生的警告？如何禁止使用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]; 
    }

來源

2016-08-11 Avi Zloof

你被試圖隱瞞這一警告犯了一個錯誤。這個警告更多是一個錯誤btw。你應該修復它。使用沒有引用或回退的var（）函數是錯誤的，並且會爲瀏覽器創建無效值。

來源：postcss-custom-properties的作者。

來源

2016-08-12 07:10:26 MoOx

嗨，問題的關鍵是，我有對我的所有的var文件，我有一個spdifferent CSS頁面永遠成分所以實際上這個警告是錯誤 –

這個警告是警告由單元測試覆蓋https://github.com/postcss/postcss-custom-properties/blob/12ad2bf75c40338f629f8b3d47c921ba30a5f98a/test/index.js#L61-L72，所以如果你得到它，這是因爲你要求插件做一個轉化它不能做。如果你想轉換一個var（）用法，插件需要在相同的上下文中定義。如果你有一個包含所有變量的js文件，使用這個插件的「變量」選項。如果在另一個CSS文件中有變量，請使用postcss-import，以便postcss-custom-properties可以訪問正確（當前）範圍內的var。 – MoOx

@MoOx如果你能聯繫到角色團隊，這樣他們就可以解決這個問題，這將是很好的。 – Ced

你可以嘗試添加

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

來源

2016-08-12 09:20:34

隱藏警告並不是一個好主意，因爲它可能是一個配置問題，正如我的回答中所解釋的。 – MoOx

是的，我的第一個建議是解決導致警告的問題。但是，如果有已知的問題，你不希望警告凌亂你的控制檯，上面是一個解決方案 –

謝謝！爲我工作。並回答OP的問題。我會將-1更改爲0. =） – Dave

如何禁止使用webpack和post css的警告

回答

相關問題