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