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.