Prueba de compilación de CSS en un bundle en Webpack

Probemos la compilación de CSS en un bundle separado. Supongamos que tenemos dos archivos CSS.

El primero:

src/styles1.cssbody {
  background: red;
}

El segundo:

src/styles2.cssp {
  color: green;
}

Importémoslos en el punto de entrada:

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

El comando para compilar el proyecto recopilará todo en un archivo separado con el nombre main.css:

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