Тестирање спремања 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 бандл фајл.