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.