Testen des CSS-Bundle-Builds in Webpack
Lassen Sie uns das Bündeln von CSS in ein separates Bundle testen. Nehmen wir an, wir haben zwei CSS-Dateien.
Die erste:
body {
background: red;
}
Die zweite:
p {
color: green;
}
Importieren wir sie zum Einstiegspunkt:
import './styles1.css';
import './styles2.css';
Der Build-Befehl für das Projekt
fasst alles in einer separaten Datei
mit dem Namen main.css zusammen:
body {
background: red;
}
p {
color: green;
}
Importieren Sie drei CSS-Dateien zu Ihrem Einstiegspunkt.
Führen Sie den Build im Entwicklungsmodus aus. Untersuchen Sie die CSS-Bundle-Datei.
Führen Sie den Build im Produktionsmodus aus. Untersuchen Sie die CSS-Bundle-Datei.
