Testen des CSS-Importes in Webpack
Lassen Sie uns den Import von CSS Stilen in einer JavaScript-Datei testen. Erstellen wir eine Datei mit Stilen:
body {
background: red;
}
Importieren wir sie:
import './styles.css';
Wenn Sie nun nach dem Build des Projekts die HTML-Datei im Browser öffnen, an die die Bundle-Datei angebunden ist, werden wir das Ergebnis unserer Stile sehen.
Führen Sie die beschriebene Tests durch. Importieren Sie mehrere CSS-Dateien.
Öffnen Sie die Bundle-Datei im Editor und suchen Sie mit der Suchfunktion nach Ihren CSS-Stilen darin.
Öffnen Sie den Browser-Debugger und finden Sie Ihre CSS-Stile auf der HTML-Seite.