Webpack（ビルド時）のすべてのCSSセレクタにセレクタをグローバルに追加します

Question

私のアプリケーションで使用されるすべてのCSSセレクタに特定のセレクタをグローバルに追加したいと思います。

私はReactとWebpackローダーを使用していますpost-css、css-loader、sass-loader、extract-text-webpack-pluginです。

私はjsxファイル内のすべてのクラス名を編集したくありません。この特定のセレクタをビルド時にに追加したいだけです。

これを実現するローダーはありますか？私はWebPACKののtranspilation後に何をしたいです

.myClass { 
    ... 

    &--blue { ... } 
} 

：

.specificClass .myClass { ... } 
.specificClass .myClass--blue { ... } 

おかげ

ゴーティエ

PS：私は実際に持っている何か他のソリューション...

私はこの機能が必要な理由は、私は統合しているWebサイトとのCSSセレクタの衝突を避けるためです私のアプリケーション。セレクタを追加するために、すべてのscssファイルを手動で編集するのではありません。

Answer 1

これはあなたの主SASSファイルで解けるようになります。私は、単一のSASSエントリポイントを持っていない

.specificClass { 
    @import 'variables'; 
    @import 'fonts'; 
    // ... do more imports 
}