Webpack

Module JavaScript dont l’objectif principal est de regrouper des fichiers pour les utiliser dans un navigateur, créer une distribution d’un projet adapté à l’infrastructure (build).

Au lieu de charger plusieurs scripts avec différentes requêtes, l’outil Webpack optimise les performances avec une prise en charge du code splitting, le découpage dynamique du code, le lazy loading c’est à dire le chargement différé des éléments, le tree shaking la suppression du code inutilisé, etc.

Un fichier JavaScript unique est généré, une feuille de style unique.

Il est utilisé sur des clients de frameworks Angular et Symfony, Gatsby, Nuxt, NextJS etc.

WebPack sert aussi à créer une application single page ou multipage optimisée et en Vanilla JavaScript sans utiliser forcément de framework.

Bundler Webpack

Glossaire WebPack