Testowanie budowania CSS w bundle w Webpack

Przetestujmy budowanie CSS w osobny bundle. Załóżmy, że mamy dwa pliki CSS.

Pierwszy:

src/styles1.cssbody {
  background: red;
}

Drugi:

src/styles2.cssp {
  color: green;
}

Zaimportujmy je do punktu wejścia:

src/index.jsimport './styles1.css';
import './styles2.css';

Polecenie budowania projektu zbierze wszystko w osobny plik o nazwie main.css:

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}
Задание 1

Zaimportuj do swojego punktu wejścia trzy pliki CSS.

Задание 2

Wykonaj budowanie w trybie deweloperskim. Przeanalizuj plik bundle CSS.

Задание 3

Wykonaj budowanie w trybie produkcyjnym. Przeanalizuj plik bundle CSS.