Testen van het importeren van CSS-stijlen in Webpack

Laten we het importeren van CSS-stijlen in een JavaScript-bestand testen. Laten we een bestand met stijlen maken:

src/styles.cssbody {
  background: red;
}

Laten we het importeren:

src/index.jsimport './styles.css';

Nu, als je na het bouwen van het project het HTML-bestand opent in de browser, waar het bouwbestand aan is gekoppeld, zullen we het resultaat van onze stijlen zien.

Задание 1

Voer de beschreven test uit. Importeer meerdere CSS-bestanden.

Задание 2

Open het bouwbestand in de editor en zoek met behulp van zoeken naar je CSS-stijlen erin.

Задание 3

Open de browserdebugger en vind je CSS-stijlen op de HTML-pagina.