Ich lerne Scss, und diesen Artikel lesen. https://scotch.io/tutorials/aesthetic-sass-1-architecture-and-style-organization#architectureMuss ich alle CSS-Dateien am Anfang laden?
Sollte ich main.scss am Anfang laden, oder laden Sie die scss-Datei, wenn es nötig ist. Wenn wir den zweiten Weg machen sollten, wäre es dann zu ärgerlich, relevante CSS-Dateien jedes Mal zu importieren, wenn Sie eine neue Seite erstellen?
Sie benötigen einen Sass-Compiler, um die CSS-Dateien in CSS zu kompilieren. Daher empfehle ich, eine einzelne main.CSS-Datei zu verwenden und andere CSS-Dateien darin zu importieren.
Normalerweise kompilieren die Compiler alle CSS-Dateien in ihre unabhängigen CSS-Dateien. Um dies zu vermeiden, benennen Sie Ihre anderen CSS-Dateien wie _scssfile.scss und _scssfile2.scss und importieren Sie sie in die Datei main.scss.
Dadurch wird eine einzelne CSS-Datei erstellt, die Sie importieren können.
Verwenden Sie eine CSS-Datei, um einen einzelnen Anruf im Netzwerk durchzuführen. Wenn Sie mehrere Dateien verwenden, ruft das Netzwerk sie einzeln auf.
this helps :)
Sie keine SCSS Datei in Ihrem HTML enthalten müssen statt, wenn Ihr Dateiname ist (main.scss) Sie umfassen (main.css) in Ihre HTML-doc und Sie benötigen einen Compiler wie http://koala-app.com/, der die scss automatisch liest und diesen Code in css umwandelt, nachdem Sie den Ordner dem Koala Compiler zugewiesen haben ...
Danke für Ihre Antwort. –
Danke. Gibt es praktische Strategien, CSS zu laden, wenn es benötigt wird? Zum Beispiel werde ich page1.css erst laden, wenn page1.html geladen ist. Ist es zu langsam, die Datei main.css zu laden, die alles zu Beginn enthält? –
Nun, es gibt viele Möglichkeiten, das zu tun. Wenn es sich bei Ihrem Projekt um ein einfaches Projekt handelt, können Sie separate CSS-Dateien erstellen und sie dann bei Bedarf verwenden. Es gibt neue Technologien (Modul-Bundler) wie Webpack und Systemjs, die dies dynamisch tun. – Aslam