Maison > Article > interface Web > Utilisation des modules Webpack
Dans la programmation modulaire, les développeurs individuellement Le code fonctionnel est regroupés en modules.
Chaque module sera plus petit qu'un grand programme, ce qui rendra le débogage et l'écriture plus faciles.
NodeJs prend en charge la programmation modulaire depuis sa création, mais dans la programmation Web, la modularisation a été lente (non prise en charge). Bien sûr, de nombreux outils modulaires Js ont émergé pour la modularisation.
Webpack supprime l'essentiel et sélectionne l'essentiel, hérite de leur excellence, rendant la modularisation adaptée à n'importe quel fichier d'un projet Web.
Différent de l'expression unique de NodeJs, Webpack peut compléter et implémenter une programmation modulaire de différentes manières :
Expression d'importation ES6
L'expression require() de CommonJS
AMD (définition de module asynchrone) définit et requiert une expression
@import expression dans un fichier CSS/SASS/LESS
adresse url de l'image dans une feuille de style ou un fichier html (inconnu ? )
Webpack 1 nécessite un chargeur spécifique pour compléter l'expression d'importation ES6, mais Webpack 2 le prend en charge nativement.
Webpack prend en charge l'utilisation de chargeurs pour charger différents types de modules. Le chargeur indiquera à Webpack quels sont ces modules (car ce n'est pas un module JavaScript). , puis ils seront regroupés ensemble.
Les types pris en charge incluent :
CoffeeScript
TypeScript
ESNext ( Babel)
Sass
Moins
Stylet
Attendez. Webpack prend en charge le packaging modulaire de nombreux types de programmation Web, ce qui permet aux développeurs de développer plus facilement le Web.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Explication détaillée du modèle d'événement
Comment utiliser la boucle d'événement
Comment implémenter le bouillonnement et la capture d'événements JavaScript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!