Testování importu CSS stylů ve Webpacku

Pojďme otestovat import CSS stylů v JavaScriptovém souboru. Vytvoříme soubor se styly:

src/styles.cssbody {
  background: red;
}

Importujeme jej:

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

Nyní, pokud po sestavení projektu otevřete v prohlížeči HTML soubor, ke kterému je připojen soubor sestavení, uvidíme výsledek práce našich stylů.

Задание 1

Proveďte popsané testování. Importujte několik CSS souborů.

Задание 2

Otevřete v editoru soubor sestavení a pomocí vyhledávání v něm najděte vaše CSS styly.

Задание 3

Otevřete debugger prohlížeče a najděte na HTML stránce vaše CSS styly.