Documentation
Contribute
Blog
English
中文
한국어
Search
API
concepts
configuration
guides
loaders
migrate
plugins
Datagrid and Charting for Enterprise Applications
webpack 5
webpack 4
Print Section
Plugins
Community
ChunksWebpackPlugin
Zero configuration
Installation
Example
Basic usage
Using a configuration
filename
templateStyle
templateScript
generateChunksManifest
generateChunksFiles
Multiple entrypoints example
License
HtmlWebpackPlugin
Installation
Basic Usage
Configuration
Third party addons
SvgChunkWebpackPlugin
When to use this plugin
Zero config
Installation
Example
Basic usage
Using a configuration
Loader
Plugin
filename
svgstoreConfig
generateSpritesManifest
generateSpritesPreview
Caching
[contenthash]
[fullhash]
License
webpack
AutomaticPrefetchPlugin
BannerPlugin
Options
Usage
Placeholders
CommonsChunkPlugin
Options
Examples
Commons chunk for entries
Explicit vendor chunk
Move common modules into the parent chunk
Extra async commons chunk
Passing the minChunks property a function
Manifest file
Combining implicit common vendor chunks and manifest file
More Examples
ContextExclusionPlugin
ContextReplacementPlugin
Usage
Content Callback
Other Options
DefinePlugin
Usage
Feature Flags
Service URLs
Runtime values via runtimeValue
DllPlugin
DllPlugin
DllReferencePlugin
Modes
Usage
Examples
References
Source
Tests
EnvironmentPlugin
Usage
Usage with default values
Use Case: Git Version
DotenvPlugin
EvalSourceMapDevToolPlugin
Options
Examples
Basic Use Case
Exclude Vendor Maps
HashedModuleIdsPlugin
Options
Usage
HotModuleReplacementPlugin
Basic Usage
IgnorePlugin
Using regular expressions
Using filter functions
Example of ignoring Moment Locales
Internal webpack plugins
environment
NodeEnvironmentPlugin
compiler
MemoryCachePlugin
ProgressPlugin
RecordIdsPlugin
entry
EntryPlugin
PrefetchPlugin
output
JsonpTemplatePlugin
NodeTemplatePlugin
LibraryTemplatePlugin
WebWorkerTemplatePlugin
EvalDevToolModulePlugin
SourceMapDevToolPlugin
HotModuleReplacementPlugin
source
APIPlugin
CompatibilityPlugin
ConstPlugin
ProvidePlugin
NodeStuffPlugin
RequireJsStuffPlugin
NodeSourcePlugin
NodeTargetPlugin
AMDPlugin
CommonJsPlugin
RequireContextPlugin
RequireEnsurePlugin
RequireIncludePlugin
DefinePlugin
optimize
LimitChunkCountPlugin
MergeDuplicateChunksPlugin
RemoveEmptyChunksPlugin
MinChunkSizePlugin
ModuleConcatenationPlugin
FlagIncludedChunksPlugin
RealContentHashPlugin
LimitChunkCountPlugin
Options
maxChunks
minChunkSize
Usage via CLI
MinChunkSizePlugin
Usage via CLI
ModuleConcatenationPlugin
Optimization Bailouts
Module Grouping Algorithm
Debugging Optimization Bailouts
ModuleFederationPlugin
Options
runtime
Sharing libraries
NoEmitOnErrorsPlugin
NormalModuleReplacementPlugin
Basic Example
Advanced Example
PrefetchPlugin
Options
ProfilingPlugin
Options
Usage: default
Usage: custom outputPath
ProgressPlugin
Usage
Providing function
Providing object
webpack.ProgressPlugin.createDefaultHandler
Percentage calculation
Supported Hooks
Source
ProvidePlugin
Usage: jQuery
Usage: jQuery with Angular 1
Usage: Lodash Map
Usage: Vue.js
SourceMapDevToolPlugin
Options
Examples
Basic Use Case
Exclude Vendor Maps
Host Source Maps Externally
SplitChunksPlugin
Defaults
Configuration
optimization.splitChunks
splitChunks.automaticNameDelimiter
splitChunks.chunks
splitChunks.maxAsyncRequests
splitChunks.maxInitialRequests
splitChunks.defaultSizeTypes
splitChunks.minChunks
splitChunks.hidePathInfo
splitChunks.minSize
splitChunks.minSizeReduction
splitChunks.enforceSizeThreshold
splitChunks.minRemainingSize
splitChunks.layer
splitChunks.maxSize
splitChunks.maxAsyncSize
splitChunks.maxInitialSize
splitChunks.name
splitChunks.usedExports
splitChunks.cacheGroups
Examples
Defaults: Example 1
Defaults: Example 2
Split Chunks: Example 1
Split Chunks: Example 2
Split Chunks: Example 3
WatchIgnorePlugin
Options
webpack contrib
CompressionWebpackPlugin
Getting Started
Options
test
include
exclude
algorithm
compressionOptions
threshold
minRatio
filename
deleteOriginalAssets
Examples
Using Zopfli
Using Brotli
Multiple compressed versions of assets for different algorithm
Contributing
License
CopyWebpackPlugin
Getting Started
Options
Patterns
noErrorOnMissing
Options
Examples
Contributing
License
CssMinimizerWebpackPlugin
Getting Started
Note about source maps
Options
test
include
exclude
parallel
minify
minimizerOptions
warningsFilter
Examples
Use sourcemaps
Remove all comments
Contributing
License
EslintWebpackPlugin
Getting Started
Options
cache
cacheLocation
configType
context
eslintPath
extensions
exclude
resourceQueryExclude
files
fix
formatter
lintDirtyModulesOnly
threads
Errors and Warning
Changelog
License
HtmlMinimizerWebpackPlugin
Getting Started
Options
test
include
exclude
parallel
minify
minimizerOptions
Examples
swc/html
@minify-html/node
Contributing
License
ImageMinimizerWebpackPlugin
Getting Started
Install optimize/generate tool
Advanced setup
Plugin Options
test
include
exclude
minimizer
generator
severityError
loader
concurrency
deleteOriginalAssets
Loader Options
minimizer
generator
severityError
Additional API
imageminNormalizeConfig(config)
Examples
Optimize images based on size
Optimize and generate webp images
Generate webp images from copied assets
Contributing
License
InstallWebpackPlugin
dependencies
peer
packageManager
type
options
arguments
dev
quiet
prompt
Contributing
JsonMinimizerWebpackPlugin
Getting Started
Options
test
include
