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.