CSS stílusok importálásának tesztelése Webpackben

Teszteljük a CSS stílusok importálását egy JavaScript fájlban. Készítsünk egy stílusfájlt:

src/styles.cssbody {
  background: red;
}

Importáljuk be:

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

Most, ha a projekt buildelése után megnyitjuk a böngészőben azt a HTML fájlt, amelyhez a buildelt fájl csatlakozik, láthatjuk a stílusaink munkájának eredményét.

Задание 1

Végezze el az ismertetett tesztelést. Importáljon több CSS fájlt.

Задание 2

Nyissa meg a szerkesztőben a buildelt fájlt és a kereső segítségével keresse meg benne a CSS stílusait.

Задание 3

Nyissa meg a böngésző debuggerét és keresse meg a HTML oldalon a CSS stílusait.