Test de la construction du bundle CSS dans Webpack
Testons la construction du CSS dans un bundle séparé. Supposons que nous ayons deux fichiers CSS.
Le premier :
src/styles1.cssbody {
background: red;
}
Le deuxième :
src/styles2.cssp {
color: green;
}
Importons-les vers le point d'entrée :
src/index.jsimport './styles1.css';
import './styles2.css';
La commande de construction du projet
regroupera tout dans un fichier séparé
nommé main.css :
dist/main.cssbody {
background: red;
}
p {
color: green;
}
Задание 1
Importez vers votre point d'entrée trois fichiers CSS.
Задание 2
Effectuez la construction en mode développement. Étudiez le fichier bundle CSS.
Задание 3
Effectuez la construction en mode production. Étudiez le fichier bundle CSS.