Webpack

Définition

Bundler JavaScript historique et très configurable (loaders, plugins). Toujours maintenu, mais concurrencé : Rspack 1.0 (août 2024) est un bundler Rust compatible avec l'API webpack, et Next.js 16 (21 octobre 2025) utilise Turbopack par défaut en développement et en production, ne gardant webpack qu'en repli (next build --webpack).

Analogie

Comme une usine d'assemblage automobile : extrêmement flexible et puissante, mais complexe a configurer et maintenir.

Exemple de code

// webpack.config.js
module.exports = {
  entry: './src/index.js',
  output: { filename: 'bundle.[contenthash].js' },
  module: {
    rules: [
      { test: /\.tsx?$/, use: 'ts-loader' },
      { test: /\.css$/, use: ['style-loader', 'css-loader'] }
    ]
  },
};

Cas d'usage

Pour les projets legacy ou les cas nécessitant une configuration fine du bundling avec des plugins spécifiques.

Anti-pattern

Termes liés

Sources

• nextjs.org/blog/next-16
• rspack.rs/blog/announcing-1-0