webpack
A JavaScript module bundler that packs many files into a few optimized assets for the browser.
- Stars
- 66k
- Forks
- 9.6k
- Licence
- MIT
- Language
- JavaScript
- Last update
- 4 days ago
- Type
- Dev tool
What it is
Webpack reads your project's JavaScript files and the modules they import, then combines them into a small number of bundle files that a browser can load. It can also split the app into chunks that load on demand, and uses loaders to handle other file types such as CSS, images, or TypeScript through plugins that run during the build.
- Bundle a JavaScript web app into a few output files for deployment
- Split rarely used parts of an app into chunks that load only when needed
- Run TypeScript or other preprocessors through loaders during the build
- Generate HTML pages or extract CSS using built-in or plugin-based features
Great for
- Frontend developers building single-page or multi-page web apps
- Teams that need code splitting to reduce initial page load time
- Projects that mix CommonJS, AMD, and ES module code
- Developers who want to preprocess CSS, images, or other assets as part of the build
Not ideal for
- Developers who only need a simple static page with no build step, since the setup adds configuration overhead
- Anyone needing to support IE8 or older browsers without adding polyfills, because the README says these are not supported
How to get it
- 1
Install with a package manager
You'll need: Node.js (version not stated in the README excerpt)
Install with npm
npm install --save-dev webpackInstall with yarn
yarn add webpack --dev - 2
Run it
- Install webpack as a dev dependency using npm or yarn
- Follow the Get Started guide at webpack.js.org to create a configuration file
- Run webpack through your project's build script to produce bundle output
- 3
Get the most out of it
- Use code splitting to load parts of the app on demand
- Add loaders for TypeScript, CSS, or images to handle non-JavaScript files
- Use plugins such as compression-webpack-plugin to produce compressed assets
- Consult the official guides at webpack.js.org for configuration patterns
Downloads
Strengths
- Mature and widely used, with about 66k GitHub stars and an active release history
- Plugin and loader system lets it handle many file types beyond JavaScript
- Supports ES modules, CommonJS, and AMD in the same build
Trade-offs
- Configuration can be complex for beginners, and the README points to separate guides for setup
- Some built-in CSS and HTML features are described as experimental, so plugins may still be needed
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| webpack (this) | 66k | Dev tool | intermediate | 4 days ago | Frontend developers building single-page or multi-page web apps |
| vite | 83.7k | Dev tool | intermediate | 4 days ago | Frontend developers starting a new modern web project |
| esbuild | 40.1k | Dev tool | intermediate | 3 months ago | Developers who want fast builds for JavaScript, TypeScript, or CSS projects |
| parcel | 44k | Dev tool | beginner | 4 days ago | Web developers who want a bundler that works without a config file |
| rspack | 13k | Dev tool | intermediate | 4 days ago | Teams with a large webpack project who want faster builds without rewriting their config |
| browserify | 14.7k | Dev tool | intermediate | 12 days ago | Web developers who already write Node.js-style CommonJS modules |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.