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