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.