Test af import af CSS-stilarter i Webpack

Lad os teste import af CSS stilarter i en JavaScript-fil. Lad os lave en fil med stilarter:

src/styles.cssbody {
  background: red;
}

Importer den:

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

Nu, hvis du efter projektets bundling åbner HTML-filen i en browser, som bundlingsfilen er tilsluttet, vil vi se resultatet af vores stilarter.

Задание 1

Udfør den beskrevne test. Importer flere CSS-filer.

Задание 2

Åbn bundlingsfilen i editoren og brug søgning til at finde dine CSS-stilarter i den.

Задание 3

Åbn browserens debugger og find dine CSS-stilarter på HTML-siden.