Add a banner to the top of each generated chunk
Plugins
webpack has a rich plugin interface. Most of the features within webpack itself use this plugin interface. This makes webpack _ flexible _ .
<<<<<<< HEAD
| Name | Description |
| --------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
| BannerPlugin | Add a banner to the top of each generated chunk |
| CommonsChunkPlugin | Extract common modules shared between chunks |
| CompressionWebpackPlugin | Prepare compressed versions of assets to serve them with Content-Encoding |
| ContextReplacementPlugin | Override the inferred context of a require expression |
| CopyWebpackPlugin | Copies individual files or entire directories to the build directory |
| DefinePlugin | Allow global constants configured at compile time |
| DllPlugin | Split bundles in order to drastically improve build time |
| EnvironmentPlugin | Shorthand for using the DefinePlugin on process.env keys |
| HotModuleReplacementPlugin | Enable Hot Module Replacement (HMR) |
| HtmlWebpackPlugin | Easily create HTML files to serve your bundles |
| IgnorePlugin | Exclude certain modules from bundles |
| LimitChunkCountPlugin | Set min/max limits for chunking to better control chunking |
| MinChunkSizePlugin | Keep chunk size above the specified limit |
| MiniCssExtractPlugin | creates a CSS file per JS file which requires CSS |
| NoEmitOnErrorsPlugin | Skip the emitting phase when there are compilation errors |
| NormalModuleReplacementPlugin | Replace resource(s) that matches a regexp |
| NpmInstallWebpackPlugin | Auto-install missing dependencies during development |
| ProgressPlugin | Report compilation progress |
| ProvidePlugin | Use modules without having to use import/require |
| SourceMapDevToolPlugin | Enables a more fine grained control of source maps |
| EvalSourceMapDevToolPlugin | Enables a more fine grained control of eval source maps |
| TerserPlugin | Uses Terser to minify the JS in your project |
| `Node-SaSSPlugin | Uses Sass for the Syntactically Awesome Stylesheet |
| Name | Description |
|---|---|
Name Description |
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 A ESLint plugin for webpack |
A ESLint plugin for webpack |
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 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 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 Uses Terser to minify the JS in your project |
Uses Terser to minify the JS in your project |
d1368cb9b5a0e394eaf79ec9de2c2cdc84b4f167
For more third-party plugins, see the list from awesome-webpack.
Next »
AutomaticPrefetchPlugin