| CARVIEW |
Select Language
HTTP/2 301
date: Thu, 31 Jul 2025 09:33:05 GMT
content-type: text/html
content-length: 162
location: https://webpack.js.org/configuration/plugins/
nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
server: cloudflare
x-origin-cache: HIT
access-control-allow-origin: *
expires: Thu, 31 Jul 2025 09:43:05 GMT
cache-control: max-age=600
x-proxy-cache: MISS
x-github-request-id: B176:1EF9A9:69D61:7E576:688B3851
accept-ranges: bytes
age: 0
via: 1.1 varnish
x-served-by: cache-bom-vanm7210031-BOM
x-cache: MISS
x-cache-hits: 0
x-timer: S1753954386.753292,VS0,VE213
vary: Accept-Encoding
x-fastly-request-id: a5d45ddae63c8918eb0d287d038e9abc80d10993
cf-cache-status: DYNAMIC
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Ekm%2FfodCns1b2IB7T76Ae7VzYErNK4WulwDP4Uehyn41cAI4jkDnX5yyHLWMgXrhjzveupIuW%2FnhIAkUm%2FpjvGzcE72yYdL%2BTLtB"}]}
cf-ray: 967c179ebc646eca-BOM
HTTP/1.1 301 Moved Permanently
Date: Thu, 31 Jul 2025 09:33:05 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Location: https://webpack.js.org/configuration/plugins/
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2FWTNErg6BMp3mWKUc%2FIp4MLjkaunj5%2BzPO3CHCT9c2VxNTmLjiX%2FL5rAIePE1aV%2FHIEo681b197uCHKbHdvZAd8QQkxNO7OKbj7D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 967c17a07d18da50-BOM
HTTP/2 200
date: Thu, 31 Jul 2025 09:33:06 GMT
content-type: text/html; charset=utf-8
content-length: 14474
nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
server: cloudflare
last-modified: Thu, 31 Jul 2025 00:16:12 GMT
access-control-allow-origin: *
etag: W/"688ab5cc-17d27"
expires: Thu, 31 Jul 2025 09:43:06 GMT
cache-control: max-age=600
content-encoding: gzip
x-proxy-cache: MISS
x-github-request-id: D9BF:5A938:96B8:A759:688B3851
accept-ranges: bytes
age: 0
via: 1.1 varnish
x-served-by: cache-bom-vanm7210061-BOM
x-cache: MISS
x-cache-hits: 0
x-timer: S1753954386.046407,VS0,VE218
vary: Accept-Encoding
x-fastly-request-id: 9dae1617f1ddb4bc3f3e1ab9d7b3c70742badf9e
cf-cache-status: DYNAMIC
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=vSKueoZc7z2m3CYDR5EuvmAN3hUAcsA6xXhkbUBv3%2FNn860HSzKJb%2B2sGpVf9XacAVwo00JhbGLmE8DlFrY6uC9S1TjnntEPp%2Fmg"}]}
cf-ray: 967c17a09e3d6eca-BOM
Plugins | webpack 
Plugins
The plugins option is used to customize the webpack build process in a variety of ways. Webpack comes with a variety built-in plugins available under webpack.[plugin-name]. See Plugins page for a list of plugins and documentation but note that there are a lot more out in the community.
plugins
An array of webpack plugins. For example, DefinePlugin allows you to create global constants which can be configured at compile time. This can be useful for allowing different behavior between development builds and release builds. Starting with webpack 5.87.0 falsy values can be used to disable specific plugins conditionally.
webpack.config.js
module.exports = {
//...
plugins: [
new webpack.DefinePlugin({
// Definitions...
}),
false && new webpack.IgnorePlugin(), // disabled conditionally
],
};A more complex example, using multiple plugins, might look something like this:
webpack.config.js
var webpack = require('webpack');
// importing plugins that do not come by default in webpack
var DashboardPlugin = require('webpack-dashboard/plugin');
// adding plugins to your configuration
module.exports = {
//...
plugins: [
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
// compile time plugins
new webpack.DefinePlugin({
'process.env.NODE_ENV': '"production"',
}),
// webpack-dev-server enhancement plugins
new DashboardPlugin(),
new webpack.HotModuleReplacementPlugin(),
],
};« Previous
OptimizationNext »
DevServer6 Contributors