webpack has a rich plugin interface. Most of the features within webpack itself use this plugin interface. This makes webpack flexible.

Name Description
Minification with babel-minify
Add a banner to the top of each generated chunk
Extract common modules shared between chunks
Prepare compressed versions of assets to serve them with Content-Encoding
Override the inferred context of a require expression
Copies individual files or entire directories to the build directory
Allow global constants configured at compile time
Split bundles in order to drastically improve build time
Shorthand for using the DefinePlugin on process.env keys
Extract text (CSS) from your bundles into a separate file
Enable Hot Module Replacement (HMR)
Easily create HTML files to serve your bundles
Add i18n support to your bundles
Exclude certain modules from bundles
Set min/max limits for chunking to better control chunking
Used for migrating from webpack 1 to 2
Keep chunk size above the specified limit
creates a CSS file per JS file which requires CSS
Skip the emitting phase when there are compilation errors
Replace resource(s) that matches a regexp
Auto-install missing dependencies during development
Use modules without having to use import/require
Enables a more fine grained control of source maps
Enables a more fine grained control of eval source maps
Enables control of the version of UglifyJS in your project
Prepare compressed versions of assets with node-zopfli

For more third-party plugins, see the list from awesome-webpack.


© JS Foundation and other contributors
Licensed under the Creative Commons Attribution License 4.0.