Test af CSS-bundling i Webpack

Lad os teste bundlingen af CSS til en separat bundle. Lad os sige, at vi har to CSS-filer.

Første:

src/styles1.cssbody {
  background: red;
}

Anden:

src/styles2.cssp {
  color: green;
}

Lad os importere dem til indgangspunktet:

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

Kommandoen for at bygge projektet vil samle alt i en separat fil med navnet main.css:

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