Webpack

Webpack is the grandfather of bundlers. While slower than Vite, it offers unparalleled flexibility and remains the engine behind Next.js (legacy), Angular, and enterprise apps.

When to Use

• Complex Federation: Module Federation (Micro-frontends) is best in Webpack / Rspack.
• Legacy Apps: Migrating a massive app to Vite might be too costly.
• Granular Control: You need to control every byte of the chunk splitting algorithm.

Core Concepts

Loaders

Transform files. ts-loader, css-loader, file-loader.

Plugins

Tap into the build lifecycle. HtmlWebpackPlugin, DefinePlugin.