Wie kann ich .scss Datei in eine andere .scss Datei einbinden?
Ich habe versucht, das in eine Datei zu schreiben:
app.scss:
und es wird ein Fehler zurückgegeben: invalid css after @import
Ich versuche, zwei weitere scss-Dateien in die Hauptdatei scss einzufügen, so dass alles zu einer css -Datei kompiliert wird. Wie ist es möglich?
Sie können es so importieren;
%Vor%Nach Ihren Verzeichnissen und es wird tun, was Sie wollen.
Sie können eine partielle hinzufügen, indem Sie dies tun:
%Vor%Die importierte Datei benötigt einen Unterstrich, damit Sass erkennt, dass sie eingeschlossen wird: _partial.scss
Ok, es scheint also so zu sein, dass meine app.scss -Datei mit der Bootstrap.css-Datei kollidiert.
Weil ich wollte, dass die Eigenschaft app.scss background anstelle der Bootstrap CSS-Datei angewendet wird. Ich habe !important in dieser Eigenschaft hinzugefügt, um den Bootstrap-Stil zu überschreiben.:
Außerdem wurde gulpfile.js aktualisiert, um meinen Anforderungen entsprechend zu entsprechen:
Und so habe ich es behoben.