Webpack-da CSS-ni bungilashni test qilish

Keling, CSS-ni alohida bungilashni test qilaylik. Aytaylik, bizda ikkita CSS fayli bor.

Birinchi:

src/styles1.cssbody {
  background: red;
}

Ikkinchi:

src/styles2.cssp {
  color: green;
}

Keling, ularni kirish nuqtasiga import qilaylik:

src/index.jsimport './styles1.css';
import './styles2.css';

Loyihani bungilash buyrug'i hammasini main.css nomli alohida faylga jamlaydi:

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}
Задание 1

Kirish nuqtangizga uchta CSS faylini import qiling.

Задание 2

Ishlab chiqarish rejimida bungilashni bajaring. CSS bungi faylini o'rganing.

Задание 3

Ishlab chiqarish rejimida bungilashni bajaring. CSS bungi faylini o'rganing.