Webpack、postcss 和 nanocss：如何为 CSS 设置全局变量答案

【问题标题】：Webpack, postcss and nanocss: how to set global variable for CSSWebpack、postcss 和 nanocss：如何为 CSS 设置全局变量
【发布时间】：2017-08-08 15:24:34
【问题描述】：

我有一个使用 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 中添加评论，但我希望像 JavaScript 一样从 package.json 中获取相同的变量，以便执行 /*! version: VERSION*/

如何做到这一点？谢谢。

【问题讨论】：

标签： javascript css webpack postcss

【解决方案1】：

解决了不使用 webpack.config.js 而是使用 postcss.config.js 的问题，如 github discussion! 中所述。

【讨论】：