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