Testiranje sestavljanja CSS v snop v Webpack
Poglejmo, kako preizkusimo sestavljanje CSS v ločen snop. Predpostavimo, da imamo dve CSS datoteki.
Prva:
src/styles1.cssbody {
background: red;
}
Druga:
src/styles2.cssp {
color: green;
}
Uvažajmo jih v vstopno točko:
src/index.jsimport './styles1.css';
import './styles2.css';
Ukaz za sestavljanje projekta
bo vse zbral v ločeno datoteko
z imenom main.css:
dist/main.cssbody {
background: red;
}
p {
color: green;
}
Задание 1
Uvozite v vašo vstopno točko tri CSS datoteke.
Задание 2
Izvedite sestavljanje v načinu razvoja. Preglejte datoteko CSS snopa.
Задание 3
Izvedite sestavljanje v produkcijskem načinu. Preglejte datoteko CSS snopa.