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

BannerPlugin

Add a banner to the top of each generated chunk

Add a banner to the top of each generated chunk

CommonsChunkPlugin

Extract common modules shared between chunks

Extract common modules shared between chunks

CompressionWebpackPlugin

Prepare compressed versions of assets to serve them with Content-Encoding

Prepare compressed versions of assets to serve them with Content-Encoding

ContextReplacementPlugin

Override the inferred context of a require expression

Override the inferred context of a require expression

CopyWebpackPlugin

Copies individual files or entire directories to the build directory

Copies individual files or entire directories to the build directory

DefinePlugin

Allow global constants configured at compile time

Allow global constants configured at compile time

DllPlugin

Split bundles in order to drastically improve build time

Split bundles in order to drastically improve build time

EnvironmentPlugin

Shorthand for using the DefinePlugin on process.env keys

Shorthand for using the DefinePlugin on process.env keys

ExtractTextWebpackPlugin

Extract text (CSS) from your bundles into a separate file

Extract text (CSS) from your bundles into a separate file

HotModuleReplacementPlugin

Enable Hot Module Replacement (HMR)

Enable Hot Module Replacement (HMR)

HtmlWebpackPlugin

Easily create HTML files to serve your bundles

Easily create HTML files to serve your bundles

I18nWebpackPlugin

Add i18n support to your bundles

Add i18n support to your bundles

IgnorePlugin

Exclude certain modules from bundles

Exclude certain modules from bundles

LimitChunkCountPlugin

Set min/max limits for chunking to better control chunking

Set min/max limits for chunking to better control chunking

LoaderOptionsPlugin

Used for migrating from webpack 1 to 2

Used for migrating from webpack 1 to 2

MinChunkSizePlugin

Keep chunk size above the specified limit

Keep chunk size above the specified limit

MiniCssExtractPlugin

creates a CSS file per JS file which requires CSS

creates a CSS file per JS file which requires CSS

NoEmitOnErrorsPlugin

Skip the emitting phase when there are compilation errors

Skip the emitting phase when there are compilation errors

NormalModuleReplacementPlugin

Replace resource(s) that matches a regexp

Replace resource(s) that matches a regexp

NpmInstallWebpackPlugin

Auto-install missing dependencies during development

Auto-install missing dependencies during development

ProgressPlugin

Report compilation progress

Report compilation progress

ProvidePlugin

Use modules without having to use import/require

Use modules without having to use import/require

SourceMapDevToolPlugin

Enables a more fine grained control of source maps

Enables a more fine grained control of source maps

EvalSourceMapDevToolPlugin

Enables a more fine grained control of eval source maps

Enables a more fine grained control of eval source maps

UglifyjsWebpackPlugin

Enables control of the version of UglifyJS in your project

Enables control of the version of UglifyJS in your project

TerserPlugin

Enables control of the version of Terser in your project

Enables control of the version of Terser in your project

ZopfliWebpackPlugin

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/