So importieren Sie weniger Dateien zweimal, um das Wechseln von Designs zu aktivieren

Question

Ich arbeite daran, meine Anwendung mit weniger Dateien zu formatieren. Ich habe Variablen weniger Dateien und häufig weniger Dateien erstellt.

@import 'commonlessfiles'; 

html.theme1{ 
@import 'theme1variables'; 
@import 'baselessfiles'; 
} 

html.theme2{ 
@import 'theme1variables'; 
@import 'baselessfiles'; 
} 

Verwenden Sie den Code wie oben.

Mein Problem ist die Generierung von CSS-Dateien für den ersten Teil (theme1). Wahrscheinlich wird weniger Dupliktimport nicht erlauben. Als ich baselessfile 2 mal importiere. (@import 'baselessfiles').

Ausgabe:

gemeinsam CSS

html.theme1 .class{ 

}.... 

Gibt es eine Möglichkeit, das weniger sagen kann oder weniger zwingen Datei zweimal zu importieren und die Variable-Datei verwenden.

sollte Meine Ausgabe wie unten sein:

gemeinsame CSS:

html.theme1 class{ 

} 

html.theme2.class{ 


} 

Answer 1

Im Folgenden Code funktioniert für mich multiple

@import 'commonlessfiles'; 

html.theme1{ 
    @import 'theme1variables'; 
    @import (multiple) 'baselessfiles'; 
} 

html.theme2{ 
    @import 'theme1variables'; 
    @import (multiple) 'baselessfiles'; 
}