CSS surinkimo į bundle Webpack'e testavimas

Išbandykime CSS surinkimą į atskirą bundle. Tarkime, mes turime du CSS failus.

Pirmasis:

src/styles1.cssbody {
  background: red;
}

Antrasis:

src/styles2.cssp {
  color: green;
}

Importuokime juos į įėjimo tašką:

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

Projekto surinkimo komanda surinks viską į atskirą failą su pavadinimu main.css:

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

Importuokite į savo įėjimo tašką tris CSS failus.

Задание 2

Atlikite surinkimą kūrimo režimu. Ištirkite CSS bundle failą.

Задание 3

Atlikite surinkimą produkcijos režimu. Ištirkite CSS bundle failą.