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.