Testing av bygging av CSS i bundle i Webpack

La oss teste bygging av CSS i en egen bundle. La oss si at vi har to CSS-filer.

Første:

src/styles1.cssbody {
  background: red;
}

Andre:

src/styles2.cssp {
  color: green;
}

Vi importerer dem til inngangspunktet:

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

Kommando for å bygge prosjektet vil samle alt i en egen fil med navnet main.css:

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