W

Webpack

Outils de build & Runtime · Depuis 2012

2012

Creation

GitHubnpm

Bundler JavaScript historique qui a domine le tooling web de 2015 a 2022. Son ecosysteme de +20 000 loaders et plugins couvre tous les cas d'usage imaginables (CSS modules, images, fonts, WASM). Bien que remplace par Vite pour les nouveaux projets, il reste present dans la majorite des codebases enterprise existantes et offre le code splitting le plus configurable du marche.

bundlerpluginslegacy
Avantages & Inconvenients

Avantages

  • Ecosysteme de +20 000 loaders/plugins couvrant tous les cas d'usage
  • Code splitting avance : chunks dynamiques, prefetch, shared modules entre micro-frontends
  • Configuration la plus flexible du marche : tree shaking, federation, custom resolvers

Inconvenients

  • Configuration complexe : webpack.config.js peut depasser 500 lignes sur un gros projet
  • Dev server 10-60x plus lent que Vite (rebundle complet a chaque changement)
  • DX datee : messages d'erreur cryptiques, documentation dense et fragmentee
Cas d'usage
  • Codebases enterprise existantes trop couteuses a migrer vers Vite
  • Module Federation pour les architectures micro-frontends en production
  • Builds complexes necessitant des loaders custom (ex: import de fichiers .glsl)

Autres dans Outils de build & Runtime

V

Vite

Outils de build & Runtime

Dev server <300ms, HMR instantane (ESM natif)

bundlerdev-serveresm
T

Turbopack

Outils de build & Runtime

Bundler Rust incremental, successeur de Webpack

bundlerrustincremental
E

esbuild

Outils de build & Runtime

Bundler Go 10-100x plus rapide que Webpack

bundlergofast
B

Bun

Outils de build & Runtime

Runtime JS tout-en-un 4x plus rapide que Node

runtimebundlerall-in-one