Testovanie zostavenia CSS do bundlu v Webpack

Poďme otestovať zostavenie CSS do samostatného bundlu. Nech máme dva CSS súbory.

Prvý:

src/styles1.cssbody {
  background: red;
}

Druhý:

src/styles2.cssp {
  color: green;
}

Importujeme ich do vstupného bodu:

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

Príkaz na zostavenie projektu zostaví všetko do samostatného súboru s názvom main.css:

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

Importujte do vášho vstupného bodu tri CSS súbory.

Задание 2

Vykonajte zostavenie v režime vývoja. Skúmajte súbor CSS bundlu.

Задание 3

Vykonajte zostavenie v produkčnom režime. Skúmajte súbor CSS bundlu.