cssクラスに基づいて異なるsassファイルを実行するにはどうすればよいですか？

Question

特定のクラスに基づいて異なるサスファイル（テーマ）を含めるにはどうすればいいですか？

今、私たちはすべてがそのスタイリングのためのユニークなCSSクラス（.app1 {選択図】図色：赤;}）が3つのアプリを得た

は、今私はSASSのフレームワークが含まれており、すべてのCSS/SASSを区切るしたいですアプリラベルごとにこれを達成するためにbase.scssを定義します。 .app3その後executrが 他の空

誰でもapp3.scss場合.app2はその後、他のapp2.scss を実行した場合.app1はその後、他のapp1.scss を実行した場合

：このSCSSでは、我々はこれを到達したいですアイディア？

Answer 1

名前空間を使用し、それをクラスとしてルート要素に適用します。適切な名前空間にSASSステートメントをラップします。それらを別々のファイル（部分）に分割し、コンパイル時にそれらを結合することができます。 _app1.scss、_app2.scssなどに

// in file _app1.scss 
.app1 { 
    // rules you want applied in the "app1" case 
} 

// in file _app2.scss 
.app2 { 
    // rules you want applied in the "app2" case 
} 

... 

あなたの別々のファイルであれば、その後base.scss含まれます：

@import 'app1'; 
@import 'app2'; 
... 

を使用すると、コンパイル時にこれが1に部分的にファイルを兼ね備えています。 （あなたはそれらを分ける必要はありませんが、それを行うのがよりクリーンかもしれません）。のような何かをして、app1名前空間を使用し、_app1.scssのルールだけが適用されます。