mit css Module mit scss

Question

Ich benutze CSS-Module. Jedes CSS-Modul ist eine SCSS Datei und sieht ungefähr wie folgt aus:

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

Ist es als ein Anti-Muster & innerhalb CSS-Module zu benutzen?

Answer 1

Nun nein. Denken Sie daran, dass dies zwingt Sie, den HTML-Code in einer geeigneten Struktur zu haben, um diese Arbeit zu machen. Wenn also die Styles nur in diesem Modul verwendet werden und nicht woanders gebraucht werden, ist das absolut in Ordnung. Aber wenn Sie diese Styles woanders brauchen, in einem anderen Kontext, der nicht die passende HTML-Struktur hat, einen anderen Ansatz, f.i. mit Klassen wäre besser. Dann kann die @extend Direktive nützlich sein.

Answer 2

Nein, sass-Lader wird zuerst ausgeführt und

Ebene CSS ausspucken

CSS Module die CSS nimmt und Tive es.