Testen van CSS bundeling in Webpack

Laten we het bundelen van CSS in een aparte bundel testen. Stel dat we twee CSS-bestanden hebben.

De eerste:

src/styles1.cssbody {
  background: red;
}

De tweede:

src/styles2.cssp {
  color: green;
}

Laten we ze importeren in het entry point:

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

De build-opdracht voor het project zal alles in een apart bestand bundelen met de naam main.css:

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}