Bundleur de modules pour les projets Web
Webpack est un bundler qui regroupe JavaScript et d'autres ressources Web pour les exécuter dans le navigateur. Il permet de charger les applications en cas de besoin, grâce à la fonction de fractionnement du code qui divise les modules en parties gérables.
Mises à jour
- 23 octobre 2026: Étoiles 65,968 → 65,969, dernière version v5.112.2 (23 octobre 2026).
- 23 octobre 2026: Étoiles 65,976 → 65,968, dernière version v5.112.1 (22 octobre 2026).
- 16 octobre 2026: Étoiles 65,943 → 65,976, dernière version v5.112.0 (15 octobre 2026).
- 19 septembre 2026: Étoiles 65,949 → 65,943, dernière version v5.111.1 (18 septembre 2026).
Ce que ça vous apporte
- Il combine des fichiers JavaScript à exécuter dans le navigateur.
- Il réduit le temps de chargement des applications grâce à sa fonction de fractionnement de code.
- Il peut prétraiter différents types de fichiers comme TypeScript.
Installation
npm install --save-dev webpackyarn add webpack --devSi vous ne codez pas
En tant que développeur Web, je souhaite empaqueter efficacement les fichiers JavaScript et autres actifs statiques dans mes projets. Comment puis-je gérer mes modules, configurer le fractionnement du code et définir des chargeurs adaptés à mon projet à l'aide de Webpack ? Aidez-moi à créer un exemple de fichier de configuration pour débutant.
Dépôt : https://github.com/webpack/webpack. Base-toi sur les instructions officielles du fichier README de ce dépôt pour l'installation et l'exécution.
Avant de commencer, vérifie quel système d'exploitation nous utilisons et si les outils nécessaires (ex: Python, Node.js, Git, Docker) sont installés. Installe ceux qui manquent étape par étape selon ce système.
Crée un nouveau dossier vide pour travailler. Ne touche pas aux fichiers en dehors de ce dossier et ne supprime rien. Avant chaque commande, décris ce que tu vas faire en une phrase.
Dis-moi ce que je devrais voir à l'écran à la fin de chaque étape. Si une erreur survient, je te copierai le message d'erreur tel quel et nous la corrigerons ensemble.
Termes liés du glossaire
Liens
TreScout n'a pas développé cet outil · nous l'avons repéré dans les tendances GitHub et présenté. Cette page décrit le dépôt tel qu'il était le 2026-08-05 : Le nombre d'étoiles et notre texte datent de ce jour, le dépôt a pu changer depuis. Consultez le lien du dépôt pour l'état actuel. Le texte de présentation a été préparé avec l’IA à partir de la propre documentation du dépôt et cette page a été traduite automatiquement depuis l’original turc · la version turque fait foi.