docs: update examples (webpack#19560)

alexander-akait · web-flow · commit 1b34181550a2 · 2025-05-28T17:41:15.000+03:00
diff --git a/examples/explicit-vendor-chunk/README.md b/examples/explicit-vendor-chunk/README.md
@@ -280,7 +280,7 @@ vendor:
 
 app:
   asset pageB.js 297 bytes [emitted] [minimized] (name: pageB)
-  asset pageA.js 295 bytes [emitted] [minimized] (name: pageA)
+  asset pageA.js 293 bytes [emitted] [minimized] (name: pageA)
   asset pageC.js 174 bytes [emitted] [minimized] (name: pageC)
   chunk (runtime: pageB) pageB.js (pageB) 144 bytes [entry] [rendered]
     > ./pageB pageB
diff --git a/examples/http2-aggressive-splitting/README.md b/examples/http2-aggressive-splitting/README.md
@@ -47,14 +47,14 @@ module.exports = {
 ## Unoptimized
 
 ```
-asset 3010f5aee596f6f09529.js 36.3 KiB [emitted] [immutable] (name: main)
-asset adcc62444431e4f1597f.js 11.9 KiB [emitted] [immutable]
-chunk (runtime: main) 3010f5aee596f6f09529.js (main) 16.9 KiB (javascript) 4.94 KiB (runtime) [entry] [rendered]
+asset 20d7a312b158a10e97d4.js 36.3 KiB [emitted] [immutable] (name: main)
+asset 1bacc8037d20ba374848.js 12 KiB [emitted] [immutable]
+chunk (runtime: main) 20d7a312b158a10e97d4.js (main) 16.9 KiB (javascript) 4.94 KiB (runtime) [entry] [rendered]
   > ./example main
   runtime modules 4.94 KiB 6 modules
   dependent modules 16.9 KiB [dependent] 2 modules
   ./example.js 42 bytes [built] [code generated]
-chunk (runtime: main) adcc62444431e4f1597f.js 7.83 KiB [rendered]
+chunk (runtime: main) 1bacc8037d20ba374848.js 7.83 KiB [rendered]
   > react-dom ./example.js 2:0-22
   dependent modules 6.5 KiB [dependent] 1 module
   ../../node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
@@ -64,13 +64,13 @@ webpack X.X.X compiled successfully
 ## Production mode
 
 ```
-asset 954fd9a9a767ef883087.js 9.04 KiB [emitted] [immutable] [minimized] (name: main) 1 related asset
-asset 52e3fb6cd8bed8b461cf.js 3.55 KiB [emitted] [immutable] [minimized] 1 related asset
-chunk (runtime: main) 52e3fb6cd8bed8b461cf.js 7.83 KiB [rendered]
+asset 4e9b80a6c242d1cbf940.js 9.04 KiB [emitted] [immutable] [minimized] (name: main) 1 related asset
+asset 9679c25c4fa710024c2a.js 3.55 KiB [emitted] [immutable] [minimized] 1 related asset
+chunk (runtime: main) 9679c25c4fa710024c2a.js 7.83 KiB [rendered]
   > react-dom ./example.js 2:0-22
   dependent modules 6.5 KiB [dependent] 1 module
   ../../node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
-chunk (runtime: main) 954fd9a9a767ef883087.js (main) 16.9 KiB (javascript) 4.94 KiB (runtime) [entry] [rendered]
+chunk (runtime: main) 4e9b80a6c242d1cbf940.js (main) 16.9 KiB (javascript) 4.94 KiB (runtime) [entry] [rendered]
   > ./example main
   runtime modules 4.94 KiB 6 modules
   dependent modules 16.9 KiB [dependent] 2 modules
diff --git a/examples/module-code-splitting/README.md b/examples/module-code-splitting/README.md
@@ -176,7 +176,7 @@ export function reset() {
 /******/ 				} else {
 /******/ 					if(true) { // all chunks have JS
 /******/ 						// setup Promise in chunk cache
-/******/ 						var promise = import(__webpack_require__.p + "./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
+/******/ 						var promise = import(__webpack_require__.p + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
 /******/ 							if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
 /******/ 							throw e;
 /******/ 						});
@@ -234,19 +234,19 @@ setTimeout(async () => {
 # dist/output.js (production)
 
 ```javascript
-var e,t,o={},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return o[e](i,i.exports,n),i.exports}n.m=o,n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,o)=>(n.f[o](e,t),t)),[])),n.u=e=>e+".output.js",n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="dist/",e={792:0},t=t=>{var o,r,{__webpack_ids__:i,__webpack_modules__:a,__webpack_runtime__:s}=t,u=0;for(o in a)n.o(a,o)&&(n.m[o]=a[o]);for(s&&s(n);u<i.length;u++)r=i[u],n.o(e,r)&&e[r]&&e[r][0](),e[i[u]]=0},n.f.j=(o,r)=>{var i=n.o(e,o)?e[o]:void 0;if(0!==i)if(i)r.push(i[1]);else{var a=import(n.p+"./"+n.u(o)).then(t,(t=>{throw 0!==e[o]&&(e[o]=void 0),t}));a=Promise.race([a,new Promise((t=>i=e[o]=[t]))]),r.push(i[1]=a)}};const i=e=>console.log(e);setTimeout((async()=>{const e=await n.e(481).then(n.bind(n,481));i(e.value),e.increment(),e.increment(),e.increment(),i(e.value),await(async()=>{(await n.e(481).then(n.bind(n,481))).reset()})(),i(e.value)}),100);
+var e,t,o={},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return o[e](i,i.exports,n),i.exports}n.m=o,n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,o)=>(n.f[o](e,t),t)),[])),n.u=e=>e+".output.js",n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="dist/",e={792:0},t=t=>{var o,r,{__webpack_ids__:i,__webpack_modules__:a,__webpack_runtime__:s}=t,u=0;for(o in a)n.o(a,o)&&(n.m[o]=a[o]);for(s&&s(n);u<i.length;u++)r=i[u],n.o(e,r)&&e[r]&&e[r][0](),e[i[u]]=0},n.f.j=(o,r)=>{var i=n.o(e,o)?e[o]:void 0;if(0!==i)if(i)r.push(i[1]);else{var a=import(n.p+n.u(o)).then(t,(t=>{throw 0!==e[o]&&(e[o]=void 0),t}));a=Promise.race([a,new Promise((t=>i=e[o]=[t]))]),r.push(i[1]=a)}};const i=e=>console.log(e);setTimeout((async()=>{const e=await n.e(481).then(n.bind(n,481));i(e.value),e.increment(),e.increment(),e.increment(),i(e.value),await(async()=>{(await n.e(481).then(n.bind(n,481))).reset()})(),i(e.value)}),100);
 ```
 
 # Info
 
 ## Unoptimized
 
 ```
-asset output.js 6.61 KiB [emitted] [javascript module] (name: main)
+asset output.js 6.6 KiB [emitted] [javascript module] (name: main)
 asset 1.output.js 1.38 KiB [emitted] [javascript module]
-chunk (runtime: main) output.js (main) 420 bytes (javascript) 3.05 KiB (runtime) [entry] [rendered]
+chunk (runtime: main) output.js (main) 420 bytes (javascript) 3.04 KiB (runtime) [entry] [rendered]
   > ./example.js main
-  runtime modules 3.05 KiB 7 modules
+  runtime modules 3.04 KiB 7 modules
   ./example.js + 1 modules 420 bytes [built] [code generated]
     [no exports]
     [no exports used]
@@ -274,9 +274,9 @@ chunk (runtime: main) 481.output.js 146 bytes [rendered]
     [exports: decrement, increment, reset, value]
     import() ./counter ./example.js + 1 modules ./example.js 4:23-42
     import() ./counter ./example.js + 1 modules ./methods.js 2:8-27
-chunk (runtime: main) output.js (main) 420 bytes (javascript) 3.05 KiB (runtime) [entry] [rendered]
+chunk (runtime: main) output.js (main) 420 bytes (javascript) 3.04 KiB (runtime) [entry] [rendered]
   > ./example.js main
-  runtime modules 3.05 KiB 7 modules
+  runtime modules 3.04 KiB 7 modules
   ./example.js + 1 modules 420 bytes [built] [code generated]
     [no exports]
     [no exports used]
diff --git a/examples/module-federation/README.md b/examples/module-federation/README.md
@@ -2076,7 +2076,7 @@ __webpack_require__.d(exports, {
 
 ```
 app:
-  asset src_bootstrap_js.js 43.7 KiB [emitted]
+  asset src_bootstrap_js.js 43.8 KiB [emitted]
   asset app.js 30.1 KiB [emitted] (name: app)
   asset vendors-node_modules_react_index_js.js 27.5 KiB [emitted] (id hint: vendors)
   chunk (runtime: app) app.js (app) 672 bytes (javascript) 42 bytes (share-init) 19 KiB (runtime) [entry] [rendered]
diff --git a/examples/module-worker/README.md b/examples/module-worker/README.md
@@ -292,7 +292,7 @@ export const add = (content, from) => {
 /******/ 				} else {
 /******/ 					if(true) { // all chunks have JS
 /******/ 						// setup Promise in chunk cache
-/******/ 						var promise = import(__webpack_require__.p + "./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
+/******/ 						var promise = import(__webpack_require__.p + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
 /******/ 							if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
 /******/ 							throw e;
 /******/ 						});
@@ -559,7 +559,7 @@ fibWorker.onmessage = event => {
 /******/ 				} else {
 /******/ 					if(true) { // all chunks have JS
 /******/ 						// setup Promise in chunk cache
-/******/ 						var promise = import(__webpack_require__.p + "./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
+/******/ 						var promise = import(__webpack_require__.p + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
 /******/ 							if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
 /******/ 							throw e;
 /******/ 						});
@@ -614,7 +614,7 @@ onconnect = function (e) {
 ```
 
 ```javascript
-var e,o,t={},r={};function s(e){var o=r[e];if(void 0!==o)return o.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.m=t,s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce(((o,t)=>(s.f[t](e,o),o)),[])),s.u=e=>e+".js",s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.p="/dist/",e={377:0},o=o=>{var t,r,{__webpack_ids__:n,__webpack_modules__:a,__webpack_runtime__:i}=o,c=0;for(t in a)s.o(a,t)&&(s.m[t]=a[t]);for(i&&i(s);c<n.length;c++)r=n[c],s.o(e,r)&&e[r]&&e[r][0](),e[n[c]]=0},s.f.j=(t,r)=>{var n=s.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[1]);else{var a=import(s.p+"./"+s.u(t)).then(o,(o=>{throw 0!==e[t]&&(e[t]=void 0),o}));a=Promise.race([a,new Promise((o=>n=e[t]=[o]))]),r.push(n[1]=a)}},onconnect=function(e){for(const o of e.ports)o.onmessage=async e=>{const t=e.data;switch(t.type){case"message":const{add:e}=await s.e(936).then(s.bind(s,936));e(t.content,t.from);case"history":const{history:r}=await s.e(936).then(s.bind(s,936));o.postMessage({type:"history",history:r})}}};
+var e,o,t={},r={};function s(e){var o=r[e];if(void 0!==o)return o.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.m=t,s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce(((o,t)=>(s.f[t](e,o),o)),[])),s.u=e=>e+".js",s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.p="/dist/",e={377:0},o=o=>{var t,r,{__webpack_ids__:n,__webpack_modules__:a,__webpack_runtime__:i}=o,c=0;for(t in a)s.o(a,t)&&(s.m[t]=a[t]);for(i&&i(s);c<n.length;c++)r=n[c],s.o(e,r)&&e[r]&&e[r][0](),e[n[c]]=0},s.f.j=(t,r)=>{var n=s.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[1]);else{var a=import(s.p+s.u(t)).then(o,(o=>{throw 0!==e[t]&&(e[t]=void 0),o}));a=Promise.race([a,new Promise((o=>n=e[t]=[o]))]),r.push(n[1]=a)}},onconnect=function(e){for(const o of e.ports)o.onmessage=async e=>{const t=e.data;switch(t.type){case"message":const{add:e}=await s.e(936).then(s.bind(s,936));e(t.content,t.from);case"history":const{history:r}=await s.e(936).then(s.bind(s,936));o.postMessage({type:"history",history:r})}}};
 ```
 
 # dist/workers/fibonacci.js
@@ -753,7 +753,7 @@ var e,o,t={},r={};function s(e){var o=r[e];if(void 0!==o)return o.exports;var n=
 /******/ 				} else {
 /******/ 					if(true) { // all chunks have JS
 /******/ 						// setup Promise in chunk cache
-/******/ 						var promise = import(__webpack_require__.p + "../" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
+/******/ 						var promise = import(__webpack_require__.p + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
 /******/ 							if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
 /******/ 							throw e;
 /******/ 						});
@@ -793,7 +793,7 @@ onmessage = async event => {
 ```
 
 ```javascript
-var e,r,o={},t={};function a(e){var r=t[e];if(void 0!==r)return r.exports;var s=t[e]={exports:{}};return o[e](s,s.exports,a),s.exports}a.m=o,a.d=(e,r)=>{for(var o in r)a.o(r,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((r,o)=>(a.f[o](e,r),r)),[])),a.u=e=>e+".js",a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.p="/dist/",e={721:0},r=r=>{var o,t,{__webpack_ids__:s,__webpack_modules__:i,__webpack_runtime__:n}=r,p=0;for(o in i)a.o(i,o)&&(a.m[o]=i[o]);for(n&&n(a);p<s.length;p++)t=s[p],a.o(e,t)&&e[t]&&e[t][0](),e[s[p]]=0},a.f.j=(o,t)=>{var s=a.o(e,o)?e[o]:void 0;if(0!==s)if(s)t.push(s[1]);else{var i=import(a.p+"../"+a.u(o)).then(r,(r=>{throw 0!==e[o]&&(e[o]=void 0),r}));i=Promise.race([i,new Promise((r=>s=e[o]=[r]))]),t.push(s[1]=i)}},onmessage=async e=>{const{fibonacci:r}=await a.e(129).then(a.bind(a,129)),o=JSON.parse(e.data);postMessage(`fib(${o}) = ${r(o)}`)};
+var e,r,o={},t={};function a(e){var r=t[e];if(void 0!==r)return r.exports;var s=t[e]={exports:{}};return o[e](s,s.exports,a),s.exports}a.m=o,a.d=(e,r)=>{for(var o in r)a.o(r,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((r,o)=>(a.f[o](e,r),r)),[])),a.u=e=>e+".js",a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.p="/dist/",e={721:0},r=r=>{var o,t,{__webpack_ids__:s,__webpack_modules__:i,__webpack_runtime__:n}=r,p=0;for(o in i)a.o(i,o)&&(a.m[o]=i[o]);for(n&&n(a);p<s.length;p++)t=s[p],a.o(e,t)&&e[t]&&e[t][0](),e[s[p]]=0},a.f.j=(o,t)=>{var s=a.o(e,o)?e[o]:void 0;if(0!==s)if(s)t.push(s[1]);else{var i=import(a.p+a.u(o)).then(r,(r=>{throw 0!==e[o]&&(e[o]=void 0),r}));i=Promise.race([i,new Promise((r=>s=e[o]=[r]))]),t.push(s[1]=i)}},onmessage=async e=>{const{fibonacci:r}=await a.e(129).then(a.bind(a,129)),o=JSON.parse(e.data);postMessage(`fib(${o}) = ${r(o)}`)};
 ```
 
 # dist/129.js
@@ -832,9 +832,9 @@ function fibonacci(n) {
 ## Unoptimized
 
 ```
-asset main.js 8.74 KiB [emitted] [javascript module] (name: main)
-asset chat.js 6.65 KiB [emitted] [javascript module] (name: chat)
-asset workers/fibonacci.js 6.3 KiB [emitted] [javascript module] (name: fibonacci)
+asset main.js 8.73 KiB [emitted] [javascript module] (name: main)
+asset chat.js 6.64 KiB [emitted] [javascript module] (name: chat)
+asset workers/fibonacci.js 6.29 KiB [emitted] [javascript module] (name: fibonacci)
 asset 936.js 1.04 KiB [emitted] [javascript module]
 asset 129.js 881 bytes [emitted] [javascript module]
 chunk (runtime: 9a81d90cfd0dfd13d748, main) 129.js 103 bytes [rendered]
@@ -879,7 +879,7 @@ webpack X.X.X compiled successfully
 ```
 asset main.js 2.37 KiB [emitted] [javascript module] [minimized] (name: main)
 asset chat.js 1.08 KiB [emitted] [javascript module] [minimized] (name: chat)
-asset workers/fibonacci.js 951 bytes [emitted] [javascript module] [minimized] (name: fibonacci)
+asset workers/fibonacci.js 945 bytes [emitted] [javascript module] [minimized] (name: fibonacci)
 asset 936.js 216 bytes [emitted] [javascript module] [minimized]
 asset 129.js 190 bytes [emitted] [javascript module] [minimized]
 chunk (runtime: 9a81d90cfd0dfd13d748, main) 129.js 103 bytes [rendered]
@@ -896,15 +896,15 @@ chunk (runtime: 1fad8bf8de78b0a77bfd) chat.js (chat) 442 bytes (javascript) 2.77
   ./chat-worker.js 442 bytes [built] [code generated]
     [no exports used]
     new Worker() ./chat-worker.js ./example.js 25:19-31:1
-chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 2.78 KiB (runtime) [entry] [rendered]
+chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 2.77 KiB (runtime) [entry] [rendered]
   > ./example.js 80:18-84:2
-  runtime modules 2.78 KiB 6 modules
+  runtime modules 2.77 KiB 6 modules
   ./fib-worker.js 176 bytes [built] [code generated]
     [no exports used]
     new Worker() ./fib-worker.js ./example.js 80:18-84:2
-chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 2.95 KiB (runtime) [entry] [rendered]
+chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 2.94 KiB (runtime) [entry] [rendered]
   > ./example.js main
-  runtime modules 2.95 KiB 6 modules
+  runtime modules 2.94 KiB 6 modules
   ./example.js 2.25 KiB [built] [code generated]
     [no exports used]
     entry ./example.js main
diff --git a/examples/multi-compiler/README.md b/examples/multi-compiler/README.md
@@ -55,7 +55,8 @@ module.exports = [
   \********************/
 /*! unknown exports (runtime-defined) */
 /*! runtime requirements:  */
-if(false) {}
+if(false) // removed by dead control flow
+{}
 console.log("Running " + "desktop" + " build");
 /******/ })()
 ;
@@ -148,7 +149,7 @@ mobile:
   mobile (webpack X.X.X) compiled successfully
 
 desktop:
-  asset desktop.js 262 bytes [emitted] (name: main)
+  asset desktop.js 294 bytes [emitted] (name: main)
   chunk (runtime: main) desktop.js (main) 94 bytes [entry] [rendered]
     > ./example main
     ./example.js 94 bytes [built] [code generated]
diff --git a/examples/stats-detailed/README.md b/examples/stats-detailed/README.md
@@ -78,5 +78,5 @@ LOG from webpack.FileSystemInfo
     Directory info in cache: 0 timestamps 0 hashes 0 timestamp hash combinations
     Managed items info in cache: 0 items
 
-XXXX-XX-XX XXXX:XX:XX: webpack X.X.X compiled successfully (922245dc37adc36977b5)
+XXXX-XX-XX XXXX:XX:XX: webpack X.X.X compiled successfully (37904780141efdcbf726)
 ```
