Testovanie zostavenia CSS do bundlu v Webpack
Poďme otestovať zostavenie CSS do samostatného bundlu. Nech máme dva CSS súbory.
Prvý:
src/styles1.cssbody {
background: red;
}
Druhý:
src/styles2.cssp {
color: green;
}
Importujeme ich do vstupného bodu:
src/index.jsimport './styles1.css';
import './styles2.css';
Príkaz na zostavenie projektu
zostaví všetko do samostatného súboru
s názvom main.css:
dist/main.cssbody {
background: red;
}
p {
color: green;
}
Задание 1
Importujte do vášho vstupného bodu tri CSS súbory.
Задание 2
Vykonajte zostavenie v režime vývoja. Skúmajte súbor CSS bundlu.
Задание 3
Vykonajte zostavenie v produkčnom režime. Skúmajte súbor CSS bundlu.