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.