Testiranje kompajliranja CSS-a u bundle u Webpack-u

Hajde da testiramo kompajliranje CSS-a u zaseban bundle. Pretpostavimo da imamo dva CSS fajla.

Prvi:

src/styles1.cssbody {
  background: red;
}

Drugi:

src/styles2.cssp {
  color: green;
}

Uvešćemo ih u ulaznu tačku (entry point):

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

Kompajliranje projekta komandom će sve spojiti u zaseban fajl sa imenom main.css:

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

Uvezite u vašu ulaznu tačku tri CSS fajla.

Задание 2

Izvršite kompajliranje u režimu razvoja (development). Proučite CSS bundle fajl.

Задание 3

Izvršite kompajliranje u produkcijskom režimu (production). Proučite CSS bundle fajl.