Testování sestavení CSS do bundlu ve Webpacku

Pojďme otestovat sestavení CSS do samostatného bundlu. Předpokládejme, že máme dva CSS soubory.

První:

src/styles1.cssbody {
  background: red;
}

Druhý:

src/styles2.cssp {
  color: green;
}

Importujeme je do vstupního bodu:

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

Příkaz pro sestavení projektu vše sestaví do samostatného souboru s názvem main.css:

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

Importujte do vašeho vstupního bodu tři CSS soubory.

Задание 2

Proveďte sestavení v režimu vývoje. Prostudujte soubor CSS bundlu.

Задание 3

Proveďte sestavení v produkčním režimu. Prostudujte soubor CSS bundlu.