CSS bundle tesztelése Webpackben

Teszteljük a CSS külön bundle-be való összeállítását. Tegyük fel, hogy van két CSS fájlunk.

Az első:

src/styles1.cssbody {
  background: red;
}

A második:

src/styles2.cssp {
  color: green;
}

Importáljuk őket a belépési ponthoz:

src/index.jsimport './styles1.css';
import './styles2.css';

A projekt összeállítási parancsa mindent egy külön fájlba gyűjt main.css néven:

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}
Задание 1

Importálj három CSS fájlt a belépési pontodhoz.

Задание 2

Hajtsd végre az összeállítást fejlesztői módban. Tanulmányozd a CSS bundle fájlt.

Задание 3

Hajtsd végre az összeállítást termelési módban. Tanulmányozd a CSS bundle fájlt.