Comment gérer CSS et autres ressources dans Webpack et SPA

Cet article présente principalement les méthodes de gestion des CSS et d'autres ressources dans la pratique du webpack et du SPA. L'éditeur pense qu'il est plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un coup d'œil

L'article précédent présentait comment utiliser webpack pour créer un environnement de développement stable prenant en charge les services locaux, l'actualisation automatique, le remplacement à chaud des modules et l'écriture de JavaScript à l'aide d'ES6. Cet article présente principalement. webpack Comment gérer un autre élément des trois éléments majeurs d'une application HTML – CSS et autres ressources telles que des images, des fichiers de polices ou des fichiers de configuration de données.

Avant-propos

Lorsque nous apprenons à utiliser Webpack, nous devons comprendre que peu importe la façon dont il est conçu, quel est son principe de fonctionnement et son processus, la chose la plus fondamentale qu'il les processus sont HTML Balises HTML, JavaScript, CSS, images et autres ressources dans le document, et le résultat final du traitement doit toujours être un document HTML, comprenant DOM, JavaScript, CSS, et il existe trois manières pour que CSS existe dans le document : style en ligne, inline L'utilisation de styles, de styles de liens externes et de styles en ligne est obsolète depuis longtemps, il n'y a donc que deux façons pour webpack de traiter le CSS :

1. Styles en ligne : utilisez le