Webpack，postcss和nanocss：如何爲CSS設置全局變量

Question

我有一個使用Webpack，postcss和它的插件nanocss的節點項目。

對於JavaScript代碼，我設置從檢索的package.json一個全局變量VERSION：這樣做是簡單的設置webpack.config.js爲：

module.exports = { 
    // ... 
    plugins:[ 
    new webpack.DefinePlugin({ 
     VERSION: JSON.stringify(require('./package.json').version) 
    }) 
    ] 
}; 

這樣，我可以訪問VERSION變量在我的任何JavaScript模塊中。

現在，我想對CSS做同樣的事情。使用nanocss ，我可以把評論我main.css的/*! version: 0.0.1，但我想有從的package.json等拍攝爲JavaScript相同的變量，以做/*! version: VERSION*/

如何做到這一點？ 謝謝。

Answer 1

解決方案不使用webpack.config.js，而是使用此github discussion中描述的postcss.config.js！