Testing av import av CSS-stiler i Webpack

La oss teste import av CSS-stiler i en JavaScript-fil. La oss lage en fil med stiler:

src/styles.cssbody {
  background: red;
}

Importer den:

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

Nå, hvis du etter bygging av prosjektet åpner HTML-filen i en nettleser, som byggfilen er koblet til, vil vi se resultatet av våre stiler.

Задание 1

Utfør den beskrevne testingen. Importer flere CSS-filer.

Задание 2

Åpne byggfilen i en editor og bruk søk for å finne dine CSS-stiler i den.

Задание 3

Åpne nettleserens debugger og finn dine CSS-stiler på HTML-siden.