Testování sestavení CSS do bundlu ve Webpacku
Pojďme otestovat sestavení CSS do samostatného bundlu. Předpokládejme, že máme dva CSS soubory.
První:
src/styles1.cssbody {
background: red;
}
Druhý:
src/styles2.cssp {
color: green;
}
Importujeme je do vstupního bodu:
src/index.jsimport './styles1.css';
import './styles2.css';
Příkaz pro sestavení projektu
vše sestaví do samostatného souboru
s názvem main.css:
dist/main.cssbody {
background: red;
}
p {
color: green;
}
Задание 1
Importujte do vašeho vstupního bodu tři CSS soubory.
Задание 2
Proveďte sestavení v režimu vývoje. Prostudujte soubor CSS bundlu.
Задание 3
Proveďte sestavení v produkčním režimu. Prostudujte soubor CSS bundlu.