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