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)
    })
  ]
};

通过这种方式，我可以访问任何JavaScript模块中的VERSION变量。

现在，我想用css做同样的事情。 使用nanocss，我可以使用/*! version: 0.0.1在main.css中添加注释，但我想从package.json获取与JavaScript相同的变量，以便/*! version: VERSION*/

怎么做？ 谢谢。

Answer 1

决定不使用webpack.config.js，而是使用post github discussion中描述的postcss.config.js！