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中添加注释/*! version: 0.0.1 /*! version: 0.0.1 ，但是我想从package.json中获取与JavaScript相同的变量，以便执行/*! version: VERSION*/ /*! version: VERSION*/

怎么做？ 谢谢。

Answer 1

解决了不使用webpack.config.js，而是使用了github讨论中所述的postcss.config.js！