Тэставанне зборкі 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 бандла.