Le Bundler Webpack est un module JavaScript conçu pour rassembler des fichiers en vue de leur utilisation dans un navigateur, et pour générer une distribution optimisée d’un projet adaptée à son infrastructure (build). Plutôt que de charger divers scripts via des requêtes distinctes, Webpack améliore les performances en proposant des fonctionnalités telles que le code splitting, qui permet de découper dynamiquement le code, le lazy loading pour le chargement différé des éléments, ainsi que le tree shaking pour éliminer le code inutilisé, entre autres.

En utilisant Webpack, un seul fichier JavaScript et une seule feuille de style sont générés, ce qui simplifie le processus. Cet outil est largement employé dans des environnements utilisant des frameworks tels que Angular, Symfony, Gatsby, Nuxt ou NextJS. De plus, Webpack permet de concevoir des applications optimisées, qu’elles soient single-page ou multipage, en utilisant du JavaScript Vanilla, sans nécessairement recourir à un framework spécifique.

En résumé, le glossaire Webpack définit cet outil comme un bundler JavaScript essentiel pour regrouper des fichiers, optimiser les performances et simplifier le développement d’applications web, fournissant ainsi une solution efficace pour la gestion des dépendances et la création de distributions bien structurées.