Webpack is a static module bundler for modern JavaScript applications. Created by Tobias Koppers in 2012, Webpack defined what the modern JavaScript build pipeline looks like — every file is a module, dependencies are graph-resolved, loaders transform anything to JS, plugins do everything else.
While newer tools like Vite and esbuild dominate greenfield development, Webpack remains the build foundation of countless production applications and frameworks (including older versions of Next.js).
The original JavaScript module bundler. Powered an entire era of frontend tooling.
✨ Features
Follow imports through JS, CSS, images, fonts. Resolve dependencies, emit optimized bundles.
Transform any file type. Babel for JS, sass-loader for SCSS, file-loader for assets.
Thousands of plugins. DefinePlugin, HtmlWebpackPlugin, MiniCssExtractPlugin, Module Federation.
Dynamic import() creates async chunks. Split vendor, route, lazy-loaded components automatically.
Runtime module sharing between independently deployed apps. Foundation of micro-frontends.
