Testa att bygga CSS i ett bundle i Webpack

Låt oss testa att bygga CSS till ett separat bundle. Låt oss säga att vi har två CSS-filer.

Första:

src/styles1.cssbody {
  background: red;
}

Andra:

src/styles2.cssp {
  color: green;
}

Importera dem till ingångspunkten:

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

Kommandot för att bygga projektet kommer att samla allt i en separat fil med namnet main.css:

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