Testarea construcției CSS în bundle în Webpack

Să testăm construcția CSS într-un bundle separat. Să presupunem că avem două fișiere CSS.

Primul:

src/styles1.cssbody {
  background: red;
}

Al doilea:

src/styles2.cssp {
  color: green;
}

Să le importăm în punctul de intrare:

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

Comanda de construire a proiectului va colecta totul într-un fișier separat cu numele main.css:

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