Тестирање на собирането на CSS во bundle во Webpack

Ајде да го тестираме собирањето на CSS во посебен bundle. Нека имаме две 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 bundle датотеката.

Задание 3

Извршете собирање во продакшен режим. Проучете ја CSS bundle датотеката.