scssでCSSモジュールを使用する

Question

私はCSSモジュールを使用しています。各CSSモジュールは、SCSSファイルで、次のようになります。

.componentWrapper { 
    border: solid cadetblue; 
    border-radius: 40px; 
    padding: 10px; 
    width: 95%; 
    &.componentTitle { 
    font-size: 18px; 
    width: 15%; 
    background-color: white; 
    margin-top: -25px; 
    } 
} 

は、CSSのモジュール内&を使用するためのアンチパターンを考えられますか？

Answer 1

よくない。ちょうどこれは、あなたがその仕事をするために適切な構造でhtmlを持つように強制することを覚えておいてください。したがって、スタイルがこのモジュールでのみ使用され、他の場所では必要ない場合は、それはまったく問題ありません。しかし、適切なhtml構造を持たない別のコンテキストでは、他の場所でそれらのスタイルが必要な場合、別のアプローチ、f.i.クラスを使って、より良いでしょう。そうすれば、@extendの指示文が役立ちます。

Answer 2

いいえ、SASS-ローダーは、最初に実行し、

CSSモジュールはCSSを取り、それをスコープ平野CSSを吐き出すます。