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！