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