Maison > interface Web > js tutoriel > le corps du texte

Utilisation des modules Webpack

php中世界最好的语言
Libérer: 2018-03-19 14:51:00
original
1620 Les gens l'ont consulté


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!