Testando a construção de CSS em um bundle no Webpack

Vamos testar a construção do CSS em um bundle separado. Suponha que temos dois arquivos CSS.

O primeiro:

src/styles1.cssbody {
  background: red;
}

O segundo:

src/styles2.cssp {
  color: green;
}

Vamos importá-los para o ponto de entrada:

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

O comando para construir o projeto irá agrupar tudo em um arquivo separado com o nome main.css:

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