webpack is a free static module bundler for modern JavaScript applications. It builds a dependency graph and combines modules into bundles, with code splitting that lets parts of an application load on demand. Built-in support covers JavaScript, JSON, WebAssembly, CSS, and HTML. Loaders can transform source files, including converting Sass to CSS or TypeScript to JavaScript, while plugins can customize compilation through lifecycle hooks. Its ModuleFederationPlugin lets independently built applications share modules at runtime. Since version 4.0.0, a configuration file is optional, though webpack remains configurable. It provides CLI, Node API, loader, and plugin interfaces, and documents integrations with tools such as Browserify, Brunch, Grunt, Gulp, Mocha, and Karma. The project recommends a local npm installation and a fresh Node.js installation; command-line use from webpack v4 onward also requires webpack-cli. The open-source software is free under the MIT license. webpack can add nonces to loaded scripts and supports Trusted Types for dynamically constructed scripts, but CSP is not enabled by default. Native CSS and HTML support are experimental.
Who it is for
webpack suits developers building modern JavaScript applications who need to bundle modules and configure compilation with loaders or plugins. The project describes it as a low-level tool and points beginners to its documentation.
What is good
- Code splitting supports on-demand loading.
- Loaders transform sources such as Sass and TypeScript.
- ModuleFederationPlugin supports runtime module sharing.
- Free open-source software under the MIT license.
What to know first
- Command-line use from webpack v4 onward requires webpack-cli.
- CSP is not enabled by default.
- Native CSS and HTML support are experimental.
Verdict
webpack provides bundling, transformation, and extension interfaces for application builds. It is a low-level tool, and users should account for its installation requirements and experimental native CSS and HTML support.
webpack plans and pricing
All plansCompared on JavaScript build tools
- Free plan
- Yes
- TypeScript support
- Yes
- Code splitting
- Yes
- Tree shaking
- Yes
- Source maps
- Yes
- Plugin API
- Yes
