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:
src/styles.cssbody {
background: red;
}
Importieren wir sie:
src/index.jsimport './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.
Задание 1
Führen Sie die beschriebene Tests durch. Importieren Sie mehrere CSS-Dateien.
Задание 2
Öffnen Sie die Bundle-Datei im Editor und suchen Sie mit der Suchfunktion nach Ihren CSS-Stilen darin.
Задание 3
Öffnen Sie den Browser-Debugger und finden Sie Ihre CSS-Stile auf der HTML-Seite.