Testare la costruzione del bundle CSS in Webpack

Testiamo la costruzione del CSS in un bundle separato. Supponiamo di avere due file CSS.

Il primo:

src/styles1.cssbody {
  background: red;
}

Il secondo:

src/styles2.cssp {
  color: green;
}

Importiamoli nel punto di ingresso:

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

Il comando per costruire il progetto raccoglierà tutto in un file separato con il nome main.css:

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