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:
body {
background: red;
}
O segundo:
p {
color: green;
}
Vamos importá-los para o ponto de entrada:
import './styles1.css';
import './styles2.css';
O comando para construir o projeto
irá agrupar tudo em um arquivo separado
com o nome main.css:
body {
background: red;
}
p {
color: green;
}
Importe para o seu ponto de entrada três arquivos CSS.
Execute a construção em modo de desenvolvimento. Estude o arquivo do bundle CSS.
Execute a construção em modo de produção. Estude o arquivo do bundle CSS.