Ich bin neu in Webpack und ich weiß nicht, wie wir Compass (CSS Authoring Framework) in einem Projekt verwenden können.
Gibt es eine gute Methode?
Danke
Sie können Kompass-Mixins
verwenden %Vor%Hier ist ein hilfreicher Webcomp-Textbaustein
Aktualisieren:
Sie können sass-resources-loader verwenden, um Ihre SASS-Ressourcen in jedes erforderliche SASS-Modul zu importieren. wo Sie Ihre Ressourcen in all Ihren Sass-Dateien nie importieren müssen.
Bitte überprüfen Sie die Implementierung in Aktion in diesem Textbaustein
Wesentlicher Zusatz zu @Ayman Jitan Antwort Ссылка .
Sie müssen diese zwei Zeilen oben in Ihrer styles.scss -Datei hinzufügen:
Andernfalls erhalten Sie Fehler von sass-loader "Module Build fehlgeschlagen" und "Kein Mixin" gefunden. Wie folgt "
Wenn Sie nur @import "compass/functions"; (ohne @import "compass"; ) hinzufügen, erhalten Sie möglicherweise diesen Fehler (hängt von der Mischung ab, die Sie einschließen, in meinem Fall wurde sie von @include background(linear-gradient(white, #cccccc, #aaaaaa)); geworfen):
Da der Kompass ein halb-rubinroter und ein halbsässiger Rahmen ist, funktionieren Kompass-Mixins möglicherweise nicht korrekt mit älteren Scss Code.
Um den ursprünglichen Kompass in Ihrer Webpack-Konfiguration zu aktivieren, sollten Sie Folgendes verwenden:
mit der Option compass .
Achtung! : Der Kompass wird nicht mehr unterstützt