So verwalten Sie CSS und andere Ressourcen in Webpack und SPA

In diesem Artikel werden hauptsächlich die Methoden zur Verwaltung von CSS und anderen Ressourcen in der Webpack- und SPA-Praxis vorgestellt. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Editor und werfen wir einen Blick darauf.

Im vorherigen Artikel wurde beschrieben, wie man mit Webpack eine stabile Entwicklungsumgebung erstellt, die lokale Dienste, automatische Aktualisierung, Modul-Hot-Replacement und das Schreiben von JavaScript mit ES6 unterstützt webpack Wie man mit einem weiteren Element der drei Hauptelemente von HTML-Anwendungen umgeht – CSS und andere Ressourcen wie Bilder, Schriftartdateien oder Datenkonfigurationsdateien.

Vorwort

Wenn wir lernen, Webpack zu verwenden, müssen wir verstehen, dass es unabhängig davon, wie es entworfen ist, was sein Funktionsprinzip und Prozess ist, das Grundlegende ist Prozesse sind HTML-HTML-Tags, JavaScript, CSS, Bilder und andere Ressourcen im Dokument, und das endgültige Verarbeitungsergebnis muss immer noch ein HTML-Dokument sein, einschließlich DOM, JavaScript, CSS, und es gibt drei Möglichkeiten, wie CSS im Dokument vorhanden sein kann: Inline-Stil, Inline Die Verwendung von Stilen, externen Linkstilen und Inline-Stilen ist seit langem veraltet, daher gibt es für Webpack nur zwei Möglichkeiten, CSS zu verarbeiten:

1. Inline-Stile: Verwenden Sie die