Maison >interface Web >js tutoriel >Utilisation des modules Webpack

Utilisation des modules Webpack

php中世界最好的语言
php中世界最好的语言original
2018-03-19 14:51:001686parcourir


Module

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.

Qu'est-ce qu'un module Webpack ?

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.

Types de modules pris en charge

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn