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