Test de l'importation de styles CSS dans Webpack

Testons l'importation de styles CSS dans un fichier JavaScript. Créons un fichier de styles :

src/styles.cssbody {
  background: red;
}

Importons-le :

src/index.jsimport './styles.css';

Maintenant, si après la construction du projet vous ouvrez le fichier HTML dans le navigateur, auquel le fichier de build est lié, nous verrons le résultat du travail de nos styles.

Задание 1

Effectuez le test décrit. Importez plusieurs fichiers CSS.

Задание 2

Ouvrez le fichier de build dans l'éditeur et à l'aide de la recherche, trouvez vos styles CSS à l'intérieur.

Задание 3

Ouvrez le débogueur du navigateur et trouvez vos styles CSS sur la page HTML.