Тестване на изграждането на 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 файла.