Тестирование сборки CSS в бандл в Webpack

Давайте потестируем сборку CSS в отдельный бандл. Пусть у нас есть два CSS файла.

Первый:

body {
	background: red;
}

Второй:

p {
	color: green;
}

Импортируем их к точке входа:

import './styles1.css';
import './styles2.css';

Команда на сборку проекта соберет все в отдельный файл с именем main.css:

body {
	background: red;
}
p {
	color: green;
}

Импортируйте к вашей точки входа три CSS файла.

Выполните сборку в режиме разработки. Изучите файл CSS бандла.

Выполните сборку в продакшн режиме. Изучите файл CSS бандла.