Webpack、postcss、nanocss：CSSのグローバル変数を設定する方法

Question

Webpack、postcssおよびそのプラグインnanocsを使用してノードプロジェクトを作成しました。 、私はpackage.jsonから取得グローバル変数VERSIONをJavaScriptコードの場合

を設定している：これを行うこととしてwebpack.config.jsを設定する簡単です。このように

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

私はVERSION変数にアクセスすることができます私のJavaScriptモジュールの誰でも。

今、私はCSSでも同じことをしたいと思います。 nanocssを使用して、私は/*! version: 0.0.1と私のmain.cssにコメントを入れることができますが、私はそれを行う方法/*! version: VERSION*/

を行うためには、JavaScriptのためのようにpackage.jsonから取られた同じ変数を持っていると思いますか？ ありがとうございます。

Answer 1

このgithub discussionで説明されているように、webpack.config.jsではなくpostcss.config.jsで解決されました。