From f6d67b66058e0c0f1fa36d94d31aed4a2830d3d8 Mon Sep 17 00:00:00 2001 From: Tobias Koppers Date: Wed, 19 Dec 2018 11:36:59 +0100 Subject: [PATCH] update examples --- examples/aggressive-merging/README.md | 16 +- examples/chunkhash/README.md | 33 +- .../README.md | 11 +- .../code-splitted-require.context/README.md | 11 +- .../code-splitting-bundle-loader/README.md | 11 +- examples/code-splitting-harmony/README.md | 11 +- .../README.md | 11 +- .../README.md | 11 +- .../README.md | 79 ++- examples/code-splitting/README.md | 11 +- examples/coffee-script/README.md | 4 +- .../common-chunk-and-vendor-chunk/README.md | 30 +- examples/common-chunk-grandchildren/README.md | 11 +- examples/commonjs/README.md | 4 +- .../dll-app-and-vendor/0-vendor/README.md | 4 +- examples/dll-app-and-vendor/1-app/README.md | 4 +- examples/dll-entry-only/README.md | 4 +- examples/dll-user/README.md | 4 +- examples/dll/README.md | 4 +- examples/explicit-vendor-chunk/README.md | 4 +- examples/externals/README.md | 4 +- examples/extra-async-chunk-advanced/README.md | 11 +- examples/extra-async-chunk/README.md | 11 +- examples/harmony-interop/README.md | 4 +- examples/harmony-library/README.md | 4 +- examples/harmony-unused/README.md | 4 +- examples/harmony/README.md | 11 +- examples/http2-aggressive-splitting/README.md | 475 +++++------------- examples/hybrid-routing/README.md | 23 +- examples/i18n/README.md | 4 +- examples/loader/README.md | 6 +- examples/many-pages/README.md | 48 +- examples/mixed/README.md | 11 +- examples/multi-compiler/README.md | 4 +- examples/multi-part-library/README.md | 4 +- examples/multiple-entry-points/README.md | 84 ++-- examples/multiple-entry-points/template.md | 4 +- examples/named-chunks/README.md | 11 +- examples/require.context/README.md | 4 +- examples/require.resolve/README.md | 4 +- examples/scope-hoisting/README.md | 11 +- examples/side-effects/README.md | 4 +- examples/source-map/README.md | 32 +- examples/two-explicit-vendor-chunks/README.md | 70 +-- examples/wasm-simple/README.md | 141 +++--- examples/web-worker/README.md | 12 +- 46 files changed, 523 insertions(+), 756 deletions(-) diff --git a/examples/aggressive-merging/README.md b/examples/aggressive-merging/README.md index b95462ce562..2a39327ab4d 100644 --- a/examples/aggressive-merging/README.md +++ b/examples/aggressive-merging/README.md @@ -60,13 +60,13 @@ module.exports = { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.chunk.js 5.96 KiB 0 [emitted] -pageA.bundle.js 8.33 KiB 1 [emitted] pageA -pageB.bundle.js 8.33 KiB 2 [emitted] pageB -pageC.bundle.js 8.33 KiB 3 [emitted] pageC 4.chunk.js 405 bytes 4 [emitted] +pageA.bundle.js 8.28 KiB 1 [emitted] pageA +pageB.bundle.js 8.28 KiB 2 [emitted] pageB +pageC.bundle.js 8.28 KiB 3 [emitted] pageC Entrypoint pageA = pageA.bundle.js Entrypoint pageB = pageB.bundle.js Entrypoint pageC = pageC.bundle.js @@ -108,13 +108,13 @@ chunk {4} 4.chunk.js 42 bytes <{3}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.chunk.js 173 bytes 0, 4 [emitted] -pageA.bundle.js 2.06 KiB 1 [emitted] pageA -pageB.bundle.js 2.06 KiB 2 [emitted] pageB -pageC.bundle.js 2.08 KiB 3 [emitted] pageC 4.chunk.js 118 bytes 4 [emitted] +pageA.bundle.js 2.03 KiB 1 [emitted] pageA +pageB.bundle.js 2.03 KiB 2 [emitted] pageB +pageC.bundle.js 2.05 KiB 3 [emitted] pageC Entrypoint pageA = pageA.bundle.js Entrypoint pageB = pageB.bundle.js Entrypoint pageC = pageC.bundle.js diff --git a/examples/chunkhash/README.md b/examples/chunkhash/README.md index 7c7bc6b8c0f..7688171d37e 100644 --- a/examples/chunkhash/README.md +++ b/examples/chunkhash/README.md @@ -45,7 +45,7 @@ module.exports = { @@ -173,7 +173,6 @@ module.exports = { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -205,7 +204,7 @@ module.exports = { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -312,12 +311,12 @@ __webpack_require__.e(/*! import() */ 3).then(__webpack_require__.t.bind(null, / ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -runtime~main.[chunkhash].js 8.77 KiB 0 [emitted] runtime~main - main.[chunkhash].js 485 bytes 1 [emitted] main 2.[chunkhash].js 269 bytes 2 [emitted] 3.[chunkhash].js 263 bytes 3 [emitted] + main.[chunkhash].js 485 bytes 1 [emitted] main +runtime~main.[chunkhash].js 8.71 KiB 0 [emitted] runtime~main Entrypoint main = runtime~main.[chunkhash].js main.[chunkhash].js chunk {0} runtime~main.[chunkhash].js (runtime~main) 0 bytes ={1}= >{2}< >{3}< [entry] [rendered] > ./example main @@ -339,25 +338,25 @@ chunk {3} 3.[chunkhash].js 28 bytes <{0}> <{1}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names + 2.[chunkhash].js 77 bytes 2 [emitted] + 3.[chunkhash].js 78 bytes 3 [emitted] main.[chunkhash].js 149 bytes 0 [emitted] main - 1.[chunkhash].js 77 bytes 1 [emitted] - 2.[chunkhash].js 78 bytes 2 [emitted] -runtime~main.[chunkhash].js 2.17 KiB 3 [emitted] runtime~main +runtime~main.[chunkhash].js 2.13 KiB 1 [emitted] runtime~main Entrypoint main = runtime~main.[chunkhash].js main.[chunkhash].js -chunk {0} main.[chunkhash].js (main) 55 bytes ={3}= >{1}< >{2}< [initial] [rendered] +chunk {0} main.[chunkhash].js (main) 55 bytes ={1}= >{2}< >{3}< [initial] [rendered] > ./example main [0] ./example.js 55 bytes {0} [built] single entry ./example main -chunk {1} 1.[chunkhash].js 28 bytes <{0}> <{3}> [rendered] +chunk {1} runtime~main.[chunkhash].js (runtime~main) 0 bytes ={0}= >{2}< >{3}< [entry] [rendered] + > ./example main +chunk {2} 2.[chunkhash].js 28 bytes <{0}> <{1}> [rendered] > ./async1 [0] ./example.js 2:0-18 - [1] ./async1.js 28 bytes {1} [built] + [1] ./async1.js 28 bytes {2} [built] import() ./async1 [0] ./example.js 2:0-18 -chunk {2} 2.[chunkhash].js 28 bytes <{0}> <{3}> [rendered] +chunk {3} 3.[chunkhash].js 28 bytes <{0}> <{1}> [rendered] > ./async2 [0] ./example.js 3:0-18 - [2] ./async2.js 28 bytes {2} [built] + [2] ./async2.js 28 bytes {3} [built] import() ./async2 [0] ./example.js 3:0-18 -chunk {3} runtime~main.[chunkhash].js (runtime~main) 0 bytes ={0}= >{1}< >{2}< [entry] [rendered] - > ./example main ``` diff --git a/examples/code-splitted-require.context-amd/README.md b/examples/code-splitted-require.context-amd/README.md index a356e372278..608305af662 100644 --- a/examples/code-splitted-require.context-amd/README.md +++ b/examples/code-splitted-require.context-amd/README.md @@ -113,7 +113,6 @@ getTemplate("b", function(b) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -145,7 +144,7 @@ getTemplate("b", function(b) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -335,10 +334,10 @@ module.exports = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 8.47 KiB 0 [emitted] main 1.output.js 1.83 KiB 1 [emitted] + output.js 8.41 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 251 bytes >{1}< [entry] [rendered] > .\example.js main @@ -363,10 +362,10 @@ chunk {1} 1.output.js 457 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.15 KiB 0 [emitted] main 1.output.js 626 bytes 1 [emitted] + output.js 2.12 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 251 bytes >{1}< [entry] [rendered] > .\example.js main diff --git a/examples/code-splitted-require.context/README.md b/examples/code-splitted-require.context/README.md index 035eac7a3cd..a7b3635081e 100644 --- a/examples/code-splitted-require.context/README.md +++ b/examples/code-splitted-require.context/README.md @@ -113,7 +113,6 @@ getTemplate("b", function(b) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -145,7 +144,7 @@ getTemplate("b", function(b) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -335,10 +334,10 @@ module.exports = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 8.4 KiB 0 [emitted] main 1.output.js 1.83 KiB 1 [emitted] + output.js 8.35 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 266 bytes >{1}< [entry] [rendered] > .\example.js main @@ -363,10 +362,10 @@ chunk {1} 1.output.js 457 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.13 KiB 0 [emitted] main 1.output.js 626 bytes 1 [emitted] + output.js 2.1 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 266 bytes >{1}< [entry] [rendered] > .\example.js main diff --git a/examples/code-splitting-bundle-loader/README.md b/examples/code-splitting-bundle-loader/README.md index 752f4058d7e..55526ee7e5d 100644 --- a/examples/code-splitting-bundle-loader/README.md +++ b/examples/code-splitting-bundle-loader/README.md @@ -116,7 +116,6 @@ module.exports = "It works"; /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -148,7 +147,7 @@ module.exports = "It works"; /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -291,10 +290,10 @@ module.exports = "It works"; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 8.84 KiB 0 [emitted] main 1.output.js 257 bytes 1 [emitted] + output.js 8.78 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 375 bytes >{1}< [entry] [rendered] > .\example.js main @@ -312,10 +311,10 @@ chunk {1} 1.output.js 28 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.19 KiB 0 [emitted] main 1.output.js 98 bytes 1 [emitted] + output.js 2.16 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 375 bytes >{1}< [entry] [rendered] > .\example.js main diff --git a/examples/code-splitting-harmony/README.md b/examples/code-splitting-harmony/README.md index 3f982512b1f..0d36ef670db 100644 --- a/examples/code-splitting-harmony/README.md +++ b/examples/code-splitting-harmony/README.md @@ -124,7 +124,6 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -156,7 +155,7 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -330,12 +329,12 @@ module.exports = webpackAsyncContext; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 275 bytes 0 [emitted] 1.output.js 284 bytes 1 [emitted] - output.js 9.76 KiB 2 [emitted] main 3.output.js 270 bytes 3 [emitted] + output.js 9.7 KiB 2 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 13 bytes <{2}> [rendered] > ./1 [4] ./node_modules/c lazy ^\.\/.*$ namespace object ./1 @@ -362,12 +361,12 @@ chunk {3} 3.output.js 11 bytes <{2}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 76 bytes 0 [emitted] 1.output.js 77 bytes 1 [emitted] - output.js 2.55 KiB 2 [emitted] main 3.output.js 78 bytes 3 [emitted] + output.js 2.52 KiB 2 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 13 bytes <{2}> [rendered] > ./1 [4] ./node_modules/c lazy ^\.\/.*$ namespace object ./1 diff --git a/examples/code-splitting-native-import-context-filter/README.md b/examples/code-splitting-native-import-context-filter/README.md index 7ad0578ef9d..f79e88aec41 100644 --- a/examples/code-splitting-native-import-context-filter/README.md +++ b/examples/code-splitting-native-import-context-filter/README.md @@ -142,7 +142,6 @@ export default foo; /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -174,7 +173,7 @@ export default foo; /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -346,12 +345,12 @@ module.exports = webpackAsyncContext; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 433 bytes 0 [emitted] 1.output.js 442 bytes 1 [emitted] 2.output.js 436 bytes 2 [emitted] - output.js 9.48 KiB 3 [emitted] main + output.js 9.43 KiB 3 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 38 bytes <{3}> [rendered] > ./bar [4] ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar @@ -386,12 +385,12 @@ chunk {3} output.js (main) 597 bytes >{0}< >{1}< >{2}< [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 113 bytes 0 [emitted] 1.output.js 114 bytes 1 [emitted] 2.output.js 115 bytes 2 [emitted] - output.js 2.54 KiB 3 [emitted] main + output.js 2.51 KiB 3 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 38 bytes <{3}> [rendered] > ./bar [4] ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar diff --git a/examples/code-splitting-native-import-context/README.md b/examples/code-splitting-native-import-context/README.md index 3cb4973c9eb..585b6b46086 100644 --- a/examples/code-splitting-native-import-context/README.md +++ b/examples/code-splitting-native-import-context/README.md @@ -131,7 +131,6 @@ export default foo; /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -163,7 +162,7 @@ export default foo; /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -333,12 +332,12 @@ module.exports = webpackAsyncContext; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 433 bytes 0 [emitted] 1.output.js 442 bytes 1 [emitted] 2.output.js 436 bytes 2 [emitted] - output.js 9.29 KiB 3 [emitted] main + output.js 9.24 KiB 3 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 38 bytes <{3}> [rendered] > ./bar [4] ./templates lazy ^\.\/.*$ namespace object ./bar @@ -373,12 +372,12 @@ chunk {3} output.js (main) 441 bytes >{0}< >{1}< >{2}< [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 113 bytes 0 [emitted] 1.output.js 114 bytes 1 [emitted] 2.output.js 115 bytes 2 [emitted] - output.js 2.5 KiB 3 [emitted] main + output.js 2.47 KiB 3 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 38 bytes <{3}> [rendered] > ./bar [4] ./templates lazy ^\.\/.*$ namespace object ./bar diff --git a/examples/code-splitting-specify-chunk-name/README.md b/examples/code-splitting-specify-chunk-name/README.md index 1a70962da31..7db6a7abdd9 100644 --- a/examples/code-splitting-specify-chunk-name/README.md +++ b/examples/code-splitting-specify-chunk-name/README.md @@ -131,7 +131,6 @@ export default foo; /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -163,7 +162,7 @@ export default foo; /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -252,11 +251,11 @@ export default foo; /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -__webpack_require__.e(/*! import() | chunk-foo */ 0).then(__webpack_require__.bind(null, /*! ./templates/foo */ 0)).then(function(foo) { +__webpack_require__.e(/*! import() | chunk-foo */ 2).then(__webpack_require__.bind(null, /*! ./templates/foo */ 0)).then(function(foo) { console.log('foo:', foo); }) -__webpack_require__.e(/*! require.ensure | chunk-foo1 */ 0).then((function(require) { +__webpack_require__.e(/*! require.ensure | chunk-foo1 */ 2).then((function(require) { var foo = __webpack_require__(/*! ./templates/foo */ 0); console.log('foo:', foo); }).bind(null, __webpack_require__)).catch(__webpack_require__.oe); @@ -280,19 +279,19 @@ __webpack_require__(4)("./ba" + createContextVar).then(function(bar) { var map = { "./bar": [ 1, - 1 + 0 ], "./bar.js": [ 1, - 1 + 0 ], "./baz": [ 2, - 2 + 1 ], "./baz.js": [ 2, - 2 + 1 ] }; function webpackAsyncContext(req) { @@ -325,34 +324,34 @@ module.exports = webpackAsyncContext; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -0.output.js 433 bytes 0 [emitted] chunk-foo -1.output.js 442 bytes 1 [emitted] chunk-bar-baz0 -2.output.js 436 bytes 2 [emitted] chunk-bar-baz2 - output.js 9.49 KiB 3 [emitted] main +0.output.js 442 bytes 0 [emitted] chunk-bar-baz0 +1.output.js 436 bytes 1 [emitted] chunk-bar-baz2 +2.output.js 433 bytes 2 [emitted] chunk-foo + output.js 9.44 KiB 3 [emitted] main Entrypoint main = output.js -chunk {0} 0.output.js (chunk-foo) 38 bytes <{3}> [rendered] - > ./templates/foo [3] ./example.js 1:0-62 - > [3] ./example.js 5:0-8:16 - [0] ./templates/foo.js 38 bytes {0} [built] - [exports: default] - import() ./templates/foo [3] ./example.js 1:0-62 - cjs require ./templates/foo [3] ./example.js 6:11-37 -chunk {1} 1.output.js (chunk-bar-baz0) 38 bytes <{3}> [rendered] +chunk {0} 0.output.js (chunk-bar-baz0) 38 bytes <{3}> [rendered] > ./bar [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar > ./bar.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar.js - [1] ./templates/bar.js 38 bytes {1} [optional] [built] + [1] ./templates/bar.js 38 bytes {0} [optional] [built] [exports: default] context element ./bar [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar context element ./bar.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar.js -chunk {2} 2.output.js (chunk-bar-baz2) 38 bytes <{3}> [rendered] +chunk {1} 1.output.js (chunk-bar-baz2) 38 bytes <{3}> [rendered] > ./baz [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz > ./baz.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz.js - [2] ./templates/baz.js 38 bytes {2} [optional] [built] + [2] ./templates/baz.js 38 bytes {1} [optional] [built] [exports: default] context element ./baz [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz context element ./baz.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz.js +chunk {2} 2.output.js (chunk-foo) 38 bytes <{3}> [rendered] + > ./templates/foo [3] ./example.js 1:0-62 + > [3] ./example.js 5:0-8:16 + [0] ./templates/foo.js 38 bytes {2} [built] + [exports: default] + import() ./templates/foo [3] ./example.js 1:0-62 + cjs require ./templates/foo [3] ./example.js 6:11-37 chunk {3} output.js (main) 565 bytes >{0}< >{1}< >{2}< [entry] [rendered] > .\example.js main [3] ./example.js 405 bytes {3} [built] @@ -365,34 +364,34 @@ chunk {3} output.js (main) 565 bytes >{0}< >{1}< >{2}< [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -0.output.js 113 bytes 0 [emitted] chunk-foo -1.output.js 114 bytes 1 [emitted] chunk-bar-baz0 -2.output.js 115 bytes 2 [emitted] chunk-bar-baz2 - output.js 2.52 KiB 3 [emitted] main +0.output.js 114 bytes 0 [emitted] chunk-bar-baz0 +1.output.js 115 bytes 1 [emitted] chunk-bar-baz2 +2.output.js 113 bytes 2 [emitted] chunk-foo + output.js 2.49 KiB 3 [emitted] main Entrypoint main = output.js -chunk {0} 0.output.js (chunk-foo) 38 bytes <{3}> [rendered] - > ./templates/foo [3] ./example.js 1:0-62 - > [3] ./example.js 5:0-8:16 - [0] ./templates/foo.js 38 bytes {0} [built] - [exports: default] - import() ./templates/foo [3] ./example.js 1:0-62 - cjs require ./templates/foo [3] ./example.js 6:11-37 -chunk {1} 1.output.js (chunk-bar-baz0) 38 bytes <{3}> [rendered] +chunk {0} 0.output.js (chunk-bar-baz0) 38 bytes <{3}> [rendered] > ./bar [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar > ./bar.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar.js - [1] ./templates/bar.js 38 bytes {1} [optional] [built] + [1] ./templates/bar.js 38 bytes {0} [optional] [built] [exports: default] context element ./bar [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar context element ./bar.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./bar.js -chunk {2} 2.output.js (chunk-bar-baz2) 38 bytes <{3}> [rendered] +chunk {1} 1.output.js (chunk-bar-baz2) 38 bytes <{3}> [rendered] > ./baz [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz > ./baz.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz.js - [2] ./templates/baz.js 38 bytes {2} [optional] [built] + [2] ./templates/baz.js 38 bytes {1} [optional] [built] [exports: default] context element ./baz [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz context element ./baz.js [4] ./templates lazy ^\.\/ba.*$ namespace object ./baz.js +chunk {2} 2.output.js (chunk-foo) 38 bytes <{3}> [rendered] + > ./templates/foo [3] ./example.js 1:0-62 + > [3] ./example.js 5:0-8:16 + [0] ./templates/foo.js 38 bytes {2} [built] + [exports: default] + import() ./templates/foo [3] ./example.js 1:0-62 + cjs require ./templates/foo [3] ./example.js 6:11-37 chunk {3} output.js (main) 565 bytes >{0}< >{1}< >{2}< [entry] [rendered] > .\example.js main [3] ./example.js 405 bytes {3} [built] diff --git a/examples/code-splitting/README.md b/examples/code-splitting/README.md index 16294e6242b..1d4be160dc6 100644 --- a/examples/code-splitting/README.md +++ b/examples/code-splitting/README.md @@ -135,7 +135,6 @@ require.ensure(["c"], function(require) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -167,7 +166,7 @@ require.ensure(["c"], function(require) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -326,10 +325,10 @@ Minimized ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 8.75 KiB 0 [emitted] main 1.output.js 490 bytes 1 [emitted] + output.js 8.69 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 161 bytes >{1}< [entry] [rendered] > .\example.js main @@ -345,10 +344,10 @@ chunk {1} 1.output.js 22 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.08 KiB 0 [emitted] main 1.output.js 95 bytes 1 [emitted] + output.js 2.05 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 161 bytes >{1}< [entry] [rendered] > .\example.js main diff --git a/examples/coffee-script/README.md b/examples/coffee-script/README.md index 6a2d3a41e3c..8cbfd277226 100644 --- a/examples/coffee-script/README.md +++ b/examples/coffee-script/README.md @@ -168,7 +168,7 @@ module.exports = 42; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 4.31 KiB 0 [emitted] main Entrypoint main = output.js @@ -187,7 +187,7 @@ chunk {0} output.js (main) 206 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.07 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/common-chunk-and-vendor-chunk/README.md b/examples/common-chunk-and-vendor-chunk/README.md index 6ac8ca63ff1..1d8bbd9b6f1 100644 --- a/examples/common-chunk-and-vendor-chunk/README.md +++ b/examples/common-chunk-and-vendor-chunk/README.md @@ -691,14 +691,14 @@ module.exports = "pageC"; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - pageA.js 6.7 KiB 0 [emitted] pageA - vendor.js 536 bytes 1 [emitted] vendor commons~pageA~pageB~pageC.js 269 bytes 2 [emitted] commons~pageA~pageB~pageC - pageB.js 6.5 KiB 3 [emitted] pageB commons~pageB~pageC.js 269 bytes 4 [emitted] commons~pageB~pageC + pageA.js 6.7 KiB 0 [emitted] pageA + pageB.js 6.5 KiB 3 [emitted] pageB pageC.js 6.45 KiB 5 [emitted] pageC + vendor.js 536 bytes 1 [emitted] vendor Entrypoint pageA = vendor.js commons~pageA~pageB~pageC.js pageA.js Entrypoint pageB = vendor.js commons~pageA~pageB~pageC.js commons~pageB~pageC.js pageB.js Entrypoint pageC = commons~pageA~pageB~pageC.js commons~pageB~pageC.js pageC.js @@ -740,14 +740,14 @@ chunk {5} pageC.js (pageC) 102 bytes ={2}= ={4}= [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names commons~pageA~pageB~pageC.js 96 bytes 0 [emitted] commons~pageA~pageB~pageC - vendor.js 134 bytes 1 [emitted] vendor - commons~pageB~pageC.js 97 bytes 2 [emitted] commons~pageB~pageC + commons~pageB~pageC.js 97 bytes 1 [emitted] commons~pageB~pageC pageA.js 1.52 KiB 3 [emitted] pageA pageB.js 1.49 KiB 4 [emitted] pageB pageC.js 1.48 KiB 5 [emitted] pageC + vendor.js 134 bytes 2 [emitted] vendor Entrypoint pageA = vendor.js commons~pageA~pageB~pageC.js pageA.js Entrypoint pageB = vendor.js commons~pageA~pageB~pageC.js commons~pageB~pageC.js pageB.js Entrypoint pageC = commons~pageA~pageB~pageC.js commons~pageB~pageC.js pageC.js @@ -759,17 +759,17 @@ chunk {0} commons~pageA~pageB~pageC.js (commons~pageA~pageB~pageC) 28 bytes = cjs require ./utility2 [2] ./pageA.js 3:15-36 cjs require ./utility2 [5] ./pageB.js 2:15-36 cjs require ./utility2 [7] ./pageC.js 1:15-36 -chunk {1} vendor.js (vendor) 54 bytes ={0}= ={2}= ={3}= ={4}= [initial] [rendered] split chunk (cache group: vendor) (name: vendor) - > ./pageA pageA - > ./pageB pageB - 2 modules -chunk {2} commons~pageB~pageC.js (commons~pageB~pageC) 28 bytes ={0}= ={1}= ={4}= ={5}= [initial] [rendered] split chunk (cache group: commons) (name: commons~pageB~pageC) +chunk {1} commons~pageB~pageC.js (commons~pageB~pageC) 28 bytes ={0}= ={2}= ={4}= ={5}= [initial] [rendered] split chunk (cache group: commons) (name: commons~pageB~pageC) > ./pageB pageB > ./pageC pageC - [1] ./utility3.js 28 bytes {2} [built] + [1] ./utility3.js 28 bytes {1} [built] cjs require ./utility3 [5] ./pageB.js 3:15-36 cjs require ./utility3 [7] ./pageC.js 2:15-36 -chunk {3} pageA.js (pageA) 165 bytes ={0}= ={1}= [entry] [rendered] +chunk {2} vendor.js (vendor) 54 bytes ={0}= ={1}= ={3}= ={4}= [initial] [rendered] split chunk (cache group: vendor) (name: vendor) + > ./pageA pageA + > ./pageB pageB + 2 modules +chunk {3} pageA.js (pageA) 165 bytes ={0}= ={2}= [entry] [rendered] > ./pageA pageA [2] ./pageA.js 137 bytes {3} [built] single entry ./pageA pageA @@ -779,7 +779,7 @@ chunk {4} pageB.js (pageB) 137 bytes ={0}= ={1}= ={2}= [entry] [rendered] > ./pageB pageB [5] ./pageB.js 137 bytes {4} [built] single entry ./pageB pageB -chunk {5} pageC.js (pageC) 102 bytes ={0}= ={2}= [entry] [rendered] +chunk {5} pageC.js (pageC) 102 bytes ={0}= ={1}= [entry] [rendered] > ./pageC pageC [7] ./pageC.js 102 bytes {5} [built] single entry ./pageC pageC diff --git a/examples/common-chunk-grandchildren/README.md b/examples/common-chunk-grandchildren/README.md index 3c8916108a8..4ada85a48c9 100644 --- a/examples/common-chunk-grandchildren/README.md +++ b/examples/common-chunk-grandchildren/README.md @@ -203,7 +203,6 @@ module.exports = { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -235,7 +234,7 @@ module.exports = { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -455,13 +454,13 @@ module.exports = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 337 bytes 0 [emitted] - output.js 8.8 KiB 1 [emitted] main 2.output.js 408 bytes 2 [emitted] 3.output.js 542 bytes 3 [emitted] 4.output.js 408 bytes 4 [emitted] + output.js 8.74 KiB 1 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 69 bytes <{1}> <{3}> ={2}= ={4}= [rendered] split chunk (cache group: default) > [1] ./example.js 3:1-6:3 @@ -493,13 +492,13 @@ chunk {4} 4.output.js 136 bytes <{3}> ={0}= [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 133 bytes 0 [emitted] - output.js 2.16 KiB 1 [emitted] main 2.output.js 138 bytes 2 [emitted] 3.output.js 198 bytes 3 [emitted] 4.output.js 138 bytes 4 [emitted] + output.js 2.13 KiB 1 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 69 bytes <{1}> <{3}> ={2}= ={4}= [rendered] split chunk (cache group: default) > [1] ./example.js 3:1-6:3 diff --git a/examples/commonjs/README.md b/examples/commonjs/README.md index 3f509a93b1c..d1cd667c57d 100644 --- a/examples/commonjs/README.md +++ b/examples/commonjs/README.md @@ -184,7 +184,7 @@ exports.add = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 4.4 KiB 0 [emitted] main Entrypoint main = output.js @@ -202,7 +202,7 @@ chunk {0} output.js (main) 326 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.1 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/dll-app-and-vendor/0-vendor/README.md b/examples/dll-app-and-vendor/0-vendor/README.md index e747d388dd6..72c4b7bf81b 100644 --- a/examples/dll-app-and-vendor/0-vendor/README.md +++ b/examples/dll-app-and-vendor/0-vendor/README.md @@ -181,7 +181,7 @@ function square(n) { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names vendor.js 4.28 KiB 0 [emitted] main Entrypoint main = vendor.js @@ -197,7 +197,7 @@ chunk {0} vendor.js (main) 57 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names vendor.js 1.06 KiB 0 [emitted] main Entrypoint main = vendor.js diff --git a/examples/dll-app-and-vendor/1-app/README.md b/examples/dll-app-and-vendor/1-app/README.md index 8e688b7699a..e1968ddd707 100644 --- a/examples/dll-app-and-vendor/1-app/README.md +++ b/examples/dll-app-and-vendor/1-app/README.md @@ -189,7 +189,7 @@ module.exports = vendor_lib_a132d30959ef28c3f004; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names app.js 4.86 KiB 0 [emitted] main Entrypoint main = app.js @@ -211,7 +211,7 @@ chunk {0} app.js (main) 178 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names app.js 1.09 KiB 0 [emitted] main Entrypoint main = app.js diff --git a/examples/dll-entry-only/README.md b/examples/dll-entry-only/README.md index c79c8ab3a0e..d32a0cf424a 100644 --- a/examples/dll-entry-only/README.md +++ b/examples/dll-entry-only/README.md @@ -233,7 +233,7 @@ var cjs = __webpack_require__(1); ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names dll.js 4.98 KiB 0 [emitted] dll Entrypoint dll = dll.js @@ -265,7 +265,7 @@ chunk {0} dll.js (dll) 216 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names dll.js 1.15 KiB 0 [emitted] dll Entrypoint dll = dll.js diff --git a/examples/dll-user/README.md b/examples/dll-user/README.md index f585ef6752a..8daa35fd8ea 100644 --- a/examples/dll-user/README.md +++ b/examples/dll-user/README.md @@ -242,7 +242,7 @@ module.exports = (__webpack_require__(/*! dll-reference alpha_d61ee01b5c383d26e2 ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 7.14 KiB 0 [emitted] main Entrypoint main = output.js @@ -276,7 +276,7 @@ chunk {0} output.js (main) 541 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.33 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/dll/README.md b/examples/dll/README.md index 64e8a18b209..093bdd49649 100644 --- a/examples/dll/README.md +++ b/examples/dll/README.md @@ -192,7 +192,7 @@ module.exports = "module"; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names MyDll.alpha.js 4.42 KiB 0 [emitted] alpha MyDll.beta.js 4.4 KiB 1 [emitted] beta @@ -230,7 +230,7 @@ chunk {1} MyDll.beta.js (beta) 80 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names MyDll.alpha.js 1.06 KiB 0 [emitted] alpha MyDll.beta.js 1.05 KiB 1 [emitted] beta diff --git a/examples/explicit-vendor-chunk/README.md b/examples/explicit-vendor-chunk/README.md index 8a6f8c9be71..77f6fa524f6 100644 --- a/examples/explicit-vendor-chunk/README.md +++ b/examples/explicit-vendor-chunk/README.md @@ -309,7 +309,7 @@ module.exports = vendor_d9f5eab93a0e9010218f; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Child vendor: Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names @@ -363,7 +363,7 @@ Child app: ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Child vendor: Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names diff --git a/examples/externals/README.md b/examples/externals/README.md index de9e0eceac2..8e5ec3af278 100644 --- a/examples/externals/README.md +++ b/examples/externals/README.md @@ -198,7 +198,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 5.13 KiB 0 [emitted] main Entrypoint main = output.js @@ -216,7 +216,7 @@ chunk {0} output.js (main) 194 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.4 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/extra-async-chunk-advanced/README.md b/examples/extra-async-chunk-advanced/README.md index 31c5be2c181..550ae45ddad 100644 --- a/examples/extra-async-chunk-advanced/README.md +++ b/examples/extra-async-chunk-advanced/README.md @@ -134,7 +134,6 @@ module.exports = { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -166,7 +165,7 @@ module.exports = { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -282,16 +281,16 @@ Promise.all(/*! require.ensure */[__webpack_require__.e(1), __webpack_require__. ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 247 bytes 0 [emitted] 1.output.js 238 bytes 1 [emitted] - output.js 9.34 KiB 2 [emitted] main 3.output.js 241 bytes 3 [emitted] 4.output.js 241 bytes 4 [emitted] 5.output.js 241 bytes 5 [emitted] 6.output.js 241 bytes 6 [emitted] 7.output.js 241 bytes 7 [emitted] + output.js 9.28 KiB 2 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 21 bytes <{1}> <{2}> <{5}> ={1}= ={3}= ={4}= ={6}= ={7}= [rendered] split chunk (cache group: default) > [2] ./example.js 10:1-12:3 @@ -342,16 +341,16 @@ chunk {7} 7.output.js 21 bytes <{1}> <{5}> ={0}= [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 90 bytes 0 [emitted] 1.output.js 89 bytes 1 [emitted] - output.js 2.42 KiB 2 [emitted] main 3.output.js 91 bytes 3 [emitted] 4.output.js 91 bytes 4 [emitted] 5.output.js 91 bytes 5 [emitted] 6.output.js 91 bytes 6 [emitted] 7.output.js 91 bytes 7 [emitted] + output.js 2.39 KiB 2 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 21 bytes <{1}> <{2}> <{5}> ={1}= ={3}= ={4}= ={6}= ={7}= [rendered] split chunk (cache group: default) > [2] ./example.js 10:1-12:3 diff --git a/examples/extra-async-chunk/README.md b/examples/extra-async-chunk/README.md index ea36c4b2c26..10605ce6210 100644 --- a/examples/extra-async-chunk/README.md +++ b/examples/extra-async-chunk/README.md @@ -144,7 +144,6 @@ require.ensure(["./a"], function(require) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -176,7 +175,7 @@ require.ensure(["./a"], function(require) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -349,12 +348,12 @@ module.exports = "d"; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 405 bytes 0 [emitted] - output.js 8.59 KiB 1 [emitted] main 2.output.js 241 bytes 2 [emitted] 3.output.js 241 bytes 3 [emitted] + output.js 8.54 KiB 1 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 42 bytes <{1}> ={2}= ={3}= [rendered] split chunk (cache group: default) > ./a ./b ./c [2] ./example.js 2:0-30 @@ -383,12 +382,12 @@ chunk {3} 3.output.js 21 bytes <{1}> ={0}= [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names 0.output.js 118 bytes 0 [emitted] - output.js 2.13 KiB 1 [emitted] main 2.output.js 91 bytes 2 [emitted] 3.output.js 91 bytes 3 [emitted] + output.js 2.1 KiB 1 [emitted] main Entrypoint main = output.js chunk {0} 0.output.js 42 bytes <{1}> ={2}= ={3}= [rendered] split chunk (cache group: default) > ./a ./b ./c [2] ./example.js 2:0-30 diff --git a/examples/harmony-interop/README.md b/examples/harmony-interop/README.md index 15bba3e47e7..f739c0ce0bf 100644 --- a/examples/harmony-interop/README.md +++ b/examples/harmony-interop/README.md @@ -275,7 +275,7 @@ var named = "named"; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 7.05 KiB 0 [emitted] main Entrypoint main = output.js @@ -307,7 +307,7 @@ chunk {0} output.js (main) 1.13 KiB [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.35 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/harmony-library/README.md b/examples/harmony-library/README.md index a33aa2c0228..01b63a2b0b2 100644 --- a/examples/harmony-library/README.md +++ b/examples/harmony-library/README.md @@ -152,7 +152,7 @@ function increment() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names MyLibrary.umd.js 4.52 KiB 0 [emitted] main Entrypoint main = MyLibrary.umd.js @@ -167,7 +167,7 @@ chunk {0} MyLibrary.umd.js (main) 92 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names MyLibrary.umd.js 1.28 KiB 0 [emitted] main Entrypoint main = MyLibrary.umd.js diff --git a/examples/harmony-unused/README.md b/examples/harmony-unused/README.md index 9c9cbc528a8..34b6016f088 100644 --- a/examples/harmony-unused/README.md +++ b/examples/harmony-unused/README.md @@ -255,7 +255,7 @@ function c() { console.log("c"); } ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 6.87 KiB 0 [emitted] main Entrypoint main = output.js @@ -287,7 +287,7 @@ chunk {0} output.js (main) 698 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.32 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/harmony/README.md b/examples/harmony/README.md index 9a65f7eaf47..0e407011728 100644 --- a/examples/harmony/README.md +++ b/examples/harmony/README.md @@ -120,7 +120,6 @@ export function increment(val) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -152,7 +151,7 @@ export function increment(val) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -299,10 +298,10 @@ __webpack_require__.e(/*! import() */ 1).then(__webpack_require__.bind(null, /*! ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 9.53 KiB 0 [emitted] main 1.output.js 478 bytes 1 [emitted] + output.js 9.48 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 400 bytes >{1}< [entry] [rendered] > .\example.js main @@ -328,10 +327,10 @@ chunk {1} 1.output.js 24 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.15 KiB 0 [emitted] main 1.output.js 144 bytes 1 [emitted] + output.js 2.1 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 400 bytes >{1}< [entry] [rendered] > .\example.js main diff --git a/examples/http2-aggressive-splitting/README.md b/examples/http2-aggressive-splitting/README.md index 2cfbd3d1126..df8177815e9 100644 --- a/examples/http2-aggressive-splitting/README.md +++ b/examples/http2-aggressive-splitting/README.md @@ -47,140 +47,140 @@ module.exports = { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.5.0 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -0970c34320caae80c02a.js 54.5 KiB 7 [emitted] -83b274deceed463f2e6b.js 34.8 KiB 0 [emitted] -0e1d917bc78b9875c633.js 52.1 KiB 2 [emitted] -fa360eb6e2345a3f1eb1.js 31.1 KiB 3 [emitted] -e73fa83e75ca1cd02064.js 43 KiB 4 [emitted] -e1fabf154d567040fc9e.js 43.7 KiB 5 [emitted] -c7a944568ed9e97283c6.js 46 KiB 6 [emitted] -2ce24bf0a195b5226f1c.js 12.6 KiB 1 [emitted] -21648f333424392ec94c.js 36.8 KiB 8 [emitted] -fe79c8024bca5a2710e2.js 43 KiB 9 [emitted] -11717dc27d3f6a5dbab8.js 37.6 KiB 10 [emitted] -0c4ce63f0aa44b1872d5.js 41.7 KiB 11 [emitted] -2db10d04d445e62740cf.js 44.7 KiB 12 [emitted] -e5fe5d02d5fea683fb6b.js 51.9 KiB 13 [emitted] -d2aecc6eb6d7ce0cc8bb.js 51.3 KiB 14 [emitted] -Entrypoint main = fa360eb6e2345a3f1eb1.js e1fabf154d567040fc9e.js 83b274deceed463f2e6b.js -chunk {0} 83b274deceed463f2e6b.js 28.3 KiB ={3}= ={5}= >{1}< >{10}< >{11}< >{12}< >{13}< >{14}< >{2}< >{4}< >{6}< >{7}< >{8}< >{9}< [entry] [rendered] +012d41696d0b21c267e2.js 52.1 KiB 3 [emitted] +01a5e0a48ef1d5101221.js 51.3 KiB 6 [emitted] +05bc20ecb7a41f59a7ad.js 51.9 KiB 8 [emitted] +138520955bcf6a832f95.js 32.4 KiB 2 [emitted] +13cc44aedbda1af97a57.js 36.1 KiB 0 [emitted] +208018412565bb15b6b3.js 43 KiB 5 [emitted] +233a8af62fb7023821c3.js 54.5 KiB 9 [emitted] +3644375f8a67ecb9cc87.js 43.7 KiB 1 [emitted] +369edb35bdbc7b657e7d.js 36.8 KiB 4 [emitted] +887f4d32e4d6ab8f32c5.js 41.7 KiB 11 [emitted] +917a9a9b910fd53d3c7a.js 12.6 KiB 14 [emitted] +b0c0c8ef586bac9956f9.js 46 KiB 12 [emitted] +e89c2af3413cab0db491.js 37.6 KiB 7 [emitted] +f24bb9d9f2dfa00384b2.js 43 KiB 13 [emitted] +fe837ee789f5f230b7e9.js 44.7 KiB 10 [emitted] +Entrypoint main = 138520955bcf6a832f95.js 3644375f8a67ecb9cc87.js 13cc44aedbda1af97a57.js +chunk {0} 13cc44aedbda1af97a57.js 28.3 KiB ={1}= ={2}= >{3}< >{4}< >{5}< >{6}< >{7}< >{8}< >{9}< >{10}< >{11}< >{12}< >{13}< >{14}< [entry] [rendered] > ./example main - [0] ./example.js 44 bytes {0} [built] + [0] ./example.js 42 bytes {0} [built] + 13 hidden modules -chunk {1} 2ce24bf0a195b5226f1c.js 24.9 KiB <{0}> <{3}> <{5}> ={10}= ={11}= ={12}= ={13}= ={14}= ={2}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] - > react-dom [0] ./example.js 2:0-22 - 3 modules -chunk {2} 0e1d917bc78b9875c633.js 45.7 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={13}= ={14}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [0] ./example.js 2:0-22 - 23 modules -chunk {3} fa360eb6e2345a3f1eb1.js 37.8 KiB ={0}= ={5}= >{1}< >{10}< >{11}< >{12}< >{13}< >{14}< >{2}< >{4}< >{6}< >{7}< >{8}< >{9}< [initial] [rendered] [recorded] aggressive splitted - > ./example main - 8 modules -chunk {4} e73fa83e75ca1cd02064.js 46.9 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={13}= ={14}= ={2}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [0] ./example.js 2:0-22 - 8 modules -chunk {5} e1fabf154d567040fc9e.js 45.7 KiB ={0}= ={3}= >{1}< >{10}< >{11}< >{12}< >{13}< >{14}< >{2}< >{4}< >{6}< >{7}< >{8}< >{9}< [initial] [rendered] [recorded] aggressive splitted +chunk {1} 3644375f8a67ecb9cc87.js 45.7 KiB ={0}= ={2}= >{3}< >{4}< >{5}< >{6}< >{7}< >{8}< >{9}< >{10}< >{11}< >{12}< >{13}< >{14}< [initial] [rendered] [recorded] aggressive splitted > ./example main 9 modules -chunk {6} c7a944568ed9e97283c6.js 46.3 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={13}= ={14}= ={2}= ={4}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [0] ./example.js 2:0-22 - 10 modules -chunk {7} 0970c34320caae80c02a.js 62.3 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={13}= ={14}= ={2}= ={4}= ={6}= ={8}= ={9}= [rendered] [recorded] aggressive splitted +chunk {2} 138520955bcf6a832f95.js 39.3 KiB ={0}= ={1}= >{3}< >{4}< >{5}< >{6}< >{7}< >{8}< >{9}< >{10}< >{11}< >{12}< >{13}< >{14}< [initial] [rendered] [recorded] aggressive splitted + > ./example main + 8 modules +chunk {3} 012d41696d0b21c267e2.js 45.7 KiB <{0}> <{1}> <{2}> ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 - 7 modules -chunk {8} 21648f333424392ec94c.js 43.3 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={13}= ={14}= ={2}= ={4}= ={6}= ={7}= ={9}= [rendered] [recorded] aggressive splitted + 23 modules +chunk {4} 369edb35bdbc7b657e7d.js 43.3 KiB <{0}> <{1}> <{2}> ={3}= ={5}= ={6}= ={7}= ={8}= ={9}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 3 modules -chunk {9} fe79c8024bca5a2710e2.js 44.4 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={13}= ={14}= ={2}= ={4}= ={6}= ={7}= ={8}= [rendered] [recorded] aggressive splitted +chunk {5} 208018412565bb15b6b3.js 44.4 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={6}= ={7}= ={8}= ={9}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 10 modules -chunk {10} 11717dc27d3f6a5dbab8.js 34 KiB <{0}> <{3}> <{5}> ={1}= ={11}= ={12}= ={13}= ={14}= ={2}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted +chunk {6} 01a5e0a48ef1d5101221.js 46.6 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={7}= ={8}= ={9}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) + > react-dom [0] ./example.js 2:0-22 + 24 modules +chunk {7} e89c2af3413cab0db491.js 34 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={8}= ={9}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 16 modules -chunk {11} 0c4ce63f0aa44b1872d5.js 48.4 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={12}= ={13}= ={14}= ={2}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted +chunk {8} 05bc20ecb7a41f59a7ad.js 48.2 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={7}= ={9}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 - 6 modules -chunk {12} 2db10d04d445e62740cf.js 46.2 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={13}= ={14}= ={2}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted + 20 modules +chunk {9} 233a8af62fb7023821c3.js 62.3 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) + > react-dom [0] ./example.js 2:0-22 + 7 modules +chunk {10} fe837ee789f5f230b7e9.js 46.2 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= ={11}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 9 modules -chunk {13} e5fe5d02d5fea683fb6b.js 48.2 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={14}= ={2}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted +chunk {11} 887f4d32e4d6ab8f32c5.js 48.4 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= ={10}= ={12}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 - 20 modules -chunk {14} d2aecc6eb6d7ce0cc8bb.js 46.6 KiB <{0}> <{3}> <{5}> ={1}= ={10}= ={11}= ={12}= ={13}= ={2}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted + 6 modules +chunk {12} b0c0c8ef586bac9956f9.js 46.3 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= ={10}= ={11}= ={13}= ={14}= [rendered] split chunk (cache group: vendors) > react-dom [0] ./example.js 2:0-22 - 24 modules + 10 modules +chunk {13} f24bb9d9f2dfa00384b2.js 46.9 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= ={10}= ={11}= ={12}= ={14}= [rendered] split chunk (cache group: vendors) + > react-dom [0] ./example.js 2:0-22 + 8 modules +chunk {14} 917a9a9b910fd53d3c7a.js 24.9 KiB <{0}> <{1}> <{2}> ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= ={10}= ={11}= ={12}= ={13}= [rendered] split chunk (cache group: vendors) + > react-dom [0] ./example.js 2:0-22 + 3 modules ``` ## Production mode ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.5.0 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -4941166276f1108dbd9a.js 14.8 KiB 7 [emitted] -fcc3ab7899c5f4f4a804.js 10.2 KiB 0 [emitted] -29f8597a02f052a18ff4.js 13.1 KiB 2 [emitted] -5c24f2f2799de4050656.js 7.86 KiB 3 [emitted] -99b999e1764afa73d5cf.js 8.13 KiB 4 [emitted] -ad7f5d164d185093947d.js 10.1 KiB 5 [emitted] -2e70eaafec9b135ac7a2.js 10.5 KiB 6 [emitted] -f735e07d950832fae165.js 9.96 KiB 1 [emitted] -f774c165bbfd93ad8d92.js 10.9 KiB 8 [emitted] -fed5b1e6468f9d0ac10b.js 9.91 KiB 9 [emitted] -0b2acbe2f173b651f308.js 12 KiB 10 [emitted] -c05b19fbca5fc0562039.js 4.21 KiB 11 [emitted] -ccc891a4461c9dfe6e6c.js 11.1 KiB 12 [emitted] -621a4a2f6b4d2e9c8ed7.js 6.46 KiB 13 [emitted] -3086a73381be557fce8b.js 5.96 KiB 14 [emitted] -Entrypoint main = 621a4a2f6b4d2e9c8ed7.js ccc891a4461c9dfe6e6c.js 3086a73381be557fce8b.js -chunk {0} fcc3ab7899c5f4f4a804.js 46.6 KiB <{12}> <{13}> <{14}> ={1}= ={10}= ={11}= ={2}= ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 +038f064775a082d4cdf8.js 10.5 KiB 13 [emitted] +1224f80dc3aeb763af36.js 10.1 KiB 6 [emitted] +172d1cac49cca2f61298.js 14.8 KiB 11 [emitted] +1b7bcaac00f6db186df5.js 8.13 KiB 3 [emitted] +2cbee071efe89f94ed71.js 4.21 KiB 14 [emitted] +310511095c27abc8ae98.js 11.1 KiB 7 [emitted] +3c6952c73c7fa66ecf72.js 10.2 KiB 0 [emitted] +3f82c8a721ddb58495d5.js 6.34 KiB 4 [emitted] +47a676cf74ee66c4622f.js 12 KiB 1 [emitted] +6e2a6dcf59d9fbe258c3.js 6.71 KiB 9 [emitted] +7c806f98402a2a00555a.js 9.96 KiB 2 [emitted] +877f926450c810e6671e.js 13.1 KiB 8 [emitted] +bcee3dafd08e8a477423.js 7.86 KiB 12 [emitted] +d13432b7d2fae9a5185f.js 10.9 KiB 5 [emitted] +ed89c03384649615e4e9.js 9.91 KiB 10 [emitted] +Entrypoint main = 6e2a6dcf59d9fbe258c3.js 310511095c27abc8ae98.js 3f82c8a721ddb58495d5.js +chunk {0} 3c6952c73c7fa66ecf72.js 46.6 KiB <{4}> <{7}> <{9}> ={1}= ={2}= ={3}= ={5}= ={6}= ={8}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 24 modules -chunk {1} f735e07d950832fae165.js 48.2 KiB <{12}> <{13}> <{14}> ={0}= ={10}= ={11}= ={2}= ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 +chunk {1} 47a676cf74ee66c4622f.js 45.7 KiB <{4}> <{7}> <{9}> ={0}= ={2}= ={3}= ={5}= ={6}= ={8}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 + 23 modules +chunk {2} 7c806f98402a2a00555a.js 48.2 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={3}= ={5}= ={6}= ={8}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 20 modules -chunk {2} 29f8597a02f052a18ff4.js 46.2 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 - 9 modules -chunk {3} 5c24f2f2799de4050656.js 48.4 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={2}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 - 6 modules -chunk {4} 99b999e1764afa73d5cf.js 34 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={2}= ={3}= ={5}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 +chunk {3} 1b7bcaac00f6db186df5.js 34 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={5}= ={6}= ={8}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 16 modules -chunk {5} ad7f5d164d185093947d.js 44.4 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={2}= ={3}= ={4}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 +chunk {4} 3f82c8a721ddb58495d5.js 28.3 KiB ={7}= ={9}= >{0}< >{1}< >{2}< >{3}< >{5}< >{6}< >{8}< >{10}< >{11}< >{12}< >{13}< >{14}< [entry] [rendered] + > ./example main + [14] ./example.js 42 bytes {4} [built] + + 13 hidden modules +chunk {5} d13432b7d2fae9a5185f.js 46.3 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={6}= ={8}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 10 modules -chunk {6} 2e70eaafec9b135ac7a2.js 43.3 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={2}= ={3}= ={4}= ={5}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 - 3 modules -chunk {7} 4941166276f1108dbd9a.js 62.3 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={2}= ={3}= ={4}= ={5}= ={6}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 - 7 modules -chunk {8} f774c165bbfd93ad8d92.js 46.3 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={2}= ={3}= ={4}= ={5}= ={6}= ={7}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 +chunk {6} 1224f80dc3aeb763af36.js 44.4 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={5}= ={8}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 10 modules -chunk {9} fed5b1e6468f9d0ac10b.js 46.9 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={11}= ={2}= ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 - 8 modules -chunk {10} 0b2acbe2f173b651f308.js 45.7 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={11}= ={2}= ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= [rendered] [recorded] aggressive splitted - > react-dom [30] ./example.js 2:0-22 - 23 modules -chunk {11} c05b19fbca5fc0562039.js 24.9 KiB <{12}> <{13}> <{14}> ={0}= ={1}= ={10}= ={2}= ={3}= ={4}= ={5}= ={6}= ={7}= ={8}= ={9}= [rendered] - > react-dom [30] ./example.js 2:0-22 - 3 modules -chunk {12} ccc891a4461c9dfe6e6c.js 45.7 KiB ={13}= ={14}= >{0}< >{1}< >{10}< >{11}< >{2}< >{3}< >{4}< >{5}< >{6}< >{7}< >{8}< >{9}< [initial] [rendered] [recorded] aggressive splitted +chunk {7} 310511095c27abc8ae98.js 45.7 KiB ={4}= ={9}= >{0}< >{1}< >{2}< >{3}< >{5}< >{6}< >{8}< >{10}< >{11}< >{12}< >{13}< >{14}< [initial] [rendered] [recorded] aggressive splitted > ./example main 9 modules -chunk {13} 621a4a2f6b4d2e9c8ed7.js 37.8 KiB ={12}= ={14}= >{0}< >{1}< >{10}< >{11}< >{2}< >{3}< >{4}< >{5}< >{6}< >{7}< >{8}< >{9}< [initial] [rendered] [recorded] aggressive splitted +chunk {8} 877f926450c810e6671e.js 46.2 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={5}= ={6}= ={10}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 + 9 modules +chunk {9} 6e2a6dcf59d9fbe258c3.js 39.3 KiB ={4}= ={7}= >{0}< >{1}< >{2}< >{3}< >{5}< >{6}< >{8}< >{10}< >{11}< >{12}< >{13}< >{14}< [initial] [rendered] [recorded] aggressive splitted > ./example main 8 modules -chunk {14} 3086a73381be557fce8b.js 28.3 KiB ={12}= ={13}= >{0}< >{1}< >{10}< >{11}< >{2}< >{3}< >{4}< >{5}< >{6}< >{7}< >{8}< >{9}< [entry] [rendered] - > ./example main - [30] ./example.js 44 bytes {14} [built] - + 13 hidden modules +chunk {10} ed89c03384649615e4e9.js 46.9 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={5}= ={6}= ={8}= ={11}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 + 8 modules +chunk {11} 172d1cac49cca2f61298.js 62.3 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={5}= ={6}= ={8}= ={10}= ={12}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 + 7 modules +chunk {12} bcee3dafd08e8a477423.js 48.4 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={5}= ={6}= ={8}= ={10}= ={11}= ={13}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 + 6 modules +chunk {13} 038f064775a082d4cdf8.js 43.3 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={5}= ={6}= ={8}= ={10}= ={11}= ={12}= ={14}= [rendered] [recorded] aggressive splitted + > react-dom [14] ./example.js 2:0-22 + 3 modules +chunk {14} 2cbee071efe89f94ed71.js 24.9 KiB <{4}> <{7}> <{9}> ={0}= ={1}= ={2}= ={3}= ={5}= ={6}= ={8}= ={10}= ={11}= ={12}= ={13}= [rendered] + > react-dom [14] ./example.js 2:0-22 + 3 modules ``` ## Records @@ -536,22 +536,27 @@ chunk {14} 3086a73381be557fce8b.js 28.3 KiB ={12}= ={13}= >{0}< >{1}< >{10}< > "chunks": { "byName": {}, "bySource": { - "11 example.js react-dom": 1, - "0 example.js react-dom": 2, - "1 example.js react-dom": 4, - "2 example.js react-dom": 6, - "3 example.js react-dom": 7, - "4 example.js react-dom": 8, - "5 example.js react-dom": 9, - "6 example.js react-dom": 10, + "0 example.js react-dom": 3, + "4 example.js react-dom": 4, + "5 example.js react-dom": 5, + "10 example.js react-dom": 6, + "6 example.js react-dom": 7, + "9 example.js react-dom": 8, + "3 example.js react-dom": 9, + "8 example.js react-dom": 10, "7 example.js react-dom": 11, - "8 example.js react-dom": 12, - "9 example.js react-dom": 13, - "10 example.js react-dom": 14 + "2 example.js react-dom": 12, + "1 example.js react-dom": 13, + "11 example.js react-dom": 14 }, "usedIds": [ 0, 1, + 10, + 11, + 12, + 13, + 14, 2, 3, 4, @@ -559,75 +564,10 @@ chunk {14} 3086a73381be557fce8b.js 28.3 KiB ={12}= ={13}= >{0}< >{1}< >{10}< > 6, 7, 8, - 9, - 10, - 11, - 12, - 13, - 14 + 9 ] }, "aggressiveSplits": [ - { - "modules": [ - "../../node_modules/fbjs/lib/EventListener.js", - "../../node_modules/fbjs/lib/ExecutionEnvironment.js", - "../../node_modules/fbjs/lib/camelize.js", - "../../node_modules/fbjs/lib/camelizeStyleName.js", - "../../node_modules/fbjs/lib/containsNode.js", - "../../node_modules/fbjs/lib/createArrayFromMixed.js", - "../../node_modules/fbjs/lib/createNodesFromMarkup.js", - "../../node_modules/fbjs/lib/focusNode.js", - "../../node_modules/fbjs/lib/getActiveElement.js", - "../../node_modules/fbjs/lib/getMarkupWrap.js", - "../../node_modules/fbjs/lib/getUnboundedScrollPosition.js", - "../../node_modules/fbjs/lib/hyphenate.js", - "../../node_modules/fbjs/lib/hyphenateStyleName.js", - "../../node_modules/fbjs/lib/isNode.js", - "../../node_modules/fbjs/lib/isTextNode.js", - "../../node_modules/fbjs/lib/memoizeStringOnly.js", - "../../node_modules/fbjs/lib/shallowEqual.js", - "../../node_modules/process/browser.js", - "../../node_modules/react-dom/index.js", - "../../node_modules/react-dom/lib/ARIADOMPropertyConfig.js", - "../../node_modules/react-dom/lib/AutoFocusUtils.js", - "../../node_modules/react-dom/lib/BeforeInputEventPlugin.js", - "../../node_modules/react-dom/lib/CSSProperty.js" - ], - "size": 46843, - "hash": "0e1d917bc78b9875c63333b0e556b853", - "id": 2 - }, - { - "modules": [ - "../../node_modules/create-react-class/factory.js", - "../../node_modules/fbjs/lib/emptyFunction.js", - "../../node_modules/fbjs/lib/emptyObject.js", - "../../node_modules/fbjs/lib/invariant.js", - "../../node_modules/fbjs/lib/warning.js", - "../../node_modules/object-assign/index.js", - "../../node_modules/prop-types/checkPropTypes.js", - "../../node_modules/prop-types/factory.js" - ], - "size": 38697, - "hash": "fa360eb6e2345a3f1eb10a9dd972c6ab", - "id": 3 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/CSSPropertyOperations.js", - "../../node_modules/react-dom/lib/CallbackQueue.js", - "../../node_modules/react-dom/lib/ChangeEventPlugin.js", - "../../node_modules/react-dom/lib/DOMChildrenOperations.js", - "../../node_modules/react-dom/lib/DOMLazyTree.js", - "../../node_modules/react-dom/lib/DOMNamespaces.js", - "../../node_modules/react-dom/lib/DOMProperty.js", - "../../node_modules/react-dom/lib/DOMPropertyOperations.js" - ], - "size": 47979, - "hash": "e73fa83e75ca1cd020645a8ce43df014", - "id": 4 - }, { "modules": [ "../../node_modules/prop-types/factoryWithTypeCheckers.js", @@ -641,176 +581,23 @@ chunk {14} 3086a73381be557fce8b.js 28.3 KiB ={12}= ={13}= >{0}< >{1}< >{10}< > "../../node_modules/react/lib/ReactDOMFactories.js" ], "size": 46762, - "hash": "e1fabf154d567040fc9ee7969ad63ddd", - "id": 5 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/Danger.js", - "../../node_modules/react-dom/lib/DefaultEventPluginOrder.js", - "../../node_modules/react-dom/lib/EnterLeaveEventPlugin.js", - "../../node_modules/react-dom/lib/EventPluginHub.js", - "../../node_modules/react-dom/lib/EventPluginRegistry.js", - "../../node_modules/react-dom/lib/EventPluginUtils.js", - "../../node_modules/react-dom/lib/EventPropagators.js", - "../../node_modules/react-dom/lib/FallbackCompositionState.js", - "../../node_modules/react-dom/lib/HTMLDOMPropertyConfig.js", - "../../node_modules/react-dom/lib/KeyEscapeUtils.js" - ], - "size": 47455, - "hash": "c7a944568ed9e97283c6ae9fb8c59803", - "id": 6 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/LinkedValueUtils.js", - "../../node_modules/react-dom/lib/PooledClass.js", - "../../node_modules/react-dom/lib/ReactBrowserEventEmitter.js", - "../../node_modules/react-dom/lib/ReactChildReconciler.js", - "../../node_modules/react-dom/lib/ReactComponentBrowserEnvironment.js", - "../../node_modules/react-dom/lib/ReactComponentEnvironment.js", - "../../node_modules/react-dom/lib/ReactCompositeComponent.js" - ], - "size": 63814, - "hash": "0970c34320caae80c02a9ee83c0bfa96", - "id": 7 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/ReactDOM.js", - "../../node_modules/react-dom/lib/ReactDOMComponent.js", - "../../node_modules/react-dom/lib/ReactDOMComponentFlags.js" - ], - "size": 44366, - "hash": "21648f333424392ec94c88e713f40f89", - "id": 8 + "hash": "3644375f8a67ecb9cc8702027857ffc5", + "id": 1 }, { "modules": [ - "../../node_modules/react-dom/lib/ReactDOMComponentTree.js", - "../../node_modules/react-dom/lib/ReactDOMContainerInfo.js", - "../../node_modules/react-dom/lib/ReactDOMEmptyComponent.js", - "../../node_modules/react-dom/lib/ReactDOMFeatureFlags.js", - "../../node_modules/react-dom/lib/ReactDOMIDOperations.js", - "../../node_modules/react-dom/lib/ReactDOMInput.js", - "../../node_modules/react-dom/lib/ReactDOMOption.js", - "../../node_modules/react-dom/lib/ReactDOMSelect.js", - "../../node_modules/react-dom/lib/ReactDOMSelection.js", - "../../node_modules/react-dom/lib/ReactDOMTextComponent.js" - ], - "size": 45476, - "hash": "fe79c8024bca5a2710e28bfc9f97ce11", - "id": 9 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/ReactDOMTextarea.js", - "../../node_modules/react-dom/lib/ReactDOMTreeTraversal.js", - "../../node_modules/react-dom/lib/ReactDefaultBatchingStrategy.js", - "../../node_modules/react-dom/lib/ReactDefaultInjection.js", - "../../node_modules/react-dom/lib/ReactElementSymbol.js", - "../../node_modules/react-dom/lib/ReactEmptyComponent.js", - "../../node_modules/react-dom/lib/ReactErrorUtils.js", - "../../node_modules/react-dom/lib/ReactEventEmitterMixin.js", - "../../node_modules/react-dom/lib/ReactEventListener.js", - "../../node_modules/react-dom/lib/ReactFeatureFlags.js", - "../../node_modules/react-dom/lib/ReactHostComponent.js", - "../../node_modules/react-dom/lib/ReactInjection.js", - "../../node_modules/react-dom/lib/ReactInputSelection.js", - "../../node_modules/react-dom/lib/ReactInstanceMap.js", - "../../node_modules/react-dom/lib/ReactInstrumentation.js", - "../../node_modules/react-dom/lib/ReactMarkupChecksum.js" - ], - "size": 34770, - "hash": "11717dc27d3f6a5dbab89e8ba4330998", - "id": 10 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/ReactMount.js", - "../../node_modules/react-dom/lib/ReactMultiChild.js", - "../../node_modules/react-dom/lib/ReactNodeTypes.js", - "../../node_modules/react-dom/lib/ReactOwner.js", - "../../node_modules/react-dom/lib/ReactPropTypesSecret.js", - "../../node_modules/react-dom/lib/ReactReconcileTransaction.js" - ], - "size": 49575, - "hash": "0c4ce63f0aa44b1872d5195e69fd3cb5", - "id": 11 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/ReactReconciler.js", - "../../node_modules/react-dom/lib/ReactRef.js", - "../../node_modules/react-dom/lib/ReactServerRenderingTransaction.js", - "../../node_modules/react-dom/lib/ReactServerUpdateQueue.js", - "../../node_modules/react-dom/lib/ReactUpdateQueue.js", - "../../node_modules/react-dom/lib/ReactUpdates.js", - "../../node_modules/react-dom/lib/ReactVersion.js", - "../../node_modules/react-dom/lib/SVGDOMPropertyConfig.js", - "../../node_modules/react-dom/lib/SelectEventPlugin.js" - ], - "size": 47320, - "hash": "2db10d04d445e62740cf5103dd9e5633", - "id": 12 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/SimpleEventPlugin.js", - "../../node_modules/react-dom/lib/SyntheticAnimationEvent.js", - "../../node_modules/react-dom/lib/SyntheticClipboardEvent.js", - "../../node_modules/react-dom/lib/SyntheticCompositionEvent.js", - "../../node_modules/react-dom/lib/SyntheticDragEvent.js", - "../../node_modules/react-dom/lib/SyntheticEvent.js", - "../../node_modules/react-dom/lib/SyntheticFocusEvent.js", - "../../node_modules/react-dom/lib/SyntheticInputEvent.js", - "../../node_modules/react-dom/lib/SyntheticKeyboardEvent.js", - "../../node_modules/react-dom/lib/SyntheticMouseEvent.js", - "../../node_modules/react-dom/lib/SyntheticTouchEvent.js", - "../../node_modules/react-dom/lib/SyntheticTransitionEvent.js", - "../../node_modules/react-dom/lib/SyntheticUIEvent.js", - "../../node_modules/react-dom/lib/SyntheticWheelEvent.js", - "../../node_modules/react-dom/lib/Transaction.js", - "../../node_modules/react-dom/lib/ViewportMetrics.js", - "../../node_modules/react-dom/lib/accumulateInto.js", - "../../node_modules/react-dom/lib/adler32.js", - "../../node_modules/react-dom/lib/createMicrosoftUnsafeLocalFunction.js", - "../../node_modules/react-dom/lib/dangerousStyleValue.js" - ], - "size": 49350, - "hash": "e5fe5d02d5fea683fb6b8ff14525787b", - "id": 13 - }, - { - "modules": [ - "../../node_modules/react-dom/lib/escapeTextContentForBrowser.js", - "../../node_modules/react-dom/lib/findDOMNode.js", - "../../node_modules/react-dom/lib/flattenChildren.js", - "../../node_modules/react-dom/lib/forEachAccumulated.js", - "../../node_modules/react-dom/lib/getEventCharCode.js", - "../../node_modules/react-dom/lib/getEventKey.js", - "../../node_modules/react-dom/lib/getEventModifierState.js", - "../../node_modules/react-dom/lib/getEventTarget.js", - "../../node_modules/react-dom/lib/getHostComponentFromComposite.js", - "../../node_modules/react-dom/lib/getIteratorFn.js", - "../../node_modules/react-dom/lib/getNodeForCharacterOffset.js", - "../../node_modules/react-dom/lib/getTextContentAccessor.js", - "../../node_modules/react-dom/lib/getVendorPrefixedEventName.js", - "../../node_modules/react-dom/lib/inputValueTracking.js", - "../../node_modules/react-dom/lib/instantiateReactComponent.js", - "../../node_modules/react-dom/lib/isEventSupported.js", - "../../node_modules/react-dom/lib/isTextInputElement.js", - "../../node_modules/react-dom/lib/quoteAttributeValueForBrowser.js", - "../../node_modules/react-dom/lib/reactProdInvariant.js", - "../../node_modules/react-dom/lib/renderSubtreeIntoContainer.js", - "../../node_modules/react-dom/lib/setInnerHTML.js", - "../../node_modules/react-dom/lib/setTextContent.js", - "../../node_modules/react-dom/lib/shouldUpdateReactComponent.js", - "../../node_modules/react-dom/lib/traverseAllChildren.js" + "../../node_modules/create-react-class/factory.js", + "../../node_modules/fbjs/lib/emptyFunction.js", + "../../node_modules/fbjs/lib/emptyObject.js", + "../../node_modules/fbjs/lib/invariant.js", + "../../node_modules/fbjs/lib/warning.js", + "../../node_modules/object-assign/index.js", + "../../node_modules/prop-types/checkPropTypes.js", + "../../node_modules/prop-types/factory.js" ], - "size": 47718, - "hash": "d2aecc6eb6d7ce0cc8bbf8615d134326", - "id": 14 + "size": 40275, + "hash": "138520955bcf6a832f9517576e10ff18", + "id": 2 } ] } diff --git a/examples/hybrid-routing/README.md b/examples/hybrid-routing/README.md index 38aa9b3b436..37815ac13a7 100644 --- a/examples/hybrid-routing/README.md +++ b/examples/hybrid-routing/README.md @@ -292,7 +292,6 @@ module.exports = webpackAsyncContext; /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -324,7 +323,7 @@ module.exports = webpackAsyncContext; /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -461,26 +460,26 @@ module.exports = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names aPage.chunk.js 297 bytes 0 [emitted] aPage bPage.chunk.js 291 bytes 1 [emitted] bPage + pageA.bundle.js 9.42 KiB 3 [emitted] pageA pageA~pageB.chunk.js 2.02 KiB 2 [emitted] pageA~pageB - pageA.bundle.js 9.48 KiB 3 [emitted] pageA - pageB.bundle.js 9.48 KiB 4 [emitted] pageB + pageB.bundle.js 9.42 KiB 4 [emitted] pageB Entrypoint pageA = pageA~pageB.chunk.js aPage.chunk.js pageA.bundle.js Entrypoint pageB = pageA~pageB.chunk.js bPage.chunk.js pageB.bundle.js chunk {0} aPage.chunk.js (aPage) 59 bytes <{1}> <{2}> <{4}> ={2}= ={3}= >{1}< [initial] [rendered] reused as split chunk (cache group: default) - > pageA > ./aPage [6] . lazy ^\.\/.*Page$ namespace object ./aPage > ./aPage [6] . lazy ^\.\/.*Page$ namespace object ./aPage + > pageA [1] ./aPage.js 59 bytes {0} [built] cjs require ./aPage [5] ./aEntry.js 3:7-25 context element ./aPage [6] . lazy ^\.\/.*Page$ namespace object ./aPage chunk {1} bPage.chunk.js (bPage) 59 bytes <{0}> <{2}> <{3}> ={2}= ={4}= >{0}< [initial] [rendered] reused as split chunk (cache group: default) - > pageB > ./bPage [6] . lazy ^\.\/.*Page$ namespace object ./bPage > ./bPage [6] . lazy ^\.\/.*Page$ namespace object ./bPage + > pageB [3] ./bPage.js 59 bytes {1} [built] context element ./bPage [6] . lazy ^\.\/.*Page$ namespace object ./bPage cjs require ./bPage [8] ./bEntry.js 3:7-25 @@ -514,26 +513,26 @@ chunk {4} pageB.bundle.js (pageB) 127 bytes ={1}= ={2}= >{0}< [entry] [render ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names aPage.chunk.js 122 bytes 0 [emitted] aPage bPage.chunk.js 123 bytes 1 [emitted] bPage + pageA.bundle.js 2.22 KiB 3 [emitted] pageA pageA~pageB.chunk.js 545 bytes 2 [emitted] pageA~pageB - pageA.bundle.js 2.25 KiB 3 [emitted] pageA - pageB.bundle.js 2.25 KiB 4 [emitted] pageB + pageB.bundle.js 2.22 KiB 4 [emitted] pageB Entrypoint pageA = pageA~pageB.chunk.js aPage.chunk.js pageA.bundle.js Entrypoint pageB = pageA~pageB.chunk.js bPage.chunk.js pageB.bundle.js chunk {0} aPage.chunk.js (aPage) 59 bytes <{1}> <{2}> <{4}> ={2}= ={3}= >{1}< [initial] [rendered] reused as split chunk (cache group: default) - > pageA > ./aPage [6] . lazy ^\.\/.*Page$ namespace object ./aPage > ./aPage [6] . lazy ^\.\/.*Page$ namespace object ./aPage + > pageA [1] ./aPage.js 59 bytes {0} [built] cjs require ./aPage [5] ./aEntry.js 3:7-25 context element ./aPage [6] . lazy ^\.\/.*Page$ namespace object ./aPage chunk {1} bPage.chunk.js (bPage) 59 bytes <{0}> <{2}> <{3}> ={2}= ={4}= >{0}< [initial] [rendered] reused as split chunk (cache group: default) - > pageB > ./bPage [6] . lazy ^\.\/.*Page$ namespace object ./bPage > ./bPage [6] . lazy ^\.\/.*Page$ namespace object ./bPage + > pageB [3] ./bPage.js 59 bytes {1} [built] context element ./bPage [6] . lazy ^\.\/.*Page$ namespace object ./bPage cjs require ./bPage [8] ./bEntry.js 3:7-25 diff --git a/examples/i18n/README.md b/examples/i18n/README.md index 412786b3529..77ad9fa02f2 100644 --- a/examples/i18n/README.md +++ b/examples/i18n/README.md @@ -264,7 +264,7 @@ console.log("Missing Text"); ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Child en: Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names @@ -292,7 +292,7 @@ Child de: ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Child en: Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names diff --git a/examples/loader/README.md b/examples/loader/README.md index df9a62fe18e..f192f43b9a5 100644 --- a/examples/loader/README.md +++ b/examples/loader/README.md @@ -278,7 +278,7 @@ Prints in node.js (`enhanced-require example.js`) and in browser: ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 7.15 KiB 0 [emitted] main Entrypoint main = output.js @@ -298,9 +298,9 @@ chunk {0} output.js (main) 2.64 KiB [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -output.js 1.89 KiB 0 [emitted] main +output.js 1.88 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 2.64 KiB [entry] [rendered] > .\example.js main diff --git a/examples/many-pages/README.md b/examples/many-pages/README.md index 2c60fe4b727..4c9b81c2640 100644 --- a/examples/many-pages/README.md +++ b/examples/many-pages/README.md @@ -52,22 +52,22 @@ module.exports = { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - pageD.js 1.55 KiB 7 [emitted] pageD -vendors~pageD~pageE~pageF~pageG.js 119 bytes 0 [emitted] vendors~pageD~pageE~pageF~pageG - vendors~pageD~pageE~pageF.js 180 bytes 2 [emitted] vendors~pageD~pageE~pageF - pageA~pageD~pageF.js 156 bytes 3 [emitted] pageA~pageD~pageF pageA.js 1.55 KiB 4 [emitted] pageA + pageA~pageD~pageF.js 156 bytes 1 [emitted] pageA~pageD~pageF pageB.js 1.65 KiB 5 [emitted] pageB pageC.js 1.65 KiB 6 [emitted] pageC - vendors~pageA~pageB~pageC.js 178 bytes 1 [emitted] vendors~pageA~pageB~pageC + pageD.js 1.55 KiB 7 [emitted] pageD pageE.js 1.54 KiB 8 [emitted] pageE pageF.js 1.55 KiB 9 [emitted] pageF pageG.js 1.53 KiB 10 [emitted] pageG vendors~pageA.js 122 bytes 11 [emitted] vendors~pageA + vendors~pageA~pageB~pageC.js 178 bytes 2 [emitted] vendors~pageA~pageB~pageC vendors~pageB.js 122 bytes 12 [emitted] vendors~pageB vendors~pageC.js 122 bytes 13 [emitted] vendors~pageC + vendors~pageD~pageE~pageF.js 180 bytes 3 [emitted] vendors~pageD~pageE~pageF +vendors~pageD~pageE~pageF~pageG.js 119 bytes 0 [emitted] vendors~pageD~pageE~pageF~pageG Entrypoint pageA = vendors~pageA~pageB~pageC.js vendors~pageA.js pageA~pageD~pageF.js pageA.js Entrypoint pageB = vendors~pageA~pageB~pageC.js vendors~pageB.js pageB.js Entrypoint pageC = vendors~pageA~pageB~pageC.js vendors~pageC.js pageC.js @@ -75,53 +75,53 @@ Entrypoint pageD = vendors~pageD~pageE~pageF~pageG.js vendors~pageD~pageE~pageF. Entrypoint pageE = vendors~pageD~pageE~pageF~pageG.js vendors~pageD~pageE~pageF.js pageE.js Entrypoint pageF = vendors~pageD~pageE~pageF~pageG.js vendors~pageD~pageE~pageF.js pageA~pageD~pageF.js pageF.js Entrypoint pageG = vendors~pageD~pageE~pageF~pageG.js pageG.js -chunk {0} vendors~pageD~pageE~pageF~pageG.js (vendors~pageD~pageE~pageF~pageG) 43 bytes ={2}= ={3}= ={7}= ={8}= ={9}= ={10}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageD~pageE~pageF~pageG) +chunk {0} vendors~pageD~pageE~pageF~pageG.js (vendors~pageD~pageE~pageF~pageG) 43 bytes ={1}= ={3}= ={7}= ={8}= ={9}= ={10}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageD~pageE~pageF~pageG) > ./pages/d pageD > ./pages/e pageE > ./pages/f pageF > ./pages/g pageG 1 module -chunk {1} vendors~pageA~pageB~pageC.js (vendors~pageA~pageB~pageC) 86 bytes ={3}= ={4}= ={5}= ={6}= ={11}= ={12}= ={13}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageA~pageB~pageC) +chunk {1} pageA~pageD~pageF.js (pageA~pageD~pageF) 62 bytes ={0}= ={2}= ={3}= ={4}= ={7}= ={9}= ={11}= [initial] [rendered] split chunk (cache group: default) (name: pageA~pageD~pageF) + > ./pages/a pageA + > ./pages/d pageD + > ./pages/f pageF + [4] ./stuff/s2.js 31 bytes {1} [built] + [5] ./stuff/s3.js 31 bytes {1} [built] +chunk {2} vendors~pageA~pageB~pageC.js (vendors~pageA~pageB~pageC) 86 bytes ={1}= ={4}= ={5}= ={6}= ={11}= ={12}= ={13}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageA~pageB~pageC) > ./pages/a pageA > ./pages/b pageB > ./pages/c pageC 2 modules -chunk {2} vendors~pageD~pageE~pageF.js (vendors~pageD~pageE~pageF) 86 bytes ={0}= ={3}= ={7}= ={8}= ={9}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageD~pageE~pageF) +chunk {3} vendors~pageD~pageE~pageF.js (vendors~pageD~pageE~pageF) 86 bytes ={0}= ={1}= ={7}= ={8}= ={9}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageD~pageE~pageF) > ./pages/d pageD > ./pages/e pageE > ./pages/f pageF 2 modules -chunk {3} pageA~pageD~pageF.js (pageA~pageD~pageF) 62 bytes ={0}= ={1}= ={2}= ={4}= ={7}= ={9}= ={11}= [initial] [rendered] split chunk (cache group: default) (name: pageA~pageD~pageF) - > ./pages/a pageA - > ./pages/d pageD - > ./pages/f pageF - [4] ./stuff/s2.js 31 bytes {3} [built] - [5] ./stuff/s3.js 31 bytes {3} [built] -chunk {4} pageA.js (pageA) 137 bytes ={1}= ={3}= ={11}= [entry] [rendered] +chunk {4} pageA.js (pageA) 137 bytes ={1}= ={2}= ={11}= [entry] [rendered] > ./pages/a pageA [6] ./stuff/s4.js 31 bytes {4} {6} [built] [10] ./pages/a.js 106 bytes {4} [built] -chunk {5} pageB.js (pageB) 199 bytes ={1}= ={12}= [entry] [rendered] +chunk {5} pageB.js (pageB) 199 bytes ={2}= ={12}= [entry] [rendered] > ./pages/b pageB [0] ./stuff/s1.js 31 bytes {5} {7} {9} {10} [built] [7] ./stuff/s7.js 31 bytes {5} {8} [built] [12] ./pages/b.js 106 bytes {5} [built] [14] ./stuff/s8.js 31 bytes {5} [built] -chunk {6} pageC.js (pageC) 199 bytes ={1}= ={13}= [entry] [rendered] +chunk {6} pageC.js (pageC) 199 bytes ={2}= ={13}= [entry] [rendered] > ./pages/c pageC [6] ./stuff/s4.js 31 bytes {4} {6} [built] [15] ./pages/c.js 106 bytes {6} [built] [17] ./stuff/s5.js 31 bytes {6} [built] [18] ./stuff/s6.js 31 bytes {6} [built] -chunk {7} pageD.js (pageD) 137 bytes ={0}= ={2}= ={3}= [entry] [rendered] +chunk {7} pageD.js (pageD) 137 bytes ={0}= ={1}= ={3}= [entry] [rendered] > ./pages/d pageD [0] ./stuff/s1.js 31 bytes {5} {7} {9} {10} [built] [19] ./pages/d.js 106 bytes {7} [built] -chunk {8} pageE.js (pageE) 93 bytes ={0}= ={2}= [entry] [rendered] +chunk {8} pageE.js (pageE) 93 bytes ={0}= ={3}= [entry] [rendered] > ./pages/e pageE [7] ./stuff/s7.js 31 bytes {5} {8} [built] [20] ./pages/e.js 62 bytes {8} [built] -chunk {9} pageF.js (pageF) 137 bytes ={0}= ={2}= ={3}= [entry] [rendered] +chunk {9} pageF.js (pageF) 137 bytes ={0}= ={1}= ={3}= [entry] [rendered] > ./pages/f pageF [0] ./stuff/s1.js 31 bytes {5} {7} {9} {10} [built] [21] ./pages/f.js 106 bytes {9} [built] @@ -129,13 +129,13 @@ chunk {10} pageG.js (pageG) 67 bytes ={0}= [entry] [rendered] > ./pages/g pageG [0] ./stuff/s1.js 31 bytes {5} {7} {9} {10} [built] [22] ./pages/g.js 36 bytes {10} [built] -chunk {11} vendors~pageA.js (vendors~pageA) 43 bytes ={1}= ={3}= ={4}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageA) +chunk {11} vendors~pageA.js (vendors~pageA) 43 bytes ={1}= ={2}= ={4}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageA) > ./pages/a pageA 1 module -chunk {12} vendors~pageB.js (vendors~pageB) 43 bytes ={1}= ={5}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageB) +chunk {12} vendors~pageB.js (vendors~pageB) 43 bytes ={2}= ={5}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageB) > ./pages/b pageB 1 module -chunk {13} vendors~pageC.js (vendors~pageC) 43 bytes ={1}= ={6}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageC) +chunk {13} vendors~pageC.js (vendors~pageC) 43 bytes ={2}= ={6}= [initial] [rendered] split chunk (cache group: vendors) (name: vendors~pageC) > ./pages/c pageC 1 module ``` \ No newline at end of file diff --git a/examples/mixed/README.md b/examples/mixed/README.md index ae0b6acb49c..4c4d8024e30 100644 --- a/examples/mixed/README.md +++ b/examples/mixed/README.md @@ -153,7 +153,6 @@ require( /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -185,7 +184,7 @@ require( /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -433,10 +432,10 @@ module.exports = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 11 KiB 0 [emitted] main 1.output.js 1.84 KiB 1 [emitted] + output.js 11 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 1010 bytes >{1}< [entry] [rendered] > .\example.js main @@ -479,10 +478,10 @@ chunk {1} 1.output.js 433 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.44 KiB 0 [emitted] main 1.output.js 605 bytes 1 [emitted] + output.js 2.41 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 1010 bytes >{1}< [entry] [rendered] > .\example.js main diff --git a/examples/multi-compiler/README.md b/examples/multi-compiler/README.md index 6d62405808e..cd56b5bb453 100644 --- a/examples/multi-compiler/README.md +++ b/examples/multi-compiler/README.md @@ -279,7 +279,7 @@ console.log("Running " + "mobile" + " build"); ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Child mobile: Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names @@ -306,7 +306,7 @@ Child desktop: ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Child mobile: Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names diff --git a/examples/multi-part-library/README.md b/examples/multi-part-library/README.md index 6e180b96af0..0a9356ea10b 100644 --- a/examples/multi-part-library/README.md +++ b/examples/multi-part-library/README.md @@ -275,7 +275,7 @@ module.exports = "beta"; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names MyLibrary.alpha.js 4.12 KiB 0 [emitted] alpha MyLibrary.beta.js 4.12 KiB 1 [emitted] beta @@ -295,7 +295,7 @@ chunk {1} MyLibrary.beta.js (beta) 24 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names MyLibrary.alpha.js 1.19 KiB 0 [emitted] alpha MyLibrary.beta.js 1.19 KiB 1 [emitted] beta diff --git a/examples/multiple-entry-points/README.md b/examples/multiple-entry-points/README.md index dc0666d4094..7c6f99b6a65 100644 --- a/examples/multiple-entry-points/README.md +++ b/examples/multiple-entry-points/README.md @@ -87,7 +87,7 @@ module.exports = { # dist/commons.js ``` javascript -(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[ +(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],[ /* 0 */ /*!*******************!*\ !*** ./common.js ***! @@ -220,7 +220,6 @@ module.exports = "Common"; /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -252,7 +251,7 @@ module.exports = "Common"; /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -322,7 +321,7 @@ module.exports = "Common"; /******/ /******/ /******/ // add entry module to deferred list -/******/ deferredModules.push([2,1]); +/******/ deferredModules.push([2,0]); /******/ // run deferred modules when ready /******/ return checkDeferredModules(); /******/ }) @@ -342,7 +341,7 @@ module.exports = "Common"; /***/ (function(module, exports, __webpack_require__) { var common = __webpack_require__(/*! ./common */ 0); -__webpack_require__.e(/*! AMD require */ 0).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(/*! ./shared */ 1)]; (function(shared) { +__webpack_require__.e(/*! AMD require */ 1).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(/*! ./shared */ 1)]; (function(shared) { shared("This is page A"); }).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);}).catch(__webpack_require__.oe); @@ -468,7 +467,6 @@ __webpack_require__.e(/*! AMD require */ 0).then(function() { var __WEBPACK_AMD_ /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -500,7 +498,7 @@ __webpack_require__.e(/*! AMD require */ 0).then(function() { var __WEBPACK_AMD_ /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -570,7 +568,7 @@ __webpack_require__.e(/*! AMD require */ 0).then(function() { var __WEBPACK_AMD_ /******/ /******/ /******/ // add entry module to deferred list -/******/ deferredModules.push([3,1]); +/******/ deferredModules.push([3,0]); /******/ // run deferred modules when ready /******/ return checkDeferredModules(); /******/ }) @@ -585,7 +583,7 @@ __webpack_require__.e(/*! AMD require */ 0).then(function() { var __WEBPACK_AMD_ /***/ (function(module, exports, __webpack_require__) { var common = __webpack_require__(/*! ./common */ 0); -__webpack_require__.e(/*! require.ensure */ 0).then((function(require) { +__webpack_require__.e(/*! require.ensure */ 1).then((function(require) { var shared = __webpack_require__(/*! ./shared */ 1); shared("This is page B"); }).bind(null, __webpack_require__)).catch(__webpack_require__.oe); @@ -595,10 +593,10 @@ __webpack_require__.e(/*! require.ensure */ 0).then((function(require) { /******/ }); ``` -# dist/0.js +# dist/1.js ``` javascript -(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],[ +(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[ /* 0 */, /* 1 */ /*!*******************!*\ @@ -622,33 +620,33 @@ module.exports = function(msg) { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - 0.js 369 bytes 0 [emitted] -commons.js 258 bytes 1 [emitted] commons - pageA.js 9.34 KiB 2 [emitted] pageA - pageB.js 9.29 KiB 3 [emitted] pageB + 1.js 369 bytes 1 [emitted] +commons.js 258 bytes 0 [emitted] commons + pageA.js 9.28 KiB 2 [emitted] pageA + pageB.js 9.24 KiB 3 [emitted] pageB Entrypoint pageA = commons.js pageA.js Entrypoint pageB = commons.js pageB.js -chunk {0} 0.js 88 bytes <{1}> <{2}> <{3}> [rendered] - > ./shared [2] ./pageA.js 2:0-4:2 - > [3] ./pageB.js 2:0-5:2 - [1] ./shared.js 88 bytes {0} [built] - amd require ./shared [2] ./pageA.js 2:0-4:2 - require.ensure item ./shared [3] ./pageB.js 2:0-5:2 - cjs require ./shared [3] ./pageB.js 3:14-33 -chunk {1} commons.js (commons) 26 bytes ={2}= ={3}= >{0}< [initial] [rendered] split chunk (cache group: commons) (name: commons) +chunk {0} commons.js (commons) 26 bytes ={2}= ={3}= >{1}< [initial] [rendered] split chunk (cache group: commons) (name: commons) > ./pageA pageA > ./pageB pageB - [0] ./common.js 26 bytes {1} [built] + [0] ./common.js 26 bytes {0} [built] cjs require ./common [1] ./shared.js 1:13-32 cjs require ./common [2] ./pageA.js 1:13-32 cjs require ./common [3] ./pageB.js 1:13-32 -chunk {2} pageA.js (pageA) 105 bytes ={1}= >{0}< [entry] [rendered] +chunk {1} 1.js 88 bytes <{0}> <{2}> <{3}> [rendered] + > ./shared [2] ./pageA.js 2:0-4:2 + > [3] ./pageB.js 2:0-5:2 + [1] ./shared.js 88 bytes {1} [built] + amd require ./shared [2] ./pageA.js 2:0-4:2 + require.ensure item ./shared [3] ./pageB.js 2:0-5:2 + cjs require ./shared [3] ./pageB.js 3:14-33 +chunk {2} pageA.js (pageA) 105 bytes ={0}= >{1}< [entry] [rendered] > ./pageA pageA [2] ./pageA.js 105 bytes {2} [built] single entry ./pageA pageA -chunk {3} pageB.js (pageB) 148 bytes ={1}= >{0}< [entry] [rendered] +chunk {3} pageB.js (pageB) 148 bytes ={0}= >{1}< [entry] [rendered] > ./pageB pageB [3] ./pageB.js 148 bytes {3} [built] single entry ./pageB pageB @@ -658,33 +656,33 @@ chunk {3} pageB.js (pageB) 148 bytes ={1}= >{0}< [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - 0.js 121 bytes 0 [emitted] -commons.js 94 bytes 1 [emitted] commons - pageA.js 2.29 KiB 2 [emitted] pageA - pageB.js 2.26 KiB 3 [emitted] pageB + 1.js 121 bytes 1 [emitted] +commons.js 94 bytes 0 [emitted] commons + pageA.js 2.26 KiB 2 [emitted] pageA + pageB.js 2.23 KiB 3 [emitted] pageB Entrypoint pageA = commons.js pageA.js Entrypoint pageB = commons.js pageB.js -chunk {0} 0.js 88 bytes <{1}> <{2}> <{3}> [rendered] - > ./shared [2] ./pageA.js 2:0-4:2 - > [3] ./pageB.js 2:0-5:2 - [1] ./shared.js 88 bytes {0} [built] - amd require ./shared [2] ./pageA.js 2:0-4:2 - require.ensure item ./shared [3] ./pageB.js 2:0-5:2 - cjs require ./shared [3] ./pageB.js 3:14-33 -chunk {1} commons.js (commons) 26 bytes ={2}= ={3}= >{0}< [initial] [rendered] split chunk (cache group: commons) (name: commons) +chunk {0} commons.js (commons) 26 bytes ={2}= ={3}= >{1}< [initial] [rendered] split chunk (cache group: commons) (name: commons) > ./pageA pageA > ./pageB pageB - [0] ./common.js 26 bytes {1} [built] + [0] ./common.js 26 bytes {0} [built] cjs require ./common [1] ./shared.js 1:13-32 cjs require ./common [2] ./pageA.js 1:13-32 cjs require ./common [3] ./pageB.js 1:13-32 -chunk {2} pageA.js (pageA) 105 bytes ={1}= >{0}< [entry] [rendered] +chunk {1} 1.js 88 bytes <{0}> <{2}> <{3}> [rendered] + > ./shared [2] ./pageA.js 2:0-4:2 + > [3] ./pageB.js 2:0-5:2 + [1] ./shared.js 88 bytes {1} [built] + amd require ./shared [2] ./pageA.js 2:0-4:2 + require.ensure item ./shared [3] ./pageB.js 2:0-5:2 + cjs require ./shared [3] ./pageB.js 3:14-33 +chunk {2} pageA.js (pageA) 105 bytes ={0}= >{1}< [entry] [rendered] > ./pageA pageA [2] ./pageA.js 105 bytes {2} [built] single entry ./pageA pageA -chunk {3} pageB.js (pageB) 148 bytes ={1}= >{0}< [entry] [rendered] +chunk {3} pageB.js (pageB) 148 bytes ={0}= >{1}< [entry] [rendered] > ./pageB pageB [3] ./pageB.js 148 bytes {3} [built] single entry ./pageB pageB diff --git a/examples/multiple-entry-points/template.md b/examples/multiple-entry-points/template.md index 4b0ea594b32..3266d1ba9d3 100644 --- a/examples/multiple-entry-points/template.md +++ b/examples/multiple-entry-points/template.md @@ -70,10 +70,10 @@ You can also see the info that is printed to console. It shows among others: {{dist/pageB.js}} ``` -# dist/0.js +# dist/1.js ``` javascript -{{dist/0.js}} +{{dist/1.js}} ``` # Info diff --git a/examples/named-chunks/README.md b/examples/named-chunks/README.md index 19ecd126437..ff20a35e538 100644 --- a/examples/named-chunks/README.md +++ b/examples/named-chunks/README.md @@ -123,7 +123,6 @@ require.ensure(["b"], function(require) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -155,7 +154,7 @@ require.ensure(["b"], function(require) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -351,11 +350,11 @@ __webpack_require__.e(/*! require.ensure */ 2).then((function(require) { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 9.12 KiB 0 [emitted] main 1.output.js 677 bytes 1 [emitted] my own chunk 2.output.js 463 bytes 2 [emitted] + output.js 9.07 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 432 bytes >{1}< >{2}< [entry] [rendered] > .\example.js main @@ -376,11 +375,11 @@ chunk {2} 2.output.js 22 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.22 KiB 0 [emitted] main 1.output.js 112 bytes 1, 2 [emitted] my own chunk 2.output.js 92 bytes 2 [emitted] + output.js 2.19 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 432 bytes >{1}< >{2}< [entry] [rendered] > .\example.js main diff --git a/examples/require.context/README.md b/examples/require.context/README.md index 1da7d4f88fc..94553feb38d 100644 --- a/examples/require.context/README.md +++ b/examples/require.context/README.md @@ -216,7 +216,7 @@ module.exports = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 5.41 KiB 0 [emitted] main Entrypoint main = output.js @@ -241,7 +241,7 @@ chunk {0} output.js (main) 603 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.54 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/require.resolve/README.md b/examples/require.resolve/README.md index ecf08d474d6..2ce93bb560f 100644 --- a/examples/require.resolve/README.md +++ b/examples/require.resolve/README.md @@ -161,7 +161,7 @@ module.exports = Math.random(); ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 4.21 KiB 0 [emitted] main Entrypoint main = output.js @@ -179,7 +179,7 @@ chunk {0} output.js (main) 313 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 1.03 KiB 0 [emitted] main Entrypoint main = output.js diff --git a/examples/scope-hoisting/README.md b/examples/scope-hoisting/README.md index 3f4b85276bf..f64909c7f40 100644 --- a/examples/scope-hoisting/README.md +++ b/examples/scope-hoisting/README.md @@ -213,7 +213,6 @@ module.exports = { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -245,7 +244,7 @@ module.exports = { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ return Promise.all(promises); @@ -466,10 +465,10 @@ Minimized ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 9.47 KiB 0 [emitted] main 1.output.js 1.9 KiB 1 [emitted] + output.js 9.41 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 372 bytes >{1}< [entry] [rendered] > .\example.js main @@ -505,10 +504,10 @@ chunk {1} 1.output.js 273 bytes <{0}> [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 2.2 KiB 0 [emitted] main 1.output.js 369 bytes 1 [emitted] + output.js 2.17 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 372 bytes >{1}< [entry] [rendered] > .\example.js main diff --git a/examples/side-effects/README.md b/examples/side-effects/README.md index 55482e917ec..83da314c651 100644 --- a/examples/side-effects/README.md +++ b/examples/side-effects/README.md @@ -313,7 +313,7 @@ const c = "c"; ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 8.85 KiB 0 [emitted] main Entrypoint main = output.js @@ -329,7 +329,7 @@ chunk {0} output.js (main) 422 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names output.js 985 bytes 0 [emitted] main Entrypoint main = output.js diff --git a/examples/source-map/README.md b/examples/source-map/README.md index a531426e60e..6bf6ad8a142 100644 --- a/examples/source-map/README.md +++ b/examples/source-map/README.md @@ -239,12 +239,12 @@ eval("var math, race,\n slice = [].slice;\n\nmath = {\n root: Math.sqrt,\n sq ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-cheap-eval-source-map.js 6.04 KiB 0 [emitted] runtime~bundle ./bundle-cheap-eval-source-map.js 1.5 KiB 1 [emitted] bundle + ./runtime~bundle-cheap-eval-source-map.js 6.04 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-cheap-eval-source-map.js ./bundle-cheap-eval-source-map.js chunk {0} ./runtime~bundle-cheap-eval-source-map.js (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -255,8 +255,8 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-cheap-module-eval-source-map.js 6.04 KiB 0 [emitted] runtime~bundle ./bundle-cheap-module-eval-source-map.js 1.33 KiB 1 [emitted] bundle + ./runtime~bundle-cheap-module-eval-source-map.js 6.04 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-cheap-module-eval-source-map.js ./bundle-cheap-module-eval-source-map.js chunk {0} ./runtime~bundle-cheap-module-eval-source-map.js (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -267,10 +267,10 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-cheap-module-source-map.js 6.11 KiB 0 [emitted] runtime~bundle ./bundle-cheap-module-source-map.js 733 bytes 1 [emitted] bundle - ./runtime~bundle-cheap-module-source-map.js.map 6 KiB 0 [emitted] runtime~bundle ./bundle-cheap-module-source-map.js.map 437 bytes 1 [emitted] bundle + ./runtime~bundle-cheap-module-source-map.js 6.11 KiB 0 [emitted] runtime~bundle + ./runtime~bundle-cheap-module-source-map.js.map 6 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-cheap-module-source-map.js ./runtime~bundle-cheap-module-source-map.js.map ./bundle-cheap-module-source-map.js ./bundle-cheap-module-source-map.js.map chunk {0} ./runtime~bundle-cheap-module-source-map.js, ./runtime~bundle-cheap-module-source-map.js.map (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -281,10 +281,10 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-cheap-source-map.js 6.1 KiB 0 [emitted] runtime~bundle ./bundle-cheap-source-map.js 726 bytes 1 [emitted] bundle - ./runtime~bundle-cheap-source-map.js.map 6 KiB 0 [emitted] runtime~bundle ./bundle-cheap-source-map.js.map 561 bytes 1 [emitted] bundle + ./runtime~bundle-cheap-source-map.js 6.1 KiB 0 [emitted] runtime~bundle + ./runtime~bundle-cheap-source-map.js.map 6 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-cheap-source-map.js ./runtime~bundle-cheap-source-map.js.map ./bundle-cheap-source-map.js ./bundle-cheap-source-map.js.map chunk {0} ./runtime~bundle-cheap-source-map.js, ./runtime~bundle-cheap-source-map.js.map (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -295,8 +295,8 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-eval.js 6.04 KiB 0 [emitted] runtime~bundle ./bundle-eval.js 781 bytes 1 [emitted] bundle + ./runtime~bundle-eval.js 6.04 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-eval.js ./bundle-eval.js chunk {0} ./runtime~bundle-eval.js (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -307,8 +307,8 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-eval-source-map.js 6.04 KiB 0 [emitted] runtime~bundle ./bundle-eval-source-map.js 1.47 KiB 1 [emitted] bundle + ./runtime~bundle-eval-source-map.js 6.04 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-eval-source-map.js ./bundle-eval-source-map.js chunk {0} ./runtime~bundle-eval-source-map.js (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -319,10 +319,10 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-hidden-source-map.js 6.04 KiB 0 [emitted] runtime~bundle ./bundle-hidden-source-map.js 674 bytes 1 [emitted] bundle - ./runtime~bundle-hidden-source-map.js.map 6.09 KiB 0 [emitted] runtime~bundle ./bundle-hidden-source-map.js.map 534 bytes 1 [emitted] bundle + ./runtime~bundle-hidden-source-map.js 6.04 KiB 0 [emitted] runtime~bundle + ./runtime~bundle-hidden-source-map.js.map 6.09 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-hidden-source-map.js ./runtime~bundle-hidden-source-map.js.map ./bundle-hidden-source-map.js ./bundle-hidden-source-map.js.map chunk {0} ./runtime~bundle-hidden-source-map.js, ./runtime~bundle-hidden-source-map.js.map (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -333,8 +333,8 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-inline-source-map.js 14.2 KiB 0 [emitted] runtime~bundle ./bundle-inline-source-map.js 1.42 KiB 1 [emitted] bundle + ./runtime~bundle-inline-source-map.js 14.2 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-inline-source-map.js ./bundle-inline-source-map.js chunk {0} ./runtime~bundle-inline-source-map.js (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -345,10 +345,10 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-nosources-source-map.js 6.1 KiB 0 [emitted] runtime~bundle ./bundle-nosources-source-map.js 730 bytes 1 [emitted] bundle - ./runtime~bundle-nosources-source-map.js.map 981 bytes 0 [emitted] runtime~bundle ./bundle-nosources-source-map.js.map 314 bytes 1 [emitted] bundle + ./runtime~bundle-nosources-source-map.js 6.1 KiB 0 [emitted] runtime~bundle + ./runtime~bundle-nosources-source-map.js.map 981 bytes 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-nosources-source-map.js ./runtime~bundle-nosources-source-map.js.map ./bundle-nosources-source-map.js ./bundle-nosources-source-map.js.map chunk {0} ./runtime~bundle-nosources-source-map.js, ./runtime~bundle-nosources-source-map.js.map (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle @@ -359,10 +359,10 @@ Child Child Hash: 0a1b2c3d4e5f6a7b8c9d Asset Size Chunks Chunk Names - ./runtime~bundle-source-map.js 6.09 KiB 0 [emitted] runtime~bundle ./bundle-source-map.js 720 bytes 1 [emitted] bundle - ./runtime~bundle-source-map.js.map 6.08 KiB 0 [emitted] runtime~bundle ./bundle-source-map.js.map 527 bytes 1 [emitted] bundle + ./runtime~bundle-source-map.js 6.09 KiB 0 [emitted] runtime~bundle + ./runtime~bundle-source-map.js.map 6.08 KiB 0 [emitted] runtime~bundle Entrypoint bundle = ./runtime~bundle-source-map.js ./runtime~bundle-source-map.js.map ./bundle-source-map.js ./bundle-source-map.js.map chunk {0} ./runtime~bundle-source-map.js, ./runtime~bundle-source-map.js.map (runtime~bundle) 0 bytes ={1}= [entry] [rendered] > coffee-loader!./example.coffee bundle diff --git a/examples/two-explicit-vendor-chunks/README.md b/examples/two-explicit-vendor-chunks/README.md index ce93cd93bc9..d7ad99c96fc 100644 --- a/examples/two-explicit-vendor-chunks/README.md +++ b/examples/two-explicit-vendor-chunks/README.md @@ -418,13 +418,13 @@ __webpack_require__(/*! ./vendor2 */ 3); ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -vendor1.js 3.96 KiB 0 [emitted] vendor1 -vendor2.js 4.21 KiB 1 [emitted] vendor2 pageA.js 4.26 KiB 2 [emitted] pageA pageB.js 3.71 KiB 3 [emitted] pageB pageC.js 3.71 KiB 4 [emitted] pageC +vendor1.js 3.96 KiB 0 [emitted] vendor1 +vendor2.js 4.21 KiB 1 [emitted] vendor2 Entrypoint vendor1 = vendor1.js Entrypoint vendor2 = vendor2.js Entrypoint pageA = pageA.js @@ -474,54 +474,54 @@ chunk {4} pageC.js (pageC) 25 bytes [entry] [rendered] ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names -vendor1.js 987 bytes 0 [emitted] vendor1 -vendor2.js 1 KiB 1 [emitted] vendor2 - pageA.js 1.02 KiB 2 [emitted] pageA - pageB.js 954 bytes 3 [emitted] pageB - pageC.js 954 bytes 4 [emitted] pageC + pageA.js 1.02 KiB 0 [emitted] pageA + pageB.js 954 bytes 1 [emitted] pageB + pageC.js 954 bytes 2 [emitted] pageC +vendor1.js 987 bytes 3 [emitted] vendor1 +vendor2.js 1 KiB 4 [emitted] vendor2 Entrypoint vendor1 = vendor1.js Entrypoint vendor2 = vendor2.js Entrypoint pageA = pageA.js Entrypoint pageB = pageB.js Entrypoint pageC = pageC.js -chunk {0} vendor1.js (vendor1) 55 bytes [entry] [rendered] - > vendor1 - [0] ./vendor1.js 27 bytes {0} {1} {2} [built] +chunk {0} pageA.js (pageA) 147 bytes [entry] [rendered] + > ./pageA pageA + [0] ./vendor1.js 27 bytes {0} {3} {4} [built] cjs require ./vendor1 [1] ./vendor2.js 2:0-20 single entry ./vendor1 [2] multi ./vendor1 vendor1[0] cjs require ./vendor1 [4] ./pageA.js 2:0-20 - [2] multi ./vendor1 28 bytes {0} [built] - multi entry -chunk {1} vendor2.js (vendor2) 105 bytes [entry] [rendered] - > vendor2 - [0] ./vendor1.js 27 bytes {0} {1} {2} [built] + [1] ./vendor2.js 50 bytes {0} {4} [built] + single entry ./vendor2 [3] multi ./vendor2 vendor2[0] + cjs require ./vendor2 [4] ./pageA.js 3:0-20 + [4] ./pageA.js 70 bytes {0} [built] + single entry ./pageA pageA +chunk {1} pageB.js (pageB) 25 bytes [entry] [rendered] + > ./pageB pageB + [5] ./pageB.js 25 bytes {1} [built] + single entry ./pageB pageB +chunk {2} pageC.js (pageC) 25 bytes [entry] [rendered] + > ./pageC pageC + [6] ./pageC.js 25 bytes {2} [built] + single entry ./pageC pageC +chunk {3} vendor1.js (vendor1) 55 bytes [entry] [rendered] + > vendor1 + [0] ./vendor1.js 27 bytes {0} {3} {4} [built] cjs require ./vendor1 [1] ./vendor2.js 2:0-20 single entry ./vendor1 [2] multi ./vendor1 vendor1[0] cjs require ./vendor1 [4] ./pageA.js 2:0-20 - [1] ./vendor2.js 50 bytes {1} {2} [built] - single entry ./vendor2 [3] multi ./vendor2 vendor2[0] - cjs require ./vendor2 [4] ./pageA.js 3:0-20 - [3] multi ./vendor2 28 bytes {1} [built] + [2] multi ./vendor1 28 bytes {3} [built] multi entry -chunk {2} pageA.js (pageA) 147 bytes [entry] [rendered] - > ./pageA pageA - [0] ./vendor1.js 27 bytes {0} {1} {2} [built] +chunk {4} vendor2.js (vendor2) 105 bytes [entry] [rendered] + > vendor2 + [0] ./vendor1.js 27 bytes {0} {3} {4} [built] cjs require ./vendor1 [1] ./vendor2.js 2:0-20 single entry ./vendor1 [2] multi ./vendor1 vendor1[0] cjs require ./vendor1 [4] ./pageA.js 2:0-20 - [1] ./vendor2.js 50 bytes {1} {2} [built] + [1] ./vendor2.js 50 bytes {0} {4} [built] single entry ./vendor2 [3] multi ./vendor2 vendor2[0] cjs require ./vendor2 [4] ./pageA.js 3:0-20 - [4] ./pageA.js 70 bytes {2} [built] - single entry ./pageA pageA -chunk {3} pageB.js (pageB) 25 bytes [entry] [rendered] - > ./pageB pageB - [5] ./pageB.js 25 bytes {3} [built] - single entry ./pageB pageB -chunk {4} pageC.js (pageC) 25 bytes [entry] [rendered] - > ./pageC pageC - [6] ./pageC.js 25 bytes {4} [built] - single entry ./pageC pageC + [3] multi ./vendor2 28 bytes {4} [built] + multi entry ``` diff --git a/examples/wasm-simple/README.md b/examples/wasm-simple/README.md index f15fd6bc348..77c8304fe85 100644 --- a/examples/wasm-simple/README.md +++ b/examples/wasm-simple/README.md @@ -117,17 +117,17 @@ export function fibonacciJavascript(i) { /******/ /******/ }; /******/ }, -/******/ 1: function() { +/******/ 3: function() { /******/ return { /******/ /******/ }; /******/ }, -/******/ 3: function() { +/******/ 4: function() { /******/ return { /******/ /******/ }; /******/ }, -/******/ 4: function() { +/******/ 1: function() { /******/ return { /******/ /******/ }; @@ -180,7 +180,6 @@ export function fibonacciJavascript(i) { /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading -/******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ var onScriptComplete; /******/ @@ -212,13 +211,13 @@ export function fibonacciJavascript(i) { /******/ onScriptComplete({ type: 'timeout', target: script }); /******/ }, 120000); /******/ script.onerror = script.onload = onScriptComplete; -/******/ head.appendChild(script); +/******/ document.head.appendChild(script); /******/ } /******/ } /******/ /******/ // Fetch + compile chunk loading for webassembly /******/ -/******/ var wasmModules = {"1":[1],"2":[1,3,4]}[chunkId] || []; +/******/ var wasmModules = {"1":[1,3,4],"2":[1]}[chunkId] || []; /******/ /******/ wasmModules.forEach(function(wasmModuleId) { /******/ var installedWasmModuleData = installedWasmModules[wasmModuleId]; @@ -333,9 +332,9 @@ export function fibonacciJavascript(i) { /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -__webpack_require__.e(/*! import() */ 1).then(__webpack_require__.bind(null, /*! ./add.wasm */ 1)).then(addModule => { +__webpack_require__.e(/*! import() */ 2).then(__webpack_require__.bind(null, /*! ./add.wasm */ 1)).then(addModule => { console.log(addModule.add(22, 2200)); - __webpack_require__.e(/*! import() */ 2).then(__webpack_require__.bind(null, /*! ./math */ 2)).then(math => { + __webpack_require__.e(/*! import() */ 1).then(__webpack_require__.bind(null, /*! ./math */ 2)).then(math => { console.log(math.add(10, 101)); console.log(math.factorial(15)); console.log(math.factorialJavascript(15)); @@ -386,34 +385,6 @@ for(var name in wasmExports) if(name != "__webpack_init__") exports[name] = wasm // exec imports from WebAssembly module (for esm order) -// exec wasm module -wasmExports["__webpack_init__"]() - -/***/ }) -]]); -``` - -# dist/2.output.js - -``` javascript -(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[2],[ -/* 0 */, -/* 1 */ -/*!******************!*\ - !*** ./add.wasm ***! - \******************/ -/*! exports provided: add */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; -// Instantiate WebAssembly module -var wasmExports = __webpack_require__.w[module.i]; -__webpack_require__.r(exports); -// export exports from WebAssembly module -for(var name in wasmExports) if(name != "__webpack_init__") exports[name] = wasmExports[name]; -// exec imports from WebAssembly module (for esm order) - - // exec wasm module wasmExports["__webpack_init__"]() @@ -492,6 +463,34 @@ for(var name in wasmExports) if(name != "__webpack_init__") exports[name] = wasm // exec imports from WebAssembly module (for esm order) +// exec wasm module +wasmExports["__webpack_init__"]() + +/***/ }) +]]); +``` + +# dist/2.output.js + +``` javascript +(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[2],[ +/* 0 */, +/* 1 */ +/*!******************!*\ + !*** ./add.wasm ***! + \******************/ +/*! exports provided: add */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +// Instantiate WebAssembly module +var wasmExports = __webpack_require__.w[module.i]; +__webpack_require__.r(exports); +// export exports from WebAssembly module +for(var name in wasmExports) if(name != "__webpack_init__") exports[name] = wasmExports[name]; +// exec imports from WebAssembly module (for esm order) + + // exec wasm module wasmExports["__webpack_init__"]() @@ -505,88 +504,88 @@ wasmExports["__webpack_init__"]() ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 11.3 KiB 0 [emitted] main - 1.output.js 636 bytes 1 [emitted] + 1.output.js 3.37 KiB 1 [emitted] + 2.output.js 636 bytes 2 [emitted] +3580ad47c1ba500584ea.wasm unknown size 1 [emitted] +baf012e37fe9b85e815a.wasm unknown size 1 [emitted] c50d6212832abfc3ae1e.wasm unknown size 1, 2 [emitted] - 2.output.js 3.37 KiB 2 [emitted] -3580ad47c1ba500584ea.wasm unknown size 2 [emitted] -baf012e37fe9b85e815a.wasm unknown size 2 [emitted] + output.js 11.2 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 762 bytes >{1}< >{2}< [entry] [rendered] > .\example.js main [0] ./example.js 762 bytes {0} [built] single entry .\example.js main -chunk {1} 1.output.js, c50d6212832abfc3ae1e.wasm 41 bytes <{0}> [rendered] - > ./add.wasm [0] ./example.js 1:0-20 - [1] ./add.wasm 41 bytes {1} {2} [built] - [exports: add] - import() ./add.wasm [0] ./example.js 1:0-20 - harmony side effect evaluation ./add.wasm [2] ./math.js 1:0-33 - harmony export imported specifier ./add.wasm [2] ./math.js 5:0-37 -chunk {2} 2.output.js, c50d6212832abfc3ae1e.wasm, 3580ad47c1ba500584ea.wasm, baf012e37fe9b85e815a.wasm 570 bytes <{0}> [rendered] +chunk {1} 1.output.js, c50d6212832abfc3ae1e.wasm, 3580ad47c1ba500584ea.wasm, baf012e37fe9b85e815a.wasm 570 bytes <{0}> [rendered] > ./math [0] ./example.js 3:1-17 [1] ./add.wasm 41 bytes {1} {2} [built] [exports: add] import() ./add.wasm [0] ./example.js 1:0-20 harmony side effect evaluation ./add.wasm [2] ./math.js 1:0-33 harmony export imported specifier ./add.wasm [2] ./math.js 5:0-37 - [2] ./math.js 400 bytes {2} [built] + [2] ./math.js 400 bytes {1} [built] [exports: add, factorial, fibonacci, factorialJavascript, fibonacciJavascript] import() ./math [0] ./example.js 3:1-17 - [3] ./factorial.wasm 62 bytes {2} [built] + [3] ./factorial.wasm 62 bytes {1} [built] [exports: factorial] harmony side effect evaluation ./factorial.wasm [2] ./math.js 2:0-45 harmony export imported specifier ./factorial.wasm [2] ./math.js 5:0-37 - [4] ./fibonacci.wasm 67 bytes {2} [built] + [4] ./fibonacci.wasm 67 bytes {1} [built] [exports: fibonacci] harmony side effect evaluation ./fibonacci.wasm [2] ./math.js 3:0-45 harmony export imported specifier ./fibonacci.wasm [2] ./math.js 5:0-37 +chunk {2} 2.output.js, c50d6212832abfc3ae1e.wasm 41 bytes <{0}> [rendered] + > ./add.wasm [0] ./example.js 1:0-20 + [1] ./add.wasm 41 bytes {1} {2} [built] + [exports: add] + import() ./add.wasm [0] ./example.js 1:0-20 + harmony side effect evaluation ./add.wasm [2] ./math.js 1:0-33 + harmony export imported specifier ./add.wasm [2] ./math.js 5:0-37 ``` ## Production mode ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - output.js 3.32 KiB 0 [emitted] main - 1.output.js 184 bytes 1 [emitted] -a36cec63b02caac8e61a.wasm unknown size 1, 2, 1 [emitted] - 2.output.js 681 bytes 2, 1 [emitted] -a04390412f9500b1d7ae.wasm unknown size 2, 1 [emitted] -0a12d714e570b7fd9d8b.wasm unknown size 2, 1 [emitted] +0a12d714e570b7fd9d8b.wasm unknown size 1, 2 [emitted] + 1.output.js 681 bytes 1, 2 [emitted] + 2.output.js 184 bytes 2 [emitted] +a04390412f9500b1d7ae.wasm unknown size 1, 2 [emitted] +a36cec63b02caac8e61a.wasm unknown size 1, 2, 2 [emitted] + output.js 3.29 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 762 bytes >{1}< >{2}< [entry] [rendered] > .\example.js main [0] ./example.js 762 bytes {0} [built] single entry .\example.js main -chunk {1} 1.output.js, a36cec63b02caac8e61a.wasm 41 bytes <{0}> [rendered] - > ./add.wasm [0] ./example.js 1:0-20 - [1] ./add.wasm 41 bytes {1} {2} [built] - [exports: add] - import() ./add.wasm [0] ./example.js 1:0-20 - harmony side effect evaluation ./add.wasm [2] ./math.js 1:0-33 - harmony export imported specifier ./add.wasm [2] ./math.js 5:0-37 -chunk {2} 2.output.js, a36cec63b02caac8e61a.wasm, a04390412f9500b1d7ae.wasm, 0a12d714e570b7fd9d8b.wasm 570 bytes <{0}> [rendered] +chunk {1} 1.output.js, a36cec63b02caac8e61a.wasm, a04390412f9500b1d7ae.wasm, 0a12d714e570b7fd9d8b.wasm 570 bytes <{0}> [rendered] > ./math [0] ./example.js 3:1-17 [1] ./add.wasm 41 bytes {1} {2} [built] [exports: add] import() ./add.wasm [0] ./example.js 1:0-20 harmony side effect evaluation ./add.wasm [2] ./math.js 1:0-33 harmony export imported specifier ./add.wasm [2] ./math.js 5:0-37 - [2] ./math.js 400 bytes {2} [built] + [2] ./math.js 400 bytes {1} [built] [exports: add, factorial, fibonacci, factorialJavascript, fibonacciJavascript] import() ./math [0] ./example.js 3:1-17 - [3] ./factorial.wasm 62 bytes {2} [built] + [3] ./factorial.wasm 62 bytes {1} [built] [exports: factorial] [all exports used] harmony side effect evaluation ./factorial.wasm [2] ./math.js 2:0-45 harmony export imported specifier ./factorial.wasm [2] ./math.js 5:0-37 - [4] ./fibonacci.wasm 67 bytes {2} [built] + [4] ./fibonacci.wasm 67 bytes {1} [built] [exports: fibonacci] [all exports used] harmony side effect evaluation ./fibonacci.wasm [2] ./math.js 3:0-45 harmony export imported specifier ./fibonacci.wasm [2] ./math.js 5:0-37 +chunk {2} 2.output.js, a36cec63b02caac8e61a.wasm 41 bytes <{0}> [rendered] + > ./add.wasm [0] ./example.js 1:0-20 + [1] ./add.wasm 41 bytes {1} {2} [built] + [exports: add] + import() ./add.wasm [0] ./example.js 1:0-20 + harmony side effect evaluation ./add.wasm [2] ./math.js 1:0-33 + harmony export imported specifier ./add.wasm [2] ./math.js 5:0-37 ``` diff --git a/examples/web-worker/README.md b/examples/web-worker/README.md index 7f56ac41ee3..47246941bf7 100644 --- a/examples/web-worker/README.md +++ b/examples/web-worker/README.md @@ -372,10 +372,10 @@ module.exports = function() { ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - hash.worker.js 4.98 KiB [emitted] 1.hash.worker.js 1.79 KiB [emitted] + hash.worker.js 4.98 KiB [emitted] output.js 4.42 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 326 bytes [entry] [rendered] @@ -386,8 +386,8 @@ chunk {0} output.js (main) 326 bytes [entry] [rendered] cjs require worker-loader?name=hash.worker.js!./worker [0] ./example.js 1:13-66 Child worker: Asset Size Chunks Chunk Names - hash.worker.js 4.98 KiB 0 [emitted] main 1.hash.worker.js 1.79 KiB 1 [emitted] + hash.worker.js 4.98 KiB 0 [emitted] main Entrypoint main = hash.worker.js chunk {0} hash.worker.js (main) 162 bytes >{1}< [entry] [rendered] > !!.\worker.js main @@ -412,10 +412,10 @@ Child worker: ``` Hash: 0a1b2c3d4e5f6a7b8c9d -Version: webpack 4.20.1 +Version: webpack 4.28.0 Asset Size Chunks Chunk Names - hash.worker.js 1.27 KiB [emitted] 1.hash.worker.js 593 bytes [emitted] + hash.worker.js 1.27 KiB [emitted] output.js 1.06 KiB 0 [emitted] main Entrypoint main = output.js chunk {0} output.js (main) 326 bytes [entry] [rendered] @@ -426,8 +426,8 @@ chunk {0} output.js (main) 326 bytes [entry] [rendered] cjs require worker-loader?name=hash.worker.js!./worker [0] ./example.js 1:13-66 Child worker: Asset Size Chunks Chunk Names - hash.worker.js 1.27 KiB 0 [emitted] main 1.hash.worker.js 593 bytes 1 [emitted] + hash.worker.js 1.27 KiB 0 [emitted] main Entrypoint main = hash.worker.js chunk {0} hash.worker.js (main) 162 bytes >{1}< [entry] [rendered] > !!.\worker.js main