CARVIEW |
Select Language
HTTP/2 200
date: Thu, 24 Jul 2025 14:06:03 GMT
content-type: text/html; charset=utf-8
content-length: 13816
nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
server: cloudflare
last-modified: Thu, 24 Jul 2025 00:10:41 GMT
access-control-allow-origin: *
etag: W/"68817a01-17e96"
expires: Thu, 24 Jul 2025 14:16:03 GMT
cache-control: max-age=600
content-encoding: gzip
x-proxy-cache: MISS
x-github-request-id: 40CF:197D6E:AAF3:BF35:68823DCA
accept-ranges: bytes
age: 0
via: 1.1 varnish
x-served-by: cache-maa10228-MAA
x-cache: MISS
x-cache-hits: 0
x-timer: S1753365963.070968,VS0,VE244
vary: Accept-Encoding
x-fastly-request-id: b851c27c2850ceabd7b35f51dd52eacbdc163f8b
cf-cache-status: DYNAMIC
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=CzPzyCaIpS50FH7xqqvrdKsqwvyjRUWErqtpKnLB1Jkf7oHQQwn11jheC6QTAM3L7FTim8AK3ON5J9WrFmqtTPa%2Bzv%2BvU97eeeeAOZs%3D"}]}
cf-ray: 9643f9d4e872ccbb-BLR
Plugins | webpack
Community
webpack
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
webpack contrib
MiniCssExtractPlugin
- Getting Started
- Options
- Examples
- Recommended
- Minimal example
- Named export for CSS Modules
- The publicPath option as function
- Advanced configuration example
- Hot Module Reloading (HMR)
- Minimizing For Production
- Using preloaded or inlined CSS
- Extracting all CSS in a single file
- Extracting CSS based on entry
- Filename Option as function
- Long Term Caching
- Remove Order Warnings
- Multiple Themes
- Media Query Plugin
- Hooks
- Contributing
- License
Plugins
Webpack has a rich plugin interface. Most of the features within webpack itself use this plugin interface. This makes webpack flexible.
Name | Description |
---|---|
BannerPlugin | Add a banner to the top of each generated chunk |
ChunksWebpackPlugin | Create HTML files with entrypoints and chunks relations to serve your bundles |
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 |
EslintWebpackPlugin | A ESLint plugin for webpack |
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 |
SvgChunkWebpackPlugin | Generate SVG sprites optimized by SVGO based on your entry point dependencies |
TerserPlugin | Uses Terser to minify the JS in your project |
For more third-party plugins, see the list from awesome-webpack.
Next »
ChunksWebpackPlugin