Тестване на изграждането на CSS в bundle във Webpack
Нека тестваме изграждането на CSS в отделен bundle. Да предположим, че имаме два CSS файла.
Първият:
body {
background: red;
}
Вторият:
p {
color: green;
}
Импортираме ги в входната точка:
import './styles1.css';
import './styles2.css';
Командата за изграждане на проекта
ще събере всичко в отделен файл
с име main.css:
body {
background: red;
}
p {
color: green;
}
Импортирайте във вашата входна точка три CSS файла.
Изпълнете изграждане в режим на разработка. Изследвайте CSS bundle файла.
Изпълнете изграждане в продакшън режим. Изследвайте CSS bundle файла.