| CARVIEW |
Select Language
HTTP/2 301
date: Thu, 24 Jul 2025 20:47:46 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
access-control-allow-origin: *
expires: Thu, 24 Jul 2025 20:57:46 GMT
cache-control: max-age=600
x-proxy-cache: MISS
x-github-request-id: B3FF:0911:2C23:3B5C:68829BF2
accept-ranges: bytes
age: 0
via: 1.1 varnish
x-served-by: cache-maa10249-MAA
x-cache: MISS
x-cache-hits: 0
x-timer: S1753390067.735777,VS0,VE228
vary: Accept-Encoding
x-fastly-request-id: 0e7218e1bccd19e071afbbf325777b80e84ed992
cf-cache-status: DYNAMIC
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ovThkBcQvNd3%2BFKwNxmkun4MJ3afSL9gMgcjHYPE%2BS8WHTmdkGfSsivGcxfbqlB3ihLKEreKBEnG0Ut3gAHxDNXFxxQxQy%2Bek4LdpSw%3D"}]}
cf-ray: 9646464cd841e9c3-BLR
HTTP/1.1 301 Moved Permanently
Date: Thu, 24 Jul 2025 20:47:46 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=pd8GLoGeIqWKha9uWsYnIcdARxv3lOJL0BpB7FJ9dOW508FaRz2S57kJ7tVI6aU0ADGaBI%2Fs%2B4C3iLNvaIYI%2BefwCqKSdovx3587SF0%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9646464e7abdccbb-BLR
HTTP/2 200
date: Thu, 24 Jul 2025 20:47:47 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, 24 Jul 2025 00:10:41 GMT
access-control-allow-origin: *
etag: W/"68817a01-17d27"
expires: Thu, 24 Jul 2025 20:57:47 GMT
cache-control: max-age=600
content-encoding: gzip
x-proxy-cache: MISS
x-github-request-id: 7A9B:24B8A1:2247A:28EA1:68829BF2
accept-ranges: bytes
age: 0
via: 1.1 varnish
x-served-by: cache-maa10249-MAA
x-cache: MISS
x-cache-hits: 0
x-timer: S1753390067.998823,VS0,VE231
vary: Accept-Encoding
x-fastly-request-id: 2cdd80aa90946356a3d5cc72a146e366c0d02bee
cf-cache-status: DYNAMIC
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=3BSmKYAmY6Y08wf4YUOJFpLZxJc%2F%2F79tVBVXSVMoHUTM8u7bGrYR3RxGlwAuHSmKpH%2BY56jfH0wXZPVCZe%2BPNEpmxCxwgr3noEGfJ%2FI%3D"}]}
cf-ray: 9646464e893fe9c3-BLR
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