- Home
- JavaScript Build Tools
- webpack
webpack
What it is
webpack is free, open-source software for bundling modern JavaScript applications. It builds a dependency graph and combines modules into bundles, with code splitting for loading application parts on demand. Built-in support covers JavaScript, JSON, WebAssembly, CSS, and HTML. Loaders transform source files, such as Sass into CSS or TypeScript into JavaScript, while plugins customize compilation through lifecycle hooks. ModuleFederationPlugin lets independently built applications share modules at runtime. Since version 4.0.0, webpack can operate without a configuration file, although it remains highly configurable. Interfaces include a command-line tool, Node API, loader API, and plugin API, with documented integrations for Browserify, Brunch, Grunt, Gulp, Mocha, and Karma. The project recommends installing webpack locally through npm with a fresh Node.js installation; webpack-cli is additionally needed for command-line use from version 4 onward. Native CSS and HTML support are experimental. Content Security Policy is not enabled by default, though webpack can add script nonces and supports Trusted Types. The software is available under the MIT license.
For and against
For
- Free under the MIT license
- Supports JavaScript, JSON, WebAssembly, CSS, and HTML
- Loaders transform Sass and TypeScript sources
- Plugins and Module Federation extend builds
- Code splitting enables on-demand loading
Against
- Requires a fresh Node.js installation
- webpack-cli is needed for command-line use
- Native CSS and HTML support remain experimental
- Global installation is not recommended
The verdict
webpack offers a configurable, extensible build system with broad module support and runtime federation. Developers should install it per project and note that some native format support is experimental.
Who it suits
webpack suits developers building JavaScript applications who need dependency bundling, transformed sources, code splitting, or extensible build hooks. It is a low-level tool, so beginners should rely on its documentation.
Plans and prices
Open-source webpack
MIT license · self-managed software
Read 30 Sep 2026 · github.com
On the record
- Built-in modules
- Webpack understands JavaScript, JSON, WebAssembly, CSS and HTML through built-in support.webpack.js.org · read 30 Sep 2026
- Code splitting
- Webpack supports code splitting so parts of an application can load on demand.github.com · read 30 Sep 2026
- Configuration
- Since version 4.0.0, webpack does not require a configuration file, although it remains highly configurable.webpack.js.org · read 30 Sep 2026
- Experimental features
- Native CSS and Native HTML support are documented as experimental features.webpack.js.org · read 30 Sep 2026
- Installation
- The project recommends local npm installation and requires a fresh Node.js installation, with webpack-cli additionally needed for command-line use from webpack v4 onward.webpack.js.org · read 30 Sep 2026
- Integrations
- Official integrations documentation covers Browserify, Brunch, Grunt, Gulp, Mocha and Karma.webpack.js.org · read 30 Sep 2026
- Interfaces
- Webpack provides CLI, Node API, loader and plugin interfaces for configuring and extending compilation.webpack.js.org · read 30 Sep 2026
- Loaders
- Loaders transform source files, including compiling Sass to CSS and TypeScript to JavaScript.webpack.js.org · read 30 Sep 2026
- Module Federation
- The built-in ModuleFederationPlugin shares modules between independently built applications at runtime.webpack.js.org · read 30 Sep 2026
- Notable limitation
- Global installation is not recommended because it locks projects to one webpack version and can fail when projects require different versions.webpack.js.org · read 30 Sep 2026
- Plugins
- Plugins can customize the build process and access the compilation lifecycle through hooks.webpack.js.org · read 30 Sep 2026
- Project maintenance
- The webpack repository is maintained by its Core Working Group and most contributors do the open-source work in their free time.github.com · read 30 Sep 2026
- Security
- Webpack can add nonces to loaded scripts and supports Trusted Types for dynamically constructed scripts, but CSP is not enabled by default.webpack.js.org · read 30 Sep 2026
- Support model
- The project describes webpack as a low-level tool, points beginners to its documentation, and directs bug reports and feature suggestions to GitHub issues.github.com · read 30 Sep 2026
- What it does
- Webpack is a static module bundler for modern JavaScript applications that builds a dependency graph and combines modules into bundles.webpack.js.org · read 30 Sep 2026
