webpack

Free plan APISelf-hostedWeb

What webpack is

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 suits

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 it does well

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.

Plans

Plan	Billed and limits	Price
Open-source webpack	Free of charge · MIT license · self-managed software	Free

As webpack.js.org lists them, read 30 Sept 2026. The maker's own page has the final word.

Getting started

Install a fresh Node.js environment.
Install webpack locally with npm, as the project recommends.
Install webpack-cli as well if using the command line with webpack v4 or later.
Use webpack without a configuration file or add one to configure its build.
Visit the webpack documentation for guidance.

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.

Questions

How much does webpack cost?

The listed open-source plan is free, billed free of charge, under the MIT license as self-managed software.

Is webpack open source?

Yes. The listed plan identifies webpack as open-source software under the MIT license.

Which platforms are listed?

The listed platforms are API, self-hosted, and web.

Does webpack require a configuration file?

Since version 4.0.0, webpack does not require one, though it remains highly configurable.

What is needed for command-line use?

The project recommends a fresh Node.js installation and local npm installation. Command-line use from webpack v4 onward also requires webpack-cli.

What interfaces and integrations does it offer?

It provides CLI, Node API, loader, and plugin interfaces. Its integrations documentation covers Browserify, Brunch, Grunt, Gulp, Mocha, and Karma.

Facts from webpack's own pages

Built-in modules: Webpack understands JavaScript, JSON, WebAssembly, CSS and HTML through built-in support. · webpack.js.org, 30 Sept 2026
Code splitting: Webpack supports code splitting so parts of an application can load on demand. · github.com, 30 Sept 2026
Configuration: Since version 4.0.0, webpack does not require a configuration file, although it remains highly configurable. · webpack.js.org, 30 Sept 2026
Experimental features: Native CSS and Native HTML support are documented as experimental features. · webpack.js.org, 30 Sept 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, 30 Sept 2026
Integrations: Official integrations documentation covers Browserify, Brunch, Grunt, Gulp, Mocha and Karma. · webpack.js.org, 30 Sept 2026
Interfaces: Webpack provides CLI, Node API, loader and plugin interfaces for configuring and extending compilation. · webpack.js.org, 30 Sept 2026
Loaders: Loaders transform source files, including compiling Sass to CSS and TypeScript to JavaScript. · webpack.js.org, 30 Sept 2026
Module Federation: The built-in ModuleFederationPlugin shares modules between independently built applications at runtime. · webpack.js.org, 30 Sept 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, 30 Sept 2026
Plugins: Plugins can customize the build process and access the compilation lifecycle through hooks. · webpack.js.org, 30 Sept 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, 30 Sept 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, 30 Sept 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, 30 Sept 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, 30 Sept 2026

Where webpack stands on Freedom251

JavaScript Build Tools#22 of 27