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:
body {
background: red;
}
El segundo:
p {
color: green;
}
Importémoslos en el punto de entrada:
import './styles1.css';
import './styles2.css';
El comando para compilar el proyecto
recopilará todo en un archivo separado
con el nombre main.css:
body {
background: red;
}
p {
color: green;
}
Importe a su punto de entrada tres archivos CSS.
Ejecute la compilación en modo desarrollo. Estudie el archivo del bundle CSS.
Ejecute la compilación en modo producción. Estudie el archivo del bundle CSS.