Тестирање спремања CSS у бандл у Webpack-у
Хајде да тестирамо спремање CSS-а у посебан бандл. Претпоставимо да имамо два CSS фајла.
Први:
src/styles1.cssbody {
background: red;
}
Други:
src/styles2.cssp {
color: green;
}
Увезимо их у улазну тачку:
src/index.jsimport './styles1.css';
import './styles2.css';
Команда за спајање пројекта
ће сабрати све у посебан фајл
са именом main.css:
dist/main.cssbody {
background: red;
}
p {
color: green;
}
Задание 1
Увезете у вашу улазну тачку три CSS фајла.
Задание 2
Извршите спајање у режиму развоја. Проучите CSS бандл фајл.
Задание 3
Извршите спајање у продакшн режиму. Проучите CSS бандл фајл.