opensourcemirror
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Releases Wiki Activity

upgrade examples to webpack-cli major 4 

update examples
This commit is contained in:
Tobias Koppers 2020-12-11 10:29:32 +01:00
parent 98bcf44a43
commit 31bcae23f7
64 changed files with 1515 additions and 1359 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
examples/aggressive-merging/README.md
View File

@ -60,24 +60,24 @@ module.exports = {
## Unoptimized
```
asset pageA.bundle.js 8.76 KiB [emitted] (name: pageA)
asset pageB.bundle.js 8.76 KiB [emitted] (name: pageB)
asset pageC.bundle.js 8.76 KiB [emitted] (name: pageC)
asset pageA.bundle.js 8.91 KiB [emitted] (name: pageA)
asset pageB.bundle.js 8.91 KiB [emitted] (name: pageB)
asset pageC.bundle.js 8.91 KiB [emitted] (name: pageC)
asset 456.chunk.js 6.28 KiB [emitted]
asset 394.chunk.js 606 bytes [emitted]
chunk pageB.bundle.js (pageB) 69 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.bundle.js (pageB) 69 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./pageB.js 69 bytes [built] [code generated]
[used exports unknown]
entry ./pageB pageB
chunk pageC.bundle.js (pageC) 68 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: pageC) pageC.bundle.js (pageC) 68 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./pageC.js 68 bytes [built] [code generated]
[used exports unknown]
entry ./pageC pageC
chunk 394.chunk.js 42 bytes [rendered]
chunk (runtime: pageC) 394.chunk.js 42 bytes [rendered]
> ./a ./pageC.js 1:0-3:2
./a.js 21 bytes [built] [code generated]
[used exports unknown]
@ -89,13 +89,13 @@ chunk 394.chunk.js 42 bytes [rendered]
cjs self exports reference ./b.js 1:0-14
cjs require ./b ./pageB.js 2:8-22
cjs require ./b ./pageC.js 2:17-31
chunk pageA.bundle.js (pageA) 69 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.bundle.js (pageA) 69 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./pageA.js 69 bytes [built] [code generated]
[used exports unknown]
entry ./pageA pageA
chunk 456.chunk.js 5.45 KiB [rendered]
chunk (runtime: pageA, pageB) 456.chunk.js 5.45 KiB [rendered]
> ./common ./pageA.js 1:0-3:2
> ./common ./pageB.js 1:0-3:2
./a.js 21 bytes [built] [code generated]
@ -113,26 +113,26 @@ chunk 456.chunk.js 5.45 KiB [rendered]
cjs self exports reference ./common.js 1:0-14
amd require ./common ./pageA.js 1:0-3:2
amd require ./common ./pageB.js 1:0-3:2
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset pageC.bundle.js 1.68 KiB [emitted] [minimized] (name: pageC)
asset pageA.bundle.js 1.67 KiB [emitted] [minimized] (name: pageA)
asset pageB.bundle.js 1.67 KiB [emitted] [minimized] (name: pageB)
asset pageC.bundle.js 1.73 KiB [emitted] [minimized] (name: pageC)
asset pageA.bundle.js 1.72 KiB [emitted] [minimized] (name: pageA)
asset pageB.bundle.js 1.72 KiB [emitted] [minimized] (name: pageB)
asset 456.chunk.js 155 bytes [emitted] [minimized]
asset 394.chunk.js 104 bytes [emitted] [minimized]
chunk (runtime: pageB) pageB.bundle.js (pageB) 69 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.bundle.js (pageB) 69 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./pageB.js 69 bytes [built] [code generated]
[no exports used]
entry ./pageB pageB
chunk (runtime: pageC) pageC.bundle.js (pageC) 68 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: pageC) pageC.bundle.js (pageC) 68 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./pageC.js 68 bytes [built] [code generated]
[no exports used]
entry ./pageC pageC
@ -148,9 +148,9 @@ chunk (runtime: pageC) 394.chunk.js 42 bytes [rendered]
cjs self exports reference ./b.js 1:0-14
cjs require ./b ./pageB.js 2:8-22
cjs require ./b ./pageC.js 2:17-31
chunk (runtime: pageA) pageA.bundle.js (pageA) 69 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.bundle.js (pageA) 69 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./pageA.js 69 bytes [built] [code generated]
[no exports used]
entry ./pageA pageA
@ -172,5 +172,5 @@ chunk (runtime: pageA, pageB) 456.chunk.js 5.45 KiB [rendered]
cjs self exports reference ./common.js 1:0-14
amd require ./common ./pageA.js 1:0-3:2
amd require ./common ./pageB.js 1:0-3:2
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

4
examples/asset-advanced/README.md
View File

@ -190,7 +190,7 @@ module.exports = "data:image/svg+xml,%3csvg xmlns='http://www.w3.or...3c/svg%3e"
```
asset output.js 3.86 KiB [emitted] (name: main)
chunk output.js (main) 1.54 KiB (javascript) 274 bytes (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 1.54 KiB (javascript) 274 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 915 bytes [dependent] 1 module
runtime modules 274 bytes 1 module
@ -198,5 +198,5 @@ chunk output.js (main) 1.54 KiB (javascript) 274 bytes (runtime) [entry] [render
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

6
examples/asset-simple/README.md
View File

@ -209,9 +209,9 @@ module.exports = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDo...vc3ZnPgo="
## webpack output
```
asset images/89a353e9c515885abd8e.png 14.6 KiB [emitted] [immutable] (auxiliary name: main)
asset images/89a353e9c515885abd8e.png 14.6 KiB [emitted] [immutable] [from: images/file.png] (auxiliary name: main)
asset output.js 13 KiB [emitted] (name: main)
chunk output.js (main) 9.58 KiB (javascript) 14.6 KiB (asset) 306 bytes (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 9.58 KiB (javascript) 14.6 KiB (asset) 306 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 8.86 KiB (javascript) 14.6 KiB (asset) [dependent] 3 modules
runtime modules 306 bytes 2 modules
@ -219,5 +219,5 @@ chunk output.js (main) 9.58 KiB (javascript) 14.6 KiB (asset) 306 bytes (runtime
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

10
examples/build-common.js
View File

@ -12,11 +12,11 @@ const async = require("neo-async");
const extraArgs = "";
const targetArgs = global.NO_TARGET_ARGS ? "" : "./example.js -o dist/output.js ";
const displayReasons = global.NO_REASONS ? "" : "--display-reasons --display-used-exports --display-provided-exports";
const statsArgs = global.NO_STATS_OPTIONS ? "" : "--display-chunks --display-max-modules 99999 --display-origins";
const targetArgs = global.NO_TARGET_ARGS ? "" : "--entry ./example.js --output-filename output.js";
const displayReasons = global.NO_REASONS ? "" : "--stats-reasons --stats-used-exports --stats-provided-exports";
const statsArgs = global.NO_STATS_OPTIONS ? "" : "--stats-chunks --stats-modules-space 99999 --stats-chunk-origins";
const publicPathArgs = global.NO_PUBLIC_PATH ? "" : '--output-public-path "dist/"';
const commonArgs = `--no-color ${statsArgs} ${publicPathArgs} ${extraArgs} ${targetArgs}`;
const commonArgs = `--no-stats-colors ${statsArgs} ${publicPathArgs} ${extraArgs} ${targetArgs}`;
let readme = fs.readFileSync(require("path").join(process.cwd(), "template.md"), "utf-8");
@ -68,7 +68,7 @@ const doCompileAndReplace = (args, prefix, callback) => {
async.series([
callback => doCompileAndReplace("--mode production --env production", "production", callback),
callback => doCompileAndReplace("--mode development --env development --devtool none", "development", callback),
callback => doCompileAndReplace("--mode none --env none --output-pathinfo", "", callback)
callback => doCompileAndReplace("--mode none --env none --output-pathinfo verbose", "", callback)
], () => {
readme = tc.replaceBase(readme);
fs.writeFile("README.md", readme, "utf-8", function () { });

10
examples/buildAll.js
View File

@ -3,9 +3,13 @@
const cp = require("child_process");
const examples = require("./examples");
const commands = examples.map(function(dirname) {
return "cd " + dirname + " && node build.js";
});
const commands = examples
.concat(
examples.filter(dirname => dirname.includes("persistent-caching"))
)
.map(function(dirname) {
return "cd " + dirname + " && node build.js";
});
let failed = 0;
let i = 0;

122
examples/chunkhash/README.md
View File

@ -43,7 +43,7 @@ module.exports = {
<body>
<!-- inlined minimized file "runtime~main.[chunkhash].js" -->
<script>
(()=>{"use strict";var e,r={},t={};function o(e){if(t[e])return t[e].exports;var n=t[e]={exports:{}};return r[e](n,n.exports,o),n.exports}o.m=r,o.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);o.r(t);var n={};if(2&r&&"object"==typeof e&&e)for(const r in e)n[r]=()=>e[r];return n.default=()=>e,o.d(t,n),t},o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce((r,t)=>(o.f[t](e,r),r),[])),o.u=e=>e+".[chunkhash].js",o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),e={},o.l=(r,t,n)=>{if(e[r])e[r].push(t);else{var a,i;if(void 0!==n)for(var u=document.getElementsByTagName("script"),l=0;l<u.length;l++){var s=u[l];if(s.getAttribute("src")==r){a=s;break}}a||(i=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.src=r),e[r]=[t];var f=(t,o)=>{a.onerror=a.onload=null,clearTimeout(c);var n=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),n&&n.forEach(e=>e(o)),t)return t(o)},c=setTimeout(f.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=f.bind(null,a.onerror),a.onload=f.bind(null,a.onload),i&&document.head.appendChild(a)}},o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.p="dist/",(()=>{var e={303:0},r=[];o.f.j=(r,t)=>{var n=o.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else{var a=new Promise((t,o)=>{n=e[r]=[t,o]});t.push(n[2]=a);var i=o.p+o.u(r),u=new Error;o.l(i,t=>{if(o.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var a=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;u.message="Loading chunk "+r+" failed.\n("+a+": "+i+")",u.name="ChunkLoadError",u.type=a,u.request=i,n[1](u)}},"chunk-"+r)}};var t=()=>{};function n(){for(var t,n=0;n<r.length;n++){for(var a=r[n],i=!0,u=1;u<a.length;u++){var l=a[u];0!==e[l]&&(i=!1)}i&&(r.splice(n--,1),t=o(o.s=a[0]))}return 0===r.length&&(o.x(),o.x=()=>{}),t}o.x=()=>{o.x=()=>{},i=i.slice();for(var e=0;e<i.length;e++)a(i[e]);return(t=n)()};var a=n=>{for(var a,i,[l,s,f,c]=n,d=0,p=[];d<l.length;d++)i=l[d],o.o(e,i)&&e[i]&&p.push(e[i][0]),e[i]=0;for(a in s)o.o(s,a)&&(o.m[a]=s[a]);for(f&&f(o),u(n);p.length;)p.shift()();return c&&r.push.apply(r,c),t()},i=self.webpackChunk=self.webpackChunk||[],u=i.push.bind(i);i.push=a})(),o.x()})();
(()=>{"use strict";var e,r,t,o={},n={};function a(e){if(n[e])return n[e].exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,a.x=e=>{},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(t,o){if(1&o&&(t=this(t)),8&o)return t;if("object"==typeof t&&t){if(4&o&&t.__esModule)return t;if(16&o&&"function"==typeof t.then)return t}var n=Object.create(null);a.r(n);var u={};e=e||[null,r({}),r([]),r(r)];for(var i=2&o&&t;"object"==typeof i&&!~e.indexOf(i);i=r(i))Object.getOwnPropertyNames(i).forEach((e=>u[e]=()=>t[e]));return u.default=()=>t,a.d(n,u),n},a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((r,t)=>(a.f[t](e,r),r)),[])),a.u=e=>e+".[chunkhash].js",a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},a.l=(e,r,o)=>{if(t[e])t[e].push(r);else{var n,u;if(void 0!==o)for(var i=document.getElementsByTagName("script"),l=0;l<i.length;l++){var f=i[l];if(f.getAttribute("src")==e){n=f;break}}n||(u=!0,(n=document.createElement("script")).charset="utf-8",n.timeout=120,a.nc&&n.setAttribute("nonce",a.nc),n.src=e),t[e]=[r];var s=(r,o)=>{n.onerror=n.onload=null,clearTimeout(c);var a=t[e];if(delete t[e],n.parentNode&&n.parentNode.removeChild(n),a&&a.forEach((e=>e(o))),r)return r(o)},c=setTimeout(s.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=s.bind(null,n.onerror),n.onload=s.bind(null,n.onload),u&&document.head.appendChild(n)}},a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.p="dist/",(()=>{var e={303:0},r=[];a.f.j=(r,t)=>{var o=a.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else{var n=new Promise(((t,n)=>{o=e[r]=[t,n]}));t.push(o[2]=n);var u=a.p+a.u(r),i=new Error;a.l(u,(t=>{if(a.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var n=t&&("load"===t.type?"missing":t.type),u=t&&t.target&&t.target.src;i.message="Loading chunk "+r+" failed.\n("+n+": "+u+")",i.name="ChunkLoadError",i.type=n,i.request=u,o[1](i)}}),"chunk-"+r)}};var t=e=>{},o=(o,n)=>{for(var u,i,[l,f,s,c]=n,p=0,d=[];p<l.length;p++)i=l[p],a.o(e,i)&&e[i]&&d.push(e[i][0]),e[i]=0;for(u in f)a.o(f,u)&&(a.m[u]=f[u]);for(s&&s(a),o&&o(n);d.length;)d.shift()();return c&&r.push.apply(r,c),t()},n=self.webpackChunk=self.webpackChunk||[];function u(){for(var t,o=0;o<r.length;o++){for(var n=r[o],u=!0,i=1;i<n.length;i++){var l=n[i];0!==e[l]&&(u=!1)}u&&(r.splice(o--,1),t=a(a.s=n[0]))}return 0===r.length&&(a.x(),a.x=e=>{}),t}n.forEach(o.bind(null,0)),n.push=o.bind(null,n.push.bind(n));var i=a.x;a.x=()=>(a.x=i||(e=>{}),(t=u)())})(),a.x()})();
</script>
<script src="dist/main.[chunkhash].js"></script>
@ -89,23 +89,33 @@ module.exports = {
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/create fake namespace object */
/******/ (() => {
/******/ var getProto = Object.getPrototypeOf ? (obj) => Object.getPrototypeOf(obj) : (obj) => obj.__proto__;
/******/ var leafPrototypes;
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 16: return value when it's Promise-like
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = this(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ if(typeof value === 'object' && value) {
/******/ if((mode & 4) && value.__esModule) return value;
/******/ if((mode & 16) && typeof value.then === 'function') return value;
/******/ }
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ var def = {};
/******/ if(mode & 2 && typeof value == 'object' && value) {
/******/ for(const key in value) def[key] = () => value[key];
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
/******/ Object.getOwnPropertyNames(current).forEach(key => def[key] = () => value[key]);
/******/ }
/******/ def['default'] = () => value;
/******/ __webpack_require__.d(ns, def);
@ -277,43 +287,10 @@ module.exports = {
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -331,7 +308,7 @@ module.exports = {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -344,8 +321,35 @@ module.exports = {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -373,8 +377,8 @@ module.exports = {
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
// some module
__webpack_require__.e(/*! import() */ 2).then(__webpack_require__.t.bind(__webpack_require__, /*! ./async1 */ 1, 7));
__webpack_require__.e(/*! import() */ 3).then(__webpack_require__.t.bind(__webpack_require__, /*! ./async2 */ 2, 7));
__webpack_require__.e(/*! import() */ 2).then(__webpack_require__.t.bind(__webpack_require__, /*! ./async1 */ 1, 23));
__webpack_require__.e(/*! import() */ 3).then(__webpack_require__.t.bind(__webpack_require__, /*! ./async2 */ 2, 23));
/***/ })
@ -387,40 +391,40 @@ __webpack_require__.e(/*! import() */ 3).then(__webpack_require__.t.bind(__webpa
## Unoptimized
```
asset runtime~main.[chunkhash].js 11.9 KiB [emitted] (name: runtime~main)
asset main.[chunkhash].js 650 bytes [emitted] (name: main)
asset runtime~main.[chunkhash].js 12.5 KiB [emitted] (name: runtime~main)
asset main.[chunkhash].js 652 bytes [emitted] (name: main)
asset 2.[chunkhash].js 285 bytes [emitted]
asset 3.[chunkhash].js 279 bytes [emitted]
Entrypoint main 12.5 KiB = runtime~main.[chunkhash].js 11.9 KiB main.[chunkhash].js 650 bytes
chunk main.[chunkhash].js (main) 55 bytes [initial] [rendered]
Entrypoint main 13.1 KiB = runtime~main.[chunkhash].js 12.5 KiB main.[chunkhash].js 652 bytes
chunk (runtime: runtime~main) main.[chunkhash].js (main) 55 bytes [initial] [rendered]
> ./example main
./example.js 55 bytes [built] [code generated]
[used exports unknown]
entry ./example main
chunk runtime~main.[chunkhash].js (runtime~main) 7.27 KiB [entry] [rendered]
chunk (runtime: runtime~main) runtime~main.[chunkhash].js (runtime~main) 7.7 KiB [entry] [rendered]
> ./example main
runtime modules 7.27 KiB 9 modules
chunk 2.[chunkhash].js 28 bytes [rendered]
runtime modules 7.7 KiB 9 modules
chunk (runtime: runtime~main) 2.[chunkhash].js 28 bytes [rendered]
> ./async1 ./example.js 2:0-18
./async1.js 28 bytes [built] [code generated]
[used exports unknown]
import() ./async1 ./example.js 2:0-18
chunk 3.[chunkhash].js 28 bytes [rendered]
chunk (runtime: runtime~main) 3.[chunkhash].js 28 bytes [rendered]
> ./async2 ./example.js 3:0-18
./async2.js 28 bytes [built] [code generated]
[used exports unknown]
import() ./async2 ./example.js 3:0-18
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset runtime~main.[chunkhash].js 2.42 KiB [emitted] [minimized] (name: runtime~main)
asset main.[chunkhash].js 153 bytes [emitted] [minimized] (name: main)
asset runtime~main.[chunkhash].js 2.63 KiB [emitted] [minimized] (name: runtime~main)
asset main.[chunkhash].js 155 bytes [emitted] [minimized] (name: main)
asset 114.[chunkhash].js 69 bytes [emitted] [minimized]
asset 172.[chunkhash].js 69 bytes [emitted] [minimized]
Entrypoint main 2.56 KiB = runtime~main.[chunkhash].js 2.42 KiB main.[chunkhash].js 153 bytes
Entrypoint main 2.78 KiB = runtime~main.[chunkhash].js 2.63 KiB main.[chunkhash].js 155 bytes
chunk (runtime: runtime~main) 114.[chunkhash].js 28 bytes [rendered]
> ./async1 ./example.js 2:0-18
./async1.js 28 bytes [built] [code generated]
@ -436,8 +440,8 @@ chunk (runtime: runtime~main) main.[chunkhash].js (main) 55 bytes [initial] [ren
./example.js 55 bytes [built] [code generated]
[no exports used]
entry ./example main
chunk (runtime: runtime~main) runtime~main.[chunkhash].js (runtime~main) 7.27 KiB [entry] [rendered]
chunk (runtime: runtime~main) runtime~main.[chunkhash].js (runtime~main) 7.7 KiB [entry] [rendered]
> ./example main
runtime modules 7.27 KiB 9 modules
webpack 5.0.0 compiled successfully
runtime modules 7.7 KiB 9 modules
webpack 5.11.1 compiled successfully
```

12
examples/cjs-tree-shaking/README.md
View File

@ -191,16 +191,16 @@ chunk (runtime: main) output.js (main) 634 bytes [entry] [rendered]
./example.js 70 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
asset without.js 2.91 KiB [emitted] (name: main)
chunk without.js (main) 634 bytes [entry] [rendered]
chunk (runtime: main) without.js (main) 634 bytes [entry] [rendered]
> ./example.js main
dependent modules 564 bytes [dependent] 2 modules
./example.js 70 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -213,14 +213,14 @@ chunk (runtime: main) output.js (main) 634 bytes [entry] [rendered]
./example.js 70 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
asset without.js 537 bytes [emitted] [minimized] (name: main) 1 related asset
chunk without.js (main) 634 bytes [entry] [rendered]
chunk (runtime: main) without.js (main) 634 bytes [entry] [rendered]
> ./example.js main
dependent modules 564 bytes [dependent] 2 modules
./example.js 70 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

28
examples/code-splitted-require.context-amd/README.md
View File

@ -194,7 +194,7 @@ getTemplate("b", function(b) {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -212,7 +212,7 @@ getTemplate("b", function(b) {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -220,8 +220,10 @@ getTemplate("b", function(b) {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -344,32 +346,32 @@ module.exports = function() {
## Unoptimized
```
asset output.js 8.9 KiB [emitted] (name: main)
asset output.js 9.04 KiB [emitted] (name: main)
asset 577.output.js 2.23 KiB [emitted]
chunk output.js (main) 251 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 251 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 251 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 577.output.js 457 bytes [rendered]
chunk (runtime: main) 577.output.js 457 bytes [rendered]
> ./example.js 2:1-4:3
dependent modules 240 bytes [dependent] 3 modules
../require.context/templates/ sync ^\.\/.*$ 217 bytes [built] [code generated]
[no exports]
[used exports unknown]
amd require context ./example.js 2:1-4:3
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.76 KiB [emitted] [minimized] (name: main)
asset output.js 1.82 KiB [emitted] [minimized] (name: main)
asset 577.output.js 609 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 251 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 251 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 251 bytes [built] [code generated]
[no exports used]
entry ./example.js main
@ -379,5 +381,5 @@ chunk (runtime: main) 577.output.js 457 bytes [rendered]
../require.context/templates/ sync ^\.\/.*$ 217 bytes [built] [code generated]
[no exports]
amd require context ./example.js 2:1-4:3
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

28
examples/code-splitted-require.context/README.md
View File

@ -194,7 +194,7 @@ getTemplate("b", function(b) {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -212,7 +212,7 @@ getTemplate("b", function(b) {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -220,8 +220,10 @@ getTemplate("b", function(b) {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -344,32 +346,32 @@ module.exports = function() {
## Unoptimized
```
asset output.js 8.81 KiB [emitted] (name: main)
asset output.js 8.96 KiB [emitted] (name: main)
asset 577.output.js 2.23 KiB [emitted]
chunk output.js (main) 266 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 266 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 266 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 577.output.js 457 bytes [rendered]
chunk (runtime: main) 577.output.js 457 bytes [rendered]
> ./example.js 2:1-4:3
dependent modules 240 bytes [dependent] 3 modules
../require.context/templates/ sync ^\.\/.*$ 217 bytes [built] [code generated]
[no exports]
[used exports unknown]
cjs require context ./example.js 3:11-64
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.74 KiB [emitted] [minimized] (name: main)
asset output.js 1.79 KiB [emitted] [minimized] (name: main)
asset 577.output.js 609 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 266 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 266 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 266 bytes [built] [code generated]
[no exports used]
entry ./example.js main
@ -379,5 +381,5 @@ chunk (runtime: main) 577.output.js 457 bytes [rendered]
../require.context/templates/ sync ^\.\/.*$ 217 bytes [built] [code generated]
[no exports]
cjs require context ./example.js 3:11-64
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

28
examples/code-splitting-bundle-loader/README.md
View File

@ -223,7 +223,7 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -241,7 +241,7 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -249,8 +249,10 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -301,32 +303,32 @@ module.exports = "It works";
## Unoptimized
```
asset output.js 9.44 KiB [emitted] (name: main)
asset output.js 9.58 KiB [emitted] (name: main)
asset 929.output.js 354 bytes [emitted]
chunk output.js (main) 375 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 375 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
dependent modules 281 bytes [dependent] 1 module
./example.js 94 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 929.output.js 28 bytes [rendered]
chunk (runtime: main) 929.output.js 28 bytes [rendered]
> ../../node_modules/bundle-loader/index.js!./file.js 7:0-14:2
./file.js 28 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./file.js 1:0-14
cjs require !!./file.js ../../node_modules/bundle-loader/index.js!./file.js 8:8-30
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.79 KiB [emitted] [minimized] (name: main)
asset output.js 1.84 KiB [emitted] [minimized] (name: main)
asset 929.output.js 88 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 375 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 375 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
dependent modules 281 bytes [dependent] 1 module
./example.js 94 bytes [built] [code generated]
[no exports used]
@ -337,5 +339,5 @@ chunk (runtime: main) 929.output.js 28 bytes [rendered]
[used exports unknown]
cjs self exports reference ./file.js 1:0-14
cjs require !!./file.js ../../node_modules/bundle-loader/index.js!./file.js 8:8-30
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

107
examples/code-splitting-depend-on-advanced/README.md
View File

@ -99,6 +99,9 @@ console.log(lodash, isomorphicFetch);
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
@ -276,43 +279,10 @@ console.log(lodash, isomorphicFetch);
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -330,7 +300,7 @@ console.log(lodash, isomorphicFetch);
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -343,8 +313,35 @@ console.log(lodash, isomorphicFetch);
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -540,7 +537,7 @@ module.exports = 'prop-types';
## Unoptimized
```
asset runtime.js 11.3 KiB [emitted] (name: runtime)
asset runtime.js 11.4 KiB [emitted] (name: runtime)
asset other-vendors.js 1.92 KiB [emitted] (name: other-vendors)
asset page1.js 1.64 KiB [emitted] (name: page1)
asset app.js 1.17 KiB [emitted] (name: app)
@ -548,34 +545,34 @@ asset lazy_js.js 1.11 KiB [emitted]
asset react-vendors.js 1.1 KiB [emitted] (name: react-vendors)
Entrypoint app 1.17 KiB = app.js
Entrypoint page1 1.64 KiB = page1.js
Entrypoint react-vendors 12.4 KiB = runtime.js 11.3 KiB react-vendors.js 1.1 KiB
Entrypoint other-vendors 13.3 KiB = runtime.js 11.3 KiB other-vendors.js 1.92 KiB
chunk app.js (app) 116 bytes <{other-vendors}> <{runtime}> >{page1}< [initial] [rendered]
Entrypoint react-vendors 12.5 KiB = runtime.js 11.4 KiB react-vendors.js 1.1 KiB
Entrypoint other-vendors 13.3 KiB = runtime.js 11.4 KiB other-vendors.js 1.92 KiB
chunk (runtime: runtime) app.js (app) 116 bytes <{other-vendors}> <{runtime}> >{page1}< [initial] [rendered]
> ./app.js app
./app.js 116 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./app.js app
chunk lazy_js.js 98 bytes <{page1}> [rendered]
chunk (runtime: runtime) lazy_js.js 98 bytes <{page1}> [rendered]
> ./lazy ./page1.js 7:0-16
./lazy.js 98 bytes [built] [code generated]
[no exports]
[used exports unknown]
import() ./lazy ./page1.js 7:0-16
chunk other-vendors.js (other-vendors) 210 bytes ={runtime}= >{app}< [initial] [rendered]
chunk (runtime: runtime) other-vendors.js (other-vendors) 210 bytes ={runtime}= >{app}< [initial] [rendered]
> ./other-vendors other-vendors
dependent modules 64 bytes [dependent] 2 modules
./other-vendors.js 146 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./other-vendors other-vendors
chunk page1.js (page1) 176 bytes <{app}> <{react-vendors}> <{runtime}> >{lazy_js}< [initial] [rendered]
chunk (runtime: runtime) page1.js (page1) 176 bytes <{app}> <{react-vendors}> <{runtime}> >{lazy_js}< [initial] [rendered]
> ./page1.js page1
./page1.js 176 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./page1.js page1
chunk react-vendors.js (react-vendors) 87 bytes ={runtime}= >{page1}< [initial] [rendered]
chunk (runtime: runtime) react-vendors.js (react-vendors) 87 bytes ={runtime}= >{page1}< [initial] [rendered]
> prop-types react-vendors
> react react-vendors
> react-dom react-vendors
@ -597,19 +594,19 @@ chunk react-vendors.js (react-vendors) 87 bytes ={runtime}= >{page1}< [initial]
harmony side effect evaluation react ./page1.js 2:0-26
harmony import specifier react ./page1.js 5:29-34
entry react react-vendors
chunk runtime.js (runtime) 6.86 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
chunk (runtime: runtime) runtime.js (runtime) 6.85 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
> ./other-vendors other-vendors
> prop-types react-vendors
> react react-vendors
> react-dom react-vendors
runtime modules 6.86 KiB 9 modules
webpack 5.0.0 compiled successfully
runtime modules 6.85 KiB 9 modules
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset runtime.js 2.24 KiB [emitted] [minimized] (name: runtime)
asset runtime.js 2.26 KiB [emitted] [minimized] (name: runtime)
asset page1.js 264 bytes [emitted] [minimized] (name: page1)
asset other-vendors.js 243 bytes [emitted] [minimized] (name: other-vendors)
asset react-vendors.js 208 bytes [emitted] [minimized] (name: react-vendors)
@ -617,8 +614,8 @@ asset app.js 184 bytes [emitted] [minimized] (name: app)
asset lazy_js.js 159 bytes [emitted] [minimized]
Entrypoint app 184 bytes = app.js
Entrypoint page1 264 bytes = page1.js
Entrypoint react-vendors 2.45 KiB = runtime.js 2.24 KiB react-vendors.js 208 bytes
Entrypoint other-vendors 2.48 KiB = runtime.js 2.24 KiB other-vendors.js 243 bytes
Entrypoint react-vendors 2.46 KiB = runtime.js 2.26 KiB react-vendors.js 208 bytes
Entrypoint other-vendors 2.5 KiB = runtime.js 2.26 KiB other-vendors.js 243 bytes
chunk (runtime: runtime) app.js (app) 116 bytes <{other-vendors}> <{runtime}> >{page1}< [initial] [rendered]
> ./app.js app
./app.js 116 bytes [built] [code generated]
@ -665,11 +662,11 @@ chunk (runtime: runtime) react-vendors.js (react-vendors) 87 bytes ={runtime}= >
harmony side effect evaluation react ./page1.js 2:0-26
harmony import specifier react ./page1.js 5:29-34
entry react react-vendors
chunk (runtime: runtime) runtime.js (runtime) 6.86 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
chunk (runtime: runtime) runtime.js (runtime) 6.85 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
> ./other-vendors other-vendors
> prop-types react-vendors
> react react-vendors
> react-dom react-vendors
runtime modules 6.86 KiB 9 modules
webpack 5.0.0 compiled successfully
runtime modules 6.85 KiB 9 modules
webpack 5.11.1 compiled successfully
```

89
examples/code-splitting-depend-on-simple/README.md
View File

@ -140,6 +140,9 @@ module.exports = 'prop-types';
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
@ -207,43 +210,10 @@ module.exports = 'prop-types';
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -261,7 +231,7 @@ module.exports = 'prop-types';
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -274,8 +244,35 @@ module.exports = 'prop-types';
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -295,15 +292,15 @@ module.exports = 'prop-types';
## Unoptimized
```
asset react-vendors.js 7.48 KiB [emitted] (name: react-vendors)
asset react-vendors.js 7.56 KiB [emitted] (name: react-vendors)
asset app.js 1.43 KiB [emitted] (name: app)
chunk app.js (app) 139 bytes <{react-vendors}> [initial] [rendered]
chunk (runtime: react-vendors) app.js (app) 139 bytes <{react-vendors}> [initial] [rendered]
> ./app.js app
./app.js 139 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./app.js app
chunk react-vendors.js (react-vendors) 87 bytes (javascript) 3.42 KiB (runtime) >{app}< [entry] [rendered]
chunk (runtime: react-vendors) react-vendors.js (react-vendors) 87 bytes (javascript) 3.42 KiB (runtime) >{app}< [entry] [rendered]
> prop-types react-vendors
> react react-vendors
> react-dom react-vendors
@ -327,13 +324,13 @@ chunk react-vendors.js (react-vendors) 87 bytes (javascript) 3.42 KiB (runtime)
harmony import specifier react ./app.js 5:12-17
cjs self exports reference ./node_modules/react.js 1:0-14
entry react react-vendors
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset react-vendors.js 1.04 KiB [emitted] [minimized] (name: react-vendors)
asset react-vendors.js 1.05 KiB [emitted] [minimized] (name: react-vendors)
asset app.js 195 bytes [emitted] [minimized] (name: app)
chunk (runtime: react-vendors) app.js (app) 139 bytes <{react-vendors}> [initial] [rendered]
> ./app.js app
@ -341,11 +338,11 @@ chunk (runtime: react-vendors) app.js (app) 139 bytes <{react-vendors}> [initial
[no exports]
[no exports used]
entry ./app.js app
chunk (runtime: react-vendors) react-vendors.js (react-vendors) 87 bytes (javascript) 3.16 KiB (runtime) >{app}< [entry] [rendered]
chunk (runtime: react-vendors) react-vendors.js (react-vendors) 87 bytes (javascript) 3.15 KiB (runtime) >{app}< [entry] [rendered]
> prop-types react-vendors
> react react-vendors
> react-dom react-vendors
runtime modules 3.16 KiB 4 modules
runtime modules 3.15 KiB 4 modules
cacheable modules 87 bytes
./node_modules/prop-types.js 31 bytes [built] [code generated]
[used exports unknown]
@ -365,5 +362,5 @@ chunk (runtime: react-vendors) react-vendors.js (react-vendors) 87 bytes (javasc
harmony import specifier react ./app.js 5:12-17
cjs self exports reference ./node_modules/react.js 1:0-14
entry react react-vendors
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

88
examples/code-splitting-harmony/README.md
View File

@ -35,19 +35,21 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
\********************/
/*! namespace exports */
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_require__.r, __webpack_exports__, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var a__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! a */ 1);
/* harmony import */ var a__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(a__WEBPACK_IMPORTED_MODULE_0__);
__webpack_require__.e(/*! import() */ 644).then(__webpack_require__.t.bind(__webpack_require__, /*! b */ 2, 7)).then(function(b) {
__webpack_require__.e(/*! import() */ 644).then(__webpack_require__.t.bind(__webpack_require__, /*! b */ 3, 23)).then(function(b) {
console.log("b loaded", b);
})
function loadC(name) {
return __webpack_require__(1)("./" + name);
return __webpack_require__(2)("./" + name);
}
Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
@ -57,6 +59,17 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
/***/ }),
/* 1 */
/*!***************************!*\
!*** ./node_modules/a.js ***!
\***************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: */
/***/ (() => {
// module a
/***/ }),
/* 2 */
/*!********************************************************!*\
!*** ./node_modules/c/ lazy ^\.\/.*$ namespace object ***!
\********************************************************/
@ -67,19 +80,19 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
var map = {
"./1": [
3,
4,
346
],
"./1.js": [
3,
4,
346
],
"./2": [
4,
5,
98
],
"./2.js": [
4,
5,
98
]
};
@ -98,7 +111,7 @@ function webpackAsyncContext(req) {
});
}
webpackAsyncContext.keys = () => Object.keys(map);
webpackAsyncContext.id = 1;
webpackAsyncContext.id = 2;
module.exports = webpackAsyncContext;
/***/ })
@ -136,22 +149,41 @@ module.exports = webpackAsyncContext;
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => module['default'] :
/******/ () => module;
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/create fake namespace object */
/******/ (() => {
/******/ var getProto = Object.getPrototypeOf ? (obj) => Object.getPrototypeOf(obj) : (obj) => obj.__proto__;
/******/ var leafPrototypes;
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 16: return value when it's Promise-like
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = this(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ if(typeof value === 'object' && value) {
/******/ if((mode & 4) && value.__esModule) return value;
/******/ if((mode & 16) && typeof value.then === 'function') return value;
/******/ }
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ var def = {};
/******/ if(mode & 2 && typeof value == 'object' && value) {
/******/ for(const key in value) def[key] = () => value[key];
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
/******/ Object.getOwnPropertyNames(current).forEach(key => def[key] = () => value[key]);
/******/ }
/******/ def['default'] = () => value;
/******/ __webpack_require__.d(ns, def);
@ -324,7 +356,7 @@ module.exports = webpackAsyncContext;
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -342,7 +374,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -350,8 +382,10 @@ module.exports = webpackAsyncContext;
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -373,44 +407,44 @@ module.exports = webpackAsyncContext;
## Unoptimized
```
asset output.js 12.2 KiB [emitted] (name: main)
asset output.js 13.7 KiB [emitted] (name: main)
asset 346.output.js 296 bytes [emitted]
asset 98.output.js 295 bytes [emitted]
asset 644.output.js 288 bytes [emitted]
chunk 98.output.js 13 bytes [rendered]
chunk (runtime: main) 98.output.js 13 bytes [rendered]
> ./2 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2
> ./2.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2.js
./node_modules/c/2.js 13 bytes [optional] [built] [code generated]
[used exports unknown]
context element ./2 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2
context element ./2.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2.js
chunk output.js (main) 403 bytes (javascript) 6.08 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 414 bytes (javascript) 6.9 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 6.08 KiB 9 modules
dependent modules 160 bytes [dependent] 1 module
runtime modules 6.9 KiB 10 modules
dependent modules 171 bytes [dependent] 2 modules
./example.js 243 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./example.js main
chunk 346.output.js 13 bytes [rendered]
chunk (runtime: main) 346.output.js 13 bytes [rendered]
> ./1 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1
> ./1.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1.js
./node_modules/c/1.js 13 bytes [optional] [built] [code generated]
[used exports unknown]
context element ./1 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1
context element ./1.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1.js
chunk 644.output.js 11 bytes [rendered]
chunk (runtime: main) 644.output.js 11 bytes [rendered]
> b ./example.js 3:0-11
./node_modules/b.js 11 bytes [built] [code generated]
[used exports unknown]
import() b ./example.js 3:0-11
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.62 KiB [emitted] [minimized] (name: main)
asset output.js 2.88 KiB [emitted] [minimized] (name: main)
asset 346.output.js 69 bytes [emitted] [minimized]
asset 644.output.js 69 bytes [emitted] [minimized]
asset 98.output.js 67 bytes [emitted] [minimized]
@ -421,9 +455,9 @@ chunk (runtime: main) 98.output.js 13 bytes [rendered]
[used exports unknown]
context element ./2 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2
context element ./2.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2.js
chunk (runtime: main) output.js (main) 403 bytes (javascript) 6.08 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 403 bytes (javascript) 6.64 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 6.08 KiB 9 modules
runtime modules 6.64 KiB 9 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 243 bytes [built] [code generated]
[no exports]
@ -441,5 +475,5 @@ chunk (runtime: main) 644.output.js 11 bytes [rendered]
./node_modules/b.js 11 bytes [built] [code generated]
[used exports unknown]
import() b ./example.js 3:0-11
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

32
examples/code-splitting-native-import-context-filter/README.md
View File

@ -302,7 +302,7 @@ module.exports = webpackAsyncContext;
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -320,7 +320,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -328,8 +328,10 @@ module.exports = webpackAsyncContext;
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -373,18 +375,18 @@ getTemplate("baz.noimport");
## Unoptimized
```
asset output.js 10.9 KiB [emitted] (name: main)
asset output.js 11.1 KiB [emitted] (name: main)
asset 398.output.js 856 bytes [emitted]
asset 544.output.js 856 bytes [emitted]
asset 718.output.js 856 bytes [emitted]
chunk output.js (main) 597 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 597 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 437 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 398.output.js 38 bytes [rendered]
chunk (runtime: main) 398.output.js 38 bytes [rendered]
> ./bar ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar
> ./bar.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar.js
./templates/bar.js 38 bytes [optional] [built] [code generated]
@ -392,7 +394,7 @@ chunk 398.output.js 38 bytes [rendered]
[used exports unknown]
context element ./bar ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar
context element ./bar.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar.js
chunk 544.output.js 38 bytes [rendered]
chunk (runtime: main) 544.output.js 38 bytes [rendered]
> ./baz ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz
> ./baz.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz.js
./templates/baz.js 38 bytes [optional] [built] [code generated]
@ -400,7 +402,7 @@ chunk 544.output.js 38 bytes [rendered]
[used exports unknown]
context element ./baz ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz
context element ./baz.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz.js
chunk 718.output.js 38 bytes [rendered]
chunk (runtime: main) 718.output.js 38 bytes [rendered]
> ./foo ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo
> ./foo.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo.js
./templates/foo.js 38 bytes [optional] [built] [code generated]
@ -408,19 +410,19 @@ chunk 718.output.js 38 bytes [rendered]
[used exports unknown]
context element ./foo ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo
context element ./foo.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo.js
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.41 KiB [emitted] [minimized] (name: main)
asset output.js 2.47 KiB [emitted] [minimized] (name: main)
asset 398.output.js 130 bytes [emitted] [minimized]
asset 544.output.js 130 bytes [emitted] [minimized]
asset 718.output.js 130 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 597 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 597 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 437 bytes [built] [code generated]
[no exports used]
@ -446,5 +448,5 @@ chunk (runtime: main) 718.output.js 38 bytes [rendered]
[exports: default]
context element ./foo ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo
context element ./foo.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo.js
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

32
examples/code-splitting-native-import-context/README.md
View File

@ -291,7 +291,7 @@ module.exports = webpackAsyncContext;
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -309,7 +309,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -317,8 +317,10 @@ module.exports = webpackAsyncContext;
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -360,18 +362,18 @@ getTemplate("baz");
## Unoptimized
```
asset output.js 10.7 KiB [emitted] (name: main)
asset output.js 10.9 KiB [emitted] (name: main)
asset 398.output.js 856 bytes [emitted]
asset 544.output.js 856 bytes [emitted]
asset 718.output.js 856 bytes [emitted]
chunk output.js (main) 441 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 441 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 281 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 398.output.js 38 bytes [rendered]
chunk (runtime: main) 398.output.js 38 bytes [rendered]
> ./bar ./templates/ lazy ^\.\/.*$ namespace object ./bar
> ./bar.js ./templates/ lazy ^\.\/.*$ namespace object ./bar.js
./templates/bar.js 38 bytes [optional] [built] [code generated]
@ -379,7 +381,7 @@ chunk 398.output.js 38 bytes [rendered]
[used exports unknown]
context element ./bar ./templates/ lazy ^\.\/.*$ namespace object ./bar
context element ./bar.js ./templates/ lazy ^\.\/.*$ namespace object ./bar.js
chunk 544.output.js 38 bytes [rendered]
chunk (runtime: main) 544.output.js 38 bytes [rendered]
> ./baz ./templates/ lazy ^\.\/.*$ namespace object ./baz
> ./baz.js ./templates/ lazy ^\.\/.*$ namespace object ./baz.js
./templates/baz.js 38 bytes [optional] [built] [code generated]
@ -387,7 +389,7 @@ chunk 544.output.js 38 bytes [rendered]
[used exports unknown]
context element ./baz ./templates/ lazy ^\.\/.*$ namespace object ./baz
context element ./baz.js ./templates/ lazy ^\.\/.*$ namespace object ./baz.js
chunk 718.output.js 38 bytes [rendered]
chunk (runtime: main) 718.output.js 38 bytes [rendered]
> ./foo ./templates/ lazy ^\.\/.*$ namespace object ./foo
> ./foo.js ./templates/ lazy ^\.\/.*$ namespace object ./foo.js
./templates/foo.js 38 bytes [optional] [built] [code generated]
@ -395,19 +397,19 @@ chunk 718.output.js 38 bytes [rendered]
[used exports unknown]
context element ./foo ./templates/ lazy ^\.\/.*$ namespace object ./foo
context element ./foo.js ./templates/ lazy ^\.\/.*$ namespace object ./foo.js
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.37 KiB [emitted] [minimized] (name: main)
asset output.js 2.43 KiB [emitted] [minimized] (name: main)
asset 398.output.js 130 bytes [emitted] [minimized]
asset 544.output.js 130 bytes [emitted] [minimized]
asset 718.output.js 130 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 441 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 441 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 281 bytes [built] [code generated]
[no exports used]
@ -433,5 +435,5 @@ chunk (runtime: main) 718.output.js 38 bytes [rendered]
[exports: default]
context element ./foo ./templates/ lazy ^\.\/.*$ namespace object ./foo
context element ./foo.js ./templates/ lazy ^\.\/.*$ namespace object ./foo.js
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

32
examples/code-splitting-specify-chunk-name/README.md
View File

@ -283,7 +283,7 @@ module.exports = webpackAsyncContext;
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -301,7 +301,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -309,8 +309,10 @@ module.exports = webpackAsyncContext;
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -352,18 +354,18 @@ __webpack_require__(1)("./ba" + createContextVar).then(function(bar) {
## Unoptimized
```
asset output.js 11.1 KiB [emitted] (name: main)
asset output.js 11.2 KiB [emitted] (name: main)
asset 548.output.js 856 bytes [emitted] (name: chunk-bar-baz2)
asset 791.output.js 856 bytes [emitted] (name: chunk-bar-baz0)
asset 930.output.js 856 bytes [emitted] (name: chunk-foo)
chunk output.js (main) 565 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 565 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 405 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 548.output.js (chunk-bar-baz2) 38 bytes [rendered]
chunk (runtime: main) 548.output.js (chunk-bar-baz2) 38 bytes [rendered]
> ./baz ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz
> ./baz.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz.js
./templates/baz.js 38 bytes [optional] [built] [code generated]
@ -371,7 +373,7 @@ chunk 548.output.js (chunk-bar-baz2) 38 bytes [rendered]
[used exports unknown]
context element ./baz ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz
context element ./baz.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz.js
chunk 791.output.js (chunk-bar-baz0) 38 bytes [rendered]
chunk (runtime: main) 791.output.js (chunk-bar-baz0) 38 bytes [rendered]
> ./bar ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar
> ./bar.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
./templates/bar.js 38 bytes [optional] [built] [code generated]
@ -379,7 +381,7 @@ chunk 791.output.js (chunk-bar-baz0) 38 bytes [rendered]
[used exports unknown]
context element ./bar ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar
context element ./bar.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
chunk 930.output.js (chunk-foo) 38 bytes [rendered]
chunk (runtime: main) 930.output.js (chunk-foo) 38 bytes [rendered]
> ./templates/foo ./example.js 1:0-62
> ./example.js 5:0-8:16
./templates/foo.js 38 bytes [built] [code generated]
@ -387,19 +389,19 @@ chunk 930.output.js (chunk-foo) 38 bytes [rendered]
[used exports unknown]
import() ./templates/foo ./example.js 1:0-62
cjs require ./templates/foo ./example.js 6:11-37
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.39 KiB [emitted] [minimized] (name: main)
asset output.js 2.44 KiB [emitted] [minimized] (name: main)
asset 548.output.js 130 bytes [emitted] [minimized] (name: chunk-bar-baz2)
asset 791.output.js 130 bytes [emitted] [minimized] (name: chunk-bar-baz0)
asset 930.output.js 130 bytes [emitted] [minimized] (name: chunk-foo)
chunk (runtime: main) output.js (main) 565 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 565 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 405 bytes [built] [code generated]
[no exports used]
@ -425,5 +427,5 @@ chunk (runtime: main) 930.output.js (chunk-foo) 38 bytes [rendered]
[exports: default]
import() ./templates/foo ./example.js 1:0-62
cjs require ./templates/foo ./example.js 6:11-37
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

28
examples/code-splitting/README.md
View File

@ -238,7 +238,7 @@ require.ensure(["c"], function(require) {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -256,7 +256,7 @@ require.ensure(["c"], function(require) {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -264,8 +264,10 @@ require.ensure(["c"], function(require) {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -335,16 +337,16 @@ Minimized
## Unoptimized
```
asset output.js 9.23 KiB [emitted] (name: main)
asset output.js 9.37 KiB [emitted] (name: main)
asset 796.output.js 528 bytes [emitted]
chunk output.js (main) 161 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 161 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
dependent modules 22 bytes [dependent] 2 modules
./example.js 139 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 796.output.js 22 bytes [rendered]
chunk (runtime: main) 796.output.js 22 bytes [rendered]
> ./example.js 3:0-6:2
./node_modules/c.js 11 bytes [built] [code generated]
[used exports unknown]
@ -352,17 +354,17 @@ chunk 796.output.js 22 bytes [rendered]
./node_modules/d.js 11 bytes [built] [code generated]
[used exports unknown]
cjs require d ./example.js 5:12-24
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.68 KiB [emitted] [minimized] (name: main)
asset output.js 1.74 KiB [emitted] [minimized] (name: main)
asset 796.output.js 80 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 161 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 161 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
dependent modules 22 bytes [dependent] 2 modules
./example.js 139 bytes [built] [code generated]
[no exports used]
@ -375,5 +377,5 @@ chunk (runtime: main) 796.output.js 22 bytes [rendered]
./node_modules/d.js 11 bytes [built] [code generated]
[used exports unknown]
cjs require d ./example.js 5:12-24
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

6
examples/coffee-script/README.md
View File

@ -116,13 +116,13 @@ console.log(__webpack_require__(/*! ./cup1 */ 1));
```
asset output.js 2.09 KiB [emitted] (name: main)
chunk output.js (main) 206 bytes [entry] [rendered]
chunk (runtime: main) output.js (main) 206 bytes [entry] [rendered]
> ./example.js main
dependent modules 175 bytes [dependent] 2 modules
./example.js 31 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -135,5 +135,5 @@ chunk (runtime: main) output.js (main) 206 bytes [entry] [rendered]
./example.js 31 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

369
examples/common-chunk-and-vendor-chunk/README.md
View File

@ -214,6 +214,9 @@ module.exports = "utility1";
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
@ -244,43 +247,10 @@ module.exports = "utility1";
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -298,7 +268,7 @@ module.exports = "utility1";
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -311,8 +281,35 @@ module.exports = "utility1";
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -384,6 +381,9 @@ module.exports = "pageB";
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
@ -414,43 +414,10 @@ module.exports = "pageB";
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -468,7 +435,7 @@ module.exports = "pageB";
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -481,8 +448,35 @@ module.exports = "pageB";
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -552,6 +546,9 @@ module.exports = "pageC";
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
@ -582,43 +579,10 @@ module.exports = "pageC";
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -636,7 +600,7 @@ module.exports = "pageC";
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -649,8 +613,35 @@ module.exports = "pageC";
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -673,80 +664,13 @@ module.exports = "pageC";
assets by chunk 768 bytes (id hint: commons)
asset commons-utility2_js.js 384 bytes [emitted] (id hint: commons)
asset commons-utility3_js.js 384 bytes [emitted] (id hint: commons)
asset pageA.js 5.92 KiB [emitted] (name: pageA)
asset pageB.js 5.65 KiB [emitted] (name: pageB)
asset pageC.js 5.59 KiB [emitted] (name: pageC)
asset pageA.js 6 KiB [emitted] (name: pageA)
asset pageB.js 5.73 KiB [emitted] (name: pageB)
asset pageC.js 5.67 KiB [emitted] (name: pageC)
asset vendor.js 737 bytes [emitted] (name: vendor) (id hint: vendor)
Entrypoint pageA 7.02 KiB = vendor.js 737 bytes commons-utility2_js.js 384 bytes pageA.js 5.92 KiB
Entrypoint pageB 7.12 KiB = vendor.js 737 bytes commons-utility2_js.js 384 bytes commons-utility3_js.js 384 bytes pageB.js 5.65 KiB
Entrypoint pageC 6.34 KiB = commons-utility2_js.js 384 bytes commons-utility3_js.js 384 bytes pageC.js 5.59 KiB
chunk commons-utility2_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
> ./pageA pageA
> ./pageB pageB
> ./pageC pageC
./utility2.js 28 bytes [built] [code generated]
[used exports unknown]
cjs require ./utility2 ./pageA.js 3:15-36
cjs require ./utility2 ./pageB.js 2:15-36
cjs require ./utility2 ./pageC.js 1:15-36
cjs self exports reference ./utility2.js 1:0-14
chunk commons-utility3_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
> ./pageB pageB
> ./pageC pageC
./utility3.js 28 bytes [built] [code generated]
[used exports unknown]
cjs require ./utility3 ./pageB.js 3:15-36
cjs require ./utility3 ./pageC.js 2:15-36
cjs self exports reference ./utility3.js 1:0-14
chunk pageA.js (pageA) 165 bytes (javascript) 2.61 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 2.61 KiB 2 modules
dependent modules 28 bytes [dependent] 1 module
./pageA.js 137 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageA.js 5:0-14
entry ./pageA pageA
chunk pageB.js (pageB) 137 bytes (javascript) 2.63 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 2.63 KiB 2 modules
./pageB.js 137 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageB.js 5:0-14
entry ./pageB pageB
chunk pageC.js (pageC) 102 bytes (javascript) 2.62 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 2.62 KiB 2 modules
./pageC.js 102 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageC.js 4:0-14
entry ./pageC pageC
chunk vendor.js (vendor) (id hint: vendor) 54 bytes [initial] [rendered] split chunk (cache group: vendor) (name: vendor)
> ./pageA pageA
> ./pageB pageB
./node_modules/vendor1.js 27 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./node_modules/vendor1.js 1:0-14
cjs require vendor1 ./pageA.js 1:14-32
./node_modules/vendor2.js 27 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./node_modules/vendor2.js 1:0-14
cjs require vendor2 ./pageB.js 1:14-32
webpack 5.0.0 compiled successfully
```
## Production mode
```
assets by chunk 212 bytes (id hint: commons)
asset commons-utility2_js.js 106 bytes [emitted] [minimized] (id hint: commons)
asset commons-utility3_js.js 106 bytes [emitted] [minimized] (id hint: commons)
asset pageA.js 900 bytes [emitted] [minimized] (name: pageA)
asset pageB.js 892 bytes [emitted] [minimized] (name: pageB)
asset pageC.js 876 bytes [emitted] [minimized] (name: pageC)
asset vendor.js 121 bytes [emitted] [minimized] (name: vendor) (id hint: vendor)
Entrypoint pageA 1.1 KiB = vendor.js 121 bytes commons-utility2_js.js 106 bytes pageA.js 900 bytes
Entrypoint pageB 1.2 KiB = vendor.js 121 bytes commons-utility2_js.js 106 bytes commons-utility3_js.js 106 bytes pageB.js 892 bytes
Entrypoint pageC 1.06 KiB = commons-utility2_js.js 106 bytes commons-utility3_js.js 106 bytes pageC.js 876 bytes
Entrypoint pageA 7.09 KiB = vendor.js 737 bytes commons-utility2_js.js 384 bytes pageA.js 6 KiB
Entrypoint pageB 7.2 KiB = vendor.js 737 bytes commons-utility2_js.js 384 bytes commons-utility3_js.js 384 bytes pageB.js 5.73 KiB
Entrypoint pageC 6.42 KiB = commons-utility2_js.js 384 bytes commons-utility3_js.js 384 bytes pageC.js 5.67 KiB
chunk (runtime: pageA, pageB, pageC) commons-utility2_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
> ./pageA pageA
> ./pageB pageB
@ -765,9 +689,76 @@ chunk (runtime: pageB, pageC) commons-utility3_js.js (id hint: commons) 28 bytes
cjs require ./utility3 ./pageB.js 3:15-36
cjs require ./utility3 ./pageC.js 2:15-36
cjs self exports reference ./utility3.js 1:0-14
chunk (runtime: pageA) pageA.js (pageA) 165 bytes (javascript) 2.61 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.js (pageA) 165 bytes (javascript) 2.6 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 2.6 KiB 2 modules
dependent modules 28 bytes [dependent] 1 module
./pageA.js 137 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageA.js 5:0-14
entry ./pageA pageA
chunk (runtime: pageB) pageB.js (pageB) 137 bytes (javascript) 2.62 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 2.62 KiB 2 modules
./pageB.js 137 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageB.js 5:0-14
entry ./pageB pageB
chunk (runtime: pageC) pageC.js (pageC) 102 bytes (javascript) 2.61 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 2.61 KiB 2 modules
./pageC.js 102 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageC.js 4:0-14
entry ./pageC pageC
chunk (runtime: pageA, pageB) vendor.js (vendor) (id hint: vendor) 54 bytes [initial] [rendered] split chunk (cache group: vendor) (name: vendor)
> ./pageA pageA
> ./pageB pageB
./node_modules/vendor1.js 27 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./node_modules/vendor1.js 1:0-14
cjs require vendor1 ./pageA.js 1:14-32
./node_modules/vendor2.js 27 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./node_modules/vendor2.js 1:0-14
cjs require vendor2 ./pageB.js 1:14-32
webpack 5.11.1 compiled successfully
```
## Production mode
```
assets by chunk 212 bytes (id hint: commons)
asset commons-utility2_js.js 106 bytes [emitted] [minimized] (id hint: commons)
asset commons-utility3_js.js 106 bytes [emitted] [minimized] (id hint: commons)
asset pageA.js 907 bytes [emitted] [minimized] (name: pageA)
asset pageB.js 899 bytes [emitted] [minimized] (name: pageB)
asset pageC.js 883 bytes [emitted] [minimized] (name: pageC)
asset vendor.js 121 bytes [emitted] [minimized] (name: vendor) (id hint: vendor)
Entrypoint pageA 1.11 KiB = vendor.js 121 bytes commons-utility2_js.js 106 bytes pageA.js 907 bytes
Entrypoint pageB 1.2 KiB = vendor.js 121 bytes commons-utility2_js.js 106 bytes commons-utility3_js.js 106 bytes pageB.js 899 bytes
Entrypoint pageC 1.07 KiB = commons-utility2_js.js 106 bytes commons-utility3_js.js 106 bytes pageC.js 883 bytes
chunk (runtime: pageA, pageB, pageC) commons-utility2_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
> ./pageA pageA
> ./pageB pageB
> ./pageC pageC
./utility2.js 28 bytes [built] [code generated]
[used exports unknown]
cjs require ./utility2 ./pageA.js 3:15-36
cjs require ./utility2 ./pageB.js 2:15-36
cjs require ./utility2 ./pageC.js 1:15-36
cjs self exports reference ./utility2.js 1:0-14
chunk (runtime: pageB, pageC) commons-utility3_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
> ./pageB pageB
> ./pageC pageC
./utility3.js 28 bytes [built] [code generated]
[used exports unknown]
cjs require ./utility3 ./pageB.js 3:15-36
cjs require ./utility3 ./pageC.js 2:15-36
cjs self exports reference ./utility3.js 1:0-14
chunk (runtime: pageA) pageA.js (pageA) 165 bytes (javascript) 2.6 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 2.6 KiB 2 modules
dependent modules 28 bytes [dependent] 1 module
./pageA.js 137 bytes [built] [code generated]
[used exports unknown]
@ -798,5 +789,5 @@ chunk (runtime: pageA, pageB) vendor.js (vendor) (id hint: vendor) 54 bytes [ini
[used exports unknown]
cjs self exports reference ./node_modules/vendor2.js 1:0-14
cjs require vendor2 ./pageB.js 1:14-32
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

34
examples/common-chunk-grandchildren/README.md
View File

@ -283,7 +283,7 @@ module.exports = {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -301,7 +301,7 @@ module.exports = {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -309,8 +309,10 @@ module.exports = {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -452,30 +454,30 @@ module.exports = function() {
## Unoptimized
```
asset output.js 8.95 KiB [emitted] (name: main)
asset output.js 9.1 KiB [emitted] (name: main)
asset 588.output.js 736 bytes [emitted]
asset 366.output.js 558 bytes [emitted]
asset 145.output.js 552 bytes [emitted]
asset 421.output.js 434 bytes [emitted]
chunk 145.output.js 136 bytes [rendered]
chunk (runtime: main) 145.output.js 136 bytes [rendered]
> ./pageB.js 3:1-6:3
./pageC.js 136 bytes [built] [code generated]
[used exports unknown]
cjs require ./pageC ./pageB.js 4:15-33
cjs self exports reference ./pageC.js 3:0-14
chunk output.js (main) 220 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 220 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 220 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 366.output.js 136 bytes [rendered]
chunk (runtime: main) 366.output.js 136 bytes [rendered]
> ./example.js 3:1-6:3
./pageA.js 136 bytes [built] [code generated]
[used exports unknown]
cjs require ./pageA ./example.js 4:15-33
cjs self exports reference ./pageA.js 3:0-14
chunk 421.output.js 69 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) 421.output.js 69 bytes [rendered] split chunk (cache group: default)
> ./example.js 3:1-6:3
> ./pageB.js 3:1-6:3
./reusableComponent.js 69 bytes [built] [code generated]
@ -483,19 +485,19 @@ chunk 421.output.js 69 bytes [rendered] split chunk (cache group: default)
cjs require ./reusableComponent ./pageA.js 1:24-54
cjs require ./reusableComponent ./pageC.js 1:24-54
cjs self exports reference ./reusableComponent.js 1:0-14
chunk 588.output.js 133 bytes [rendered]
chunk (runtime: main) 588.output.js 133 bytes [rendered]
> ./example.js 7:1-10:3
./pageB.js 133 bytes [built] [code generated]
[used exports unknown]
cjs require ./pageB ./example.js 8:15-33
cjs self exports reference ./pageB.js 1:0-14
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.74 KiB [emitted] [minimized] (name: main)
asset output.js 1.79 KiB [emitted] [minimized] (name: main)
asset 588.output.js 198 bytes [emitted] [minimized]
asset 145.output.js 134 bytes [emitted] [minimized]
asset 366.output.js 134 bytes [emitted] [minimized]
@ -506,9 +508,9 @@ chunk (runtime: main) 145.output.js 136 bytes [rendered]
[used exports unknown]
cjs require ./pageC ./pageB.js 4:15-33
cjs self exports reference ./pageC.js 3:0-14
chunk (runtime: main) output.js (main) 220 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 220 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 220 bytes [built] [code generated]
[no exports used]
entry ./example.js main
@ -532,5 +534,5 @@ chunk (runtime: main) 588.output.js 133 bytes [rendered]
[used exports unknown]
cjs require ./pageB ./example.js 8:15-33
cjs self exports reference ./pageB.js 1:0-14
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

6
examples/commonjs/README.md
View File

@ -135,13 +135,13 @@ inc(a); // 2
```
asset output.js 2.34 KiB [emitted] (name: main)
chunk output.js (main) 326 bytes [entry] [rendered]
chunk (runtime: main) output.js (main) 326 bytes [entry] [rendered]
> ./example.js main
dependent modules 254 bytes [dependent] 2 modules
./example.js 72 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -154,5 +154,5 @@ chunk (runtime: main) output.js (main) 326 bytes [entry] [rendered]
./example.js 72 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

4
examples/custom-json-modules/README.md
View File

@ -249,7 +249,7 @@ module.exports = JSON.parse("{\"title\":\"JSON5 Example\",\"owner\":{\"name\":\"
```
asset output.js 5.98 KiB [emitted] (name: main)
chunk output.js (main) 919 bytes (javascript) 274 bytes (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 919 bytes (javascript) 274 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 565 bytes [dependent] 3 modules
runtime modules 274 bytes 1 module
@ -257,5 +257,5 @@ chunk output.js (main) 919 bytes (javascript) 274 bytes (runtime) [entry] [rende
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

10
examples/dll-app-and-vendor/0-vendor/README.md
View File

@ -41,7 +41,7 @@ export function square(n) {
# dist/vendor.js
```javascript
var vendor_lib_ebb1a24c629010ce31fa;vendor_lib_ebb1a24c629010ce31fa =
var vendor_lib_d696c7b4f72a4a70f39b;vendor_lib_d696c7b4f72a4a70f39b =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
@ -152,7 +152,7 @@ function square(n) {
# dist/vendor-manifest.json
```javascript
{"name":"vendor_lib_ebb1a24c629010ce31fa","content":{"../node_modules/example-vendor.js":{"id":1,"buildMeta":{"exportsType":"namespace","sideEffectFree":true},"exports":["square"]}}}
{"name":"vendor_lib_d696c7b4f72a4a70f39b","content":{"../node_modules/example-vendor.js":{"id":1,"buildMeta":{"exportsType":"namespace"},"exports":["square"]}}}
```
# Info
@ -161,7 +161,7 @@ function square(n) {
```
asset vendor.js 3.56 KiB [emitted] (name: main)
chunk vendor.js (main) 57 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
chunk (runtime: main) vendor.js (main) 57 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> main
runtime modules 668 bytes 3 modules
dependent modules 45 bytes [dependent] 1 module
@ -169,7 +169,7 @@ chunk vendor.js (main) 57 bytes (javascript) 668 bytes (runtime) [entry] [render
[used exports unknown]
dll entry
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -183,5 +183,5 @@ chunk (runtime: main) vendor.js (main) 57 bytes (javascript) 668 bytes (runtime)
dll main 12 bytes [built] [code generated]
dll entry
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

14
examples/dll-app-and-vendor/1-app/README.md
View File

@ -71,7 +71,7 @@ console.log(new example_vendor__WEBPACK_IMPORTED_MODULE_0__.square(7));
/***/ }),
/* 1 */
/*!******************************************************************************************************!*\
!*** delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_ebb1a24c629010ce31fa ***!
!*** delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_d696c7b4f72a4a70f39b ***!
\******************************************************************************************************/
/*! namespace exports */
/*! export square [provided] [no usage info] [provision prevents renaming (no use info)] */
@ -79,12 +79,12 @@ console.log(new example_vendor__WEBPACK_IMPORTED_MODULE_0__.square(7));
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference vendor_lib_ebb1a24c629010ce31fa */ 2))(1);
module.exports = (__webpack_require__(/*! dll-reference vendor_lib_d696c7b4f72a4a70f39b */ 2))(1);
/***/ }),
/* 2 */
/*!**************************************************!*\
!*** external "vendor_lib_ebb1a24c629010ce31fa" ***!
!*** external "vendor_lib_d696c7b4f72a4a70f39b" ***!
\**************************************************/
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
@ -92,7 +92,7 @@ module.exports = (__webpack_require__(/*! dll-reference vendor_lib_ebb1a24c62901
/***/ ((module) => {
"use strict";
module.exports = vendor_lib_ebb1a24c629010ce31fa;
module.exports = vendor_lib_d696c7b4f72a4a70f39b;
/***/ })
/******/ ]);
@ -157,7 +157,7 @@ module.exports = vendor_lib_ebb1a24c629010ce31fa;
```
asset app.js 3.52 KiB [emitted] (name: main)
chunk app.js (main) 178 bytes (javascript) 274 bytes (runtime) [entry] [rendered]
chunk (runtime: main) app.js (main) 178 bytes (javascript) 274 bytes (runtime) [entry] [rendered]
> ./example-app main
dependent modules 84 bytes [dependent] 2 modules
runtime modules 274 bytes 1 module
@ -165,7 +165,7 @@ chunk app.js (main) 178 bytes (javascript) 274 bytes (runtime) [entry] [rendered
[no exports]
[used exports unknown]
entry ./example-app main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -179,7 +179,7 @@ chunk (runtime: main) app.js (main) 178 bytes [entry] [rendered]
[no exports]
[no exports used]
entry ./example-app main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
<!-- @TODO:

18
examples/dll-entry-only/README.md
View File

@ -63,7 +63,7 @@ module.exports = {
# dist/dll.js
```javascript
var dll_845506e3d5fbeffab985;dll_845506e3d5fbeffab985 =
var dll_86cc3668cb72d94ce910;dll_86cc3668cb72d94ce910 =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
@ -102,20 +102,20 @@ __webpack_require__.d(__webpack_exports__, {
"c": () => /* reexport */ cjs.c
});
// CONCATENATED MODULE: ./b.js
;// CONCATENATED MODULE: ./b.js
// module b
function b() {
return "b";
}
// CONCATENATED MODULE: ./a.js
;// CONCATENATED MODULE: ./a.js
// module a
var a = "a";
// EXTERNAL MODULE: ./cjs.js
var cjs = __webpack_require__(2);
// CONCATENATED MODULE: ./example.js
;// CONCATENATED MODULE: ./example.js
@ -213,7 +213,7 @@ exports.c = "c";
# dist/dll-manifest.json
```javascript
{"name":"dll_845506e3d5fbeffab985","content":{"./example.js":{"id":1,"buildMeta":{"exportsType":"namespace"},"exports":["a","b","c"]}}}
{"name":"dll_86cc3668cb72d94ce910","content":{"./example.js":{"id":1,"buildMeta":{"exportsType":"namespace"},"exports":["a","b","c"]}}}
```
# Info
@ -222,7 +222,7 @@ exports.c = "c";
```
asset dll.js 4.58 KiB [emitted] (name: dll)
chunk dll.js (dll) 211 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
chunk (runtime: dll) dll.js (dll) 211 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> dll
runtime modules 668 bytes 3 modules
dependent modules 199 bytes [dependent] 2 modules
@ -230,13 +230,13 @@ chunk dll.js (dll) 211 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
[used exports unknown]
dll entry
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset dll.js 675 bytes [emitted] [minimized] (name: dll)
asset dll.js 679 bytes [emitted] [minimized] (name: dll)
chunk (runtime: dll) dll.js (dll) 211 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> dll
runtime modules 668 bytes 3 modules
@ -244,5 +244,5 @@ chunk (runtime: dll) dll.js (dll) 211 bytes (javascript) 668 bytes (runtime) [en
dll dll 12 bytes [built] [code generated]
dll entry
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

40
examples/dll-user/README.md
View File

@ -46,18 +46,18 @@ console.log(require("module"));
/* 0 */,
/* 1 */
/*!**************************************************************************!*\
!*** delegated ./alpha.js from dll-reference alpha_bd6d04da4340c44a8be7 ***!
!*** delegated ./alpha.js from dll-reference alpha_bb584d575dc33696660b ***!
\**************************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_bd6d04da4340c44a8be7 */ 2))(1);
module.exports = (__webpack_require__(/*! dll-reference alpha_bb584d575dc33696660b */ 2))(1);
/***/ }),
/* 2 */
/*!*********************************************!*\
!*** external "alpha_bd6d04da4340c44a8be7" ***!
!*** external "alpha_bb584d575dc33696660b" ***!
\*********************************************/
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
@ -65,34 +65,34 @@ module.exports = (__webpack_require__(/*! dll-reference alpha_bd6d04da4340c44a8b
/***/ ((module) => {
"use strict";
module.exports = alpha_bd6d04da4340c44a8be7;
module.exports = alpha_bb584d575dc33696660b;
/***/ }),
/* 3 */
/*!**********************************************************************!*\
!*** delegated ./a.js from dll-reference alpha_bd6d04da4340c44a8be7 ***!
!*** delegated ./a.js from dll-reference alpha_bb584d575dc33696660b ***!
\**********************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_bd6d04da4340c44a8be7 */ 2))(2);
module.exports = (__webpack_require__(/*! dll-reference alpha_bb584d575dc33696660b */ 2))(2);
/***/ }),
/* 4 */
/*!************************************************************************!*\
!*** delegated ./beta.js from dll-reference beta_bd6d04da4340c44a8be7 ***!
!*** delegated ./beta.js from dll-reference beta_bb584d575dc33696660b ***!
\************************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_bd6d04da4340c44a8be7 */ 5))(5);
module.exports = (__webpack_require__(/*! dll-reference beta_bb584d575dc33696660b */ 5))(5);
/***/ }),
/* 5 */
/*!********************************************!*\
!*** external "beta_bd6d04da4340c44a8be7" ***!
!*** external "beta_bb584d575dc33696660b" ***!
\********************************************/
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
@ -100,40 +100,40 @@ module.exports = (__webpack_require__(/*! dll-reference beta_bd6d04da4340c44a8be
/***/ ((module) => {
"use strict";
module.exports = beta_bd6d04da4340c44a8be7;
module.exports = beta_bb584d575dc33696660b;
/***/ }),
/* 6 */
/*!*********************************************************************!*\
!*** delegated ./b.js from dll-reference beta_bd6d04da4340c44a8be7 ***!
!*** delegated ./b.js from dll-reference beta_bb584d575dc33696660b ***!
\*********************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_bd6d04da4340c44a8be7 */ 5))(6);
module.exports = (__webpack_require__(/*! dll-reference beta_bb584d575dc33696660b */ 5))(6);
/***/ }),
/* 7 */
/*!**********************************************************************!*\
!*** delegated ./c.jsx from dll-reference beta_bd6d04da4340c44a8be7 ***!
!*** delegated ./c.jsx from dll-reference beta_bb584d575dc33696660b ***!
\**********************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_bd6d04da4340c44a8be7 */ 5))(7);
module.exports = (__webpack_require__(/*! dll-reference beta_bb584d575dc33696660b */ 5))(7);
/***/ }),
/* 8 */
/*!*****************************************************************************************!*\
!*** delegated ../node_modules/module.js from dll-reference alpha_bd6d04da4340c44a8be7 ***!
!*** delegated ../node_modules/module.js from dll-reference alpha_bb584d575dc33696660b ***!
\*****************************************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_bd6d04da4340c44a8be7 */ 2))(3);
module.exports = (__webpack_require__(/*! dll-reference alpha_bb584d575dc33696660b */ 2))(3);
/***/ })
/******/ ]);
@ -199,24 +199,24 @@ console.log(__webpack_require__(/*! module */ 8));
```
asset output.js 5.33 KiB [emitted] (name: main)
chunk output.js (main) 541 bytes [entry] [rendered]
chunk (runtime: main) output.js (main) 541 bytes [entry] [rendered]
> ./example.js main
dependent modules 336 bytes [dependent] 8 modules
./example.js 205 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 573 bytes [emitted] [minimized] (name: main)
asset output.js 569 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 541 bytes [entry] [rendered]
> ./example.js main
dependent modules 336 bytes [dependent] 8 modules
./example.js 205 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

12
examples/dll/README.md
View File

@ -35,7 +35,7 @@ module.exports = {
# dist/MyDll.alpha.js
```javascript
var alpha_bd6d04da4340c44a8be7;alpha_bd6d04da4340c44a8be7 =
var alpha_bb584d575dc33696660b;alpha_bb584d575dc33696660b =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
@ -132,7 +132,7 @@ module.exports = "module";
# dist/alpha-manifest.json
```javascript
{"name":"alpha_bd6d04da4340c44a8be7","content":{"./alpha.js":{"id":1,"buildMeta":{}},"./a.js":{"id":2,"buildMeta":{}},"../node_modules/module.js":{"id":3,"buildMeta":{}}}}
{"name":"alpha_bb584d575dc33696660b","content":{"./alpha.js":{"id":1,"buildMeta":{}},"./a.js":{"id":2,"buildMeta":{}},"../node_modules/module.js":{"id":3,"buildMeta":{}}}}
```
# Info
@ -142,21 +142,21 @@ module.exports = "module";
```
asset MyDll.alpha.js 2.46 KiB [emitted] (name: alpha)
asset MyDll.beta.js 2.43 KiB [emitted] (name: beta)
chunk MyDll.alpha.js (alpha) 84 bytes [entry] [rendered]
chunk (runtime: alpha) MyDll.alpha.js (alpha) 84 bytes [entry] [rendered]
> alpha
dependent modules 72 bytes [dependent] 3 modules
dll alpha 12 bytes [built] [code generated]
[used exports unknown]
dll entry
used as library export
chunk MyDll.beta.js (beta) 80 bytes [entry] [rendered]
chunk (runtime: beta) MyDll.beta.js (beta) 80 bytes [entry] [rendered]
> beta
dependent modules 68 bytes [dependent] 3 modules
dll beta 12 bytes [built] [code generated]
[used exports unknown]
dll entry
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -176,5 +176,5 @@ chunk (runtime: beta) MyDll.beta.js (beta) 80 bytes [entry] [rendered]
dll beta 12 bytes [built] [code generated]
dll entry
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

34
examples/explicit-vendor-chunk/README.md
View File

@ -46,7 +46,7 @@ module.exports = [
# dist/vendor.js
```javascript
var vendor_fef5e13bbb88a32cfed3;vendor_fef5e13bbb88a32cfed3 =
var vendor_7d1747242b2946e98b24;vendor_7d1747242b2946e98b24 =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
@ -148,18 +148,18 @@ module.exports = "pageA";
/***/ }),
/* 1 */
/*!****************************************************************************!*\
!*** delegated ./vendor.js from dll-reference vendor_fef5e13bbb88a32cfed3 ***!
!*** delegated ./vendor.js from dll-reference vendor_7d1747242b2946e98b24 ***!
\****************************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference vendor_fef5e13bbb88a32cfed3 */ 2))(1);
module.exports = (__webpack_require__(/*! dll-reference vendor_7d1747242b2946e98b24 */ 2))(1);
/***/ }),
/* 2 */
/*!**********************************************!*\
!*** external "vendor_fef5e13bbb88a32cfed3" ***!
!*** external "vendor_7d1747242b2946e98b24" ***!
\**********************************************/
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
@ -167,7 +167,7 @@ module.exports = (__webpack_require__(/*! dll-reference vendor_fef5e13bbb88a32cf
/***/ ((module) => {
"use strict";
module.exports = vendor_fef5e13bbb88a32cfed3;
module.exports = vendor_7d1747242b2946e98b24;
/***/ })
/******/ ]);
@ -208,8 +208,8 @@ module.exports = vendor_fef5e13bbb88a32cfed3;
``` js
/******/ // startup
/******/ // Load entry module
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ __webpack_require__(0);
/******/ // This entry module used 'module' so it can't be inlined
/******/ })()
;
```
@ -221,40 +221,40 @@ module.exports = vendor_fef5e13bbb88a32cfed3;
```
vendor:
asset vendor.js 2.16 KiB [emitted] (name: main)
chunk vendor.js (main) 65 bytes [entry] [rendered]
chunk (runtime: main) vendor.js (main) 65 bytes [entry] [rendered]
> main
dependent modules 53 bytes [dependent] 2 modules
dll main 12 bytes [built] [code generated]
[used exports unknown]
dll entry
used as library export
vendor (webpack 5.0.0) compiled successfully
vendor (webpack 5.11.1) compiled successfully
app:
asset pageB.js 2.51 KiB [emitted] (name: pageB)
asset pageA.js 2.49 KiB [emitted] (name: pageA)
asset pageC.js 1.49 KiB [emitted] (name: pageC)
chunk pageA.js (pageA) 143 bytes [entry] [rendered]
asset pageB.js 2.53 KiB [emitted] (name: pageB)
asset pageA.js 2.51 KiB [emitted] (name: pageA)
asset pageC.js 1.51 KiB [emitted] (name: pageC)
chunk (runtime: pageA) pageA.js (pageA) 143 bytes [entry] [rendered]
> ./pageA pageA
dependent modules 84 bytes [dependent] 2 modules
./pageA.js 59 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageA.js 2:0-14
entry ./pageA pageA
chunk pageB.js (pageB) 144 bytes [entry] [rendered]
chunk (runtime: pageB) pageB.js (pageB) 144 bytes [entry] [rendered]
> ./pageB pageB
dependent modules 84 bytes [dependent] 2 modules
./pageB.js 60 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageB.js 2:0-14
entry ./pageB pageB
chunk pageC.js (pageC) 25 bytes [entry] [rendered]
chunk (runtime: pageC) pageC.js (pageC) 25 bytes [entry] [rendered]
> ./pageC pageC
./pageC.js 25 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageC.js 1:0-14
entry ./pageC pageC
app (webpack 5.0.0) compiled successfully
app (webpack 5.11.1) compiled successfully
```
## Production mode
@ -268,7 +268,7 @@ vendor:
dll main 12 bytes [built] [code generated]
dll entry
used as library export
vendor (webpack 5.0.0) compiled successfully
vendor (webpack 5.11.1) compiled successfully
app:
asset pageA.js 283 bytes [emitted] [minimized] (name: pageA)
@ -294,5 +294,5 @@ app:
[used exports unknown]
cjs self exports reference ./pageA.js 2:0-14
entry ./pageA pageA
app (webpack 5.0.0) compiled successfully
app (webpack 5.11.1) compiled successfully
```

6
examples/externals/README.md vendored
View File

@ -154,7 +154,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
```
asset output.js 3.29 KiB [emitted] (name: main)
chunk output.js (main) 194 bytes [entry] [rendered]
chunk (runtime: main) output.js (main) 194 bytes [entry] [rendered]
> ./example.js main
dependent modules 84 bytes [dependent] 2 modules
./example.js 110 bytes [built] [code generated]
@ -162,7 +162,7 @@ chunk output.js (main) 194 bytes [entry] [rendered]
[used exports unknown]
entry ./example.js main
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -176,5 +176,5 @@ chunk (runtime: main) output.js (main) 194 bytes [entry] [rendered]
[exports: exampleValue]
entry ./example.js main
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

40
examples/extra-async-chunk-advanced/README.md
View File

@ -213,7 +213,7 @@ module.exports = {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -231,7 +231,7 @@ module.exports = {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -239,8 +239,10 @@ module.exports = {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -280,7 +282,7 @@ Promise.all(/*! require.ensure */[__webpack_require__.e(847), __webpack_require_
## Unoptimized
```
asset output.js 9.79 KiB [emitted] (name: main)
asset output.js 9.93 KiB [emitted] (name: main)
asset 847.output.js 344 bytes [emitted]
asset 390.output.js 338 bytes [emitted]
asset 460.output.js 338 bytes [emitted]
@ -288,43 +290,43 @@ asset 568.output.js 338 bytes [emitted]
asset 767.output.js 338 bytes [emitted]
asset 785.output.js 338 bytes [emitted]
asset 996.output.js 338 bytes [emitted]
chunk output.js (main) 346 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 346 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 346 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 390.output.js 21 bytes [rendered]
chunk (runtime: main) 390.output.js 21 bytes [rendered]
> ./example.js 8:0-16:2
./e.js 21 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./e.js 1:0-14
require.ensure item ./e ./example.js 8:0-16:2
chunk 460.output.js 21 bytes [rendered]
chunk (runtime: main) 460.output.js 21 bytes [rendered]
> ./a ./b ./c ./example.js 1:0-52
./c.js 21 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./c.js 1:0-14
amd require ./c ./example.js 1:0-52
chunk 568.output.js 21 bytes [rendered]
chunk (runtime: main) 568.output.js 21 bytes [rendered]
> ./example.js 10:1-12:3
./f.js 21 bytes [built] [code generated]
[used exports unknown]
cjs require ./f ./example.js 11:2-16
cjs self exports reference ./f.js 1:0-14
chunk 767.output.js 21 bytes [rendered]
chunk (runtime: main) 767.output.js 21 bytes [rendered]
> ./example.js 3:0-6:2
./d.js 21 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./d.js 1:0-14
cjs require ./d ./example.js 5:1-15
chunk 785.output.js 21 bytes [rendered]
chunk (runtime: main) 785.output.js 21 bytes [rendered]
> ./example.js 13:1-15:3
./g.js 21 bytes [built] [code generated]
[used exports unknown]
cjs require ./g ./example.js 14:2-16
cjs self exports reference ./g.js 1:0-14
chunk 847.output.js 21 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) 847.output.js 21 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 1:0-52
> ./example.js 3:0-6:2
> ./example.js 8:0-16:2
@ -335,7 +337,7 @@ chunk 847.output.js 21 bytes [rendered] split chunk (cache group: default)
require.ensure item ./a ./example.js 3:0-6:2
require.ensure item ./a ./example.js 8:0-16:2
cjs require ./a ./example.js 9:1-15
chunk 996.output.js 21 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) 996.output.js 21 bytes [rendered] split chunk (cache group: default)
> ./example.js 10:1-12:3
> ./example.js 13:1-15:3
> ./a ./b ./c ./example.js 1:0-52
@ -347,13 +349,13 @@ chunk 996.output.js 21 bytes [rendered] split chunk (cache group: default)
cjs require ./b ./example.js 4:1-15
require.ensure item ./b ./example.js 10:1-12:3
require.ensure item ./b ./example.js 13:1-15:3
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.05 KiB [emitted] [minimized] (name: main)
asset output.js 2.11 KiB [emitted] [minimized] (name: main)
asset 390.output.js 81 bytes [emitted] [minimized]
asset 460.output.js 81 bytes [emitted] [minimized]
asset 568.output.js 81 bytes [emitted] [minimized]
@ -361,9 +363,9 @@ asset 767.output.js 81 bytes [emitted] [minimized]
asset 785.output.js 81 bytes [emitted] [minimized]
asset 847.output.js 81 bytes [emitted] [minimized]
asset 996.output.js 81 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 346 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 346 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 346 bytes [built] [code generated]
[no exports used]
entry ./example.js main
@ -420,5 +422,5 @@ chunk (runtime: main) 996.output.js 21 bytes [rendered] split chunk (cache group
cjs require ./b ./example.js 4:1-15
require.ensure item ./b ./example.js 10:1-12:3
require.ensure item ./b ./example.js 13:1-15:3
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

32
examples/extra-async-chunk/README.md
View File

@ -224,7 +224,7 @@ require.ensure(["./a"], function(require) {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -242,7 +242,7 @@ require.ensure(["./a"], function(require) {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -250,8 +250,10 @@ require.ensure(["./a"], function(require) {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -357,17 +359,17 @@ module.exports = "d";
## Unoptimized
```
asset output.js 9.03 KiB [emitted] (name: main)
asset output.js 9.17 KiB [emitted] (name: main)
asset 394.output.js 610 bytes [emitted]
asset 460.output.js 338 bytes [emitted]
asset 767.output.js 338 bytes [emitted]
chunk output.js (main) 164 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 164 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 164 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 394.output.js 42 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) 394.output.js 42 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 2:0-30
> ./example.js 5:0-8:2
./a.js 21 bytes [built] [code generated]
@ -380,31 +382,31 @@ chunk 394.output.js 42 bytes [rendered] split chunk (cache group: default)
cjs self exports reference ./b.js 1:0-14
amd require ./b ./example.js 2:0-30
cjs require ./b ./example.js 6:1-15
chunk 460.output.js 21 bytes [rendered]
chunk (runtime: main) 460.output.js 21 bytes [rendered]
> ./a ./b ./c ./example.js 2:0-30
./c.js 21 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./c.js 1:0-14
amd require ./c ./example.js 2:0-30
chunk 767.output.js 21 bytes [rendered]
chunk (runtime: main) 767.output.js 21 bytes [rendered]
> ./example.js 5:0-8:2
./d.js 21 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./d.js 1:0-14
cjs require ./d ./example.js 7:1-15
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.75 KiB [emitted] [minimized] (name: main)
asset output.js 1.8 KiB [emitted] [minimized] (name: main)
asset 394.output.js 104 bytes [emitted] [minimized]
asset 460.output.js 81 bytes [emitted] [minimized]
asset 767.output.js 81 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 164 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 164 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
./example.js 164 bytes [built] [code generated]
[no exports used]
entry ./example.js main
@ -433,5 +435,5 @@ chunk (runtime: main) 767.output.js 21 bytes [rendered]
[used exports unknown]
cjs self exports reference ./d.js 1:0-14
cjs require ./d ./example.js 7:1-15
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

6
examples/harmony-interop/README.md
View File

@ -280,7 +280,7 @@ var named = "named";
```
asset output.js 7.19 KiB [emitted] (name: main)
chunk output.js (main) 1.13 KiB (javascript) 931 bytes (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 1.13 KiB (javascript) 931 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 785 bytes [dependent] 4 modules
runtime modules 931 bytes 4 modules
@ -288,7 +288,7 @@ chunk output.js (main) 1.13 KiB (javascript) 931 bytes (runtime) [entry] [render
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -303,5 +303,5 @@ chunk (runtime: main) output.js (main) 1.13 KiB (javascript) 668 bytes (runtime)
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

6
examples/harmony-library/README.md
View File

@ -136,7 +136,7 @@ function increment() {
```
asset MyLibrary.umd.js 3.97 KiB [emitted] (name: main)
chunk MyLibrary.umd.js (main) 92 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
chunk (runtime: main) MyLibrary.umd.js (main) 92 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> ./example main
runtime modules 668 bytes 3 modules
./example.js 92 bytes [built] [code generated]
@ -144,7 +144,7 @@ chunk MyLibrary.umd.js (main) 92 bytes (javascript) 668 bytes (runtime) [entry]
[used exports unknown]
entry ./example main
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -158,5 +158,5 @@ chunk (runtime: main) MyLibrary.umd.js (main) 92 bytes (javascript) 668 bytes (r
[exports: default, increment, value]
entry ./example main
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

126
examples/harmony-unused/README.md
View File

@ -63,69 +63,17 @@ export { add as reexportedAdd, multiply as reexportedMultiply } from "./math";
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math */ 3);
/* harmony import */ var _library__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./library */ 1);
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math */ 1);
/* harmony import */ var _library__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./library */ 2);
(0,_math__WEBPACK_IMPORTED_MODULE_1__.add)(1, 2);
_library__WEBPACK_IMPORTED_MODULE_0__.reexportedMultiply(1, 2);
(0,_math__WEBPACK_IMPORTED_MODULE_0__.add)(1, 2);
_library__WEBPACK_IMPORTED_MODULE_1__.reexportedMultiply(1, 2);
/***/ }),
/* 1 */
/*!********************!*\
!*** ./library.js ***!
\********************/
/*! namespace exports */
/*! export a [provided] [no usage info] [missing usage info prevents renaming] -> ./abc.js .a */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] -> ./abc.js .b */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] -> ./abc.js .c */
/*! export reexportedAdd [provided] [no usage info] [missing usage info prevents renaming] -> ./math.js .add */
/*! export reexportedMultiply [provided] [no usage info] [missing usage info prevents renaming] -> ./math.js .multiply */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => /* reexport safe */ _abc__WEBPACK_IMPORTED_MODULE_0__.a,
/* harmony export */ "b": () => /* reexport safe */ _abc__WEBPACK_IMPORTED_MODULE_0__.b,
/* harmony export */ "c": () => /* reexport safe */ _abc__WEBPACK_IMPORTED_MODULE_0__.c,
/* harmony export */ "reexportedAdd": () => /* reexport safe */ _math__WEBPACK_IMPORTED_MODULE_1__.add,
/* harmony export */ "reexportedMultiply": () => /* reexport safe */ _math__WEBPACK_IMPORTED_MODULE_1__.multiply
/* harmony export */ });
/* harmony import */ var _abc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./abc */ 2);
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math */ 3);
/***/ }),
/* 2 */
/*!****************!*\
!*** ./abc.js ***!
\****************/
/*! namespace exports */
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => /* binding */ a,
/* harmony export */ "b": () => /* binding */ b,
/* harmony export */ "c": () => /* binding */ c
/* harmony export */ });
function a() { console.log("a"); }
function b() { console.log("b"); }
function c() { console.log("c"); }
/***/ }),
/* 3 */
/*!*****************!*\
!*** ./math.js ***!
\*****************/
@ -164,6 +112,58 @@ function list() {
}
/***/ }),
/* 2 */
/*!********************!*\
!*** ./library.js ***!
\********************/
/*! namespace exports */
/*! export a [provided] [no usage info] [missing usage info prevents renaming] -> ./abc.js .a */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] -> ./abc.js .b */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] -> ./abc.js .c */
/*! export reexportedAdd [provided] [no usage info] [missing usage info prevents renaming] -> ./math.js .add */
/*! export reexportedMultiply [provided] [no usage info] [missing usage info prevents renaming] -> ./math.js .multiply */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => /* reexport safe */ _abc__WEBPACK_IMPORTED_MODULE_0__.a,
/* harmony export */ "b": () => /* reexport safe */ _abc__WEBPACK_IMPORTED_MODULE_0__.b,
/* harmony export */ "c": () => /* reexport safe */ _abc__WEBPACK_IMPORTED_MODULE_0__.c,
/* harmony export */ "reexportedAdd": () => /* reexport safe */ _math__WEBPACK_IMPORTED_MODULE_1__.add,
/* harmony export */ "reexportedMultiply": () => /* reexport safe */ _math__WEBPACK_IMPORTED_MODULE_1__.multiply
/* harmony export */ });
/* harmony import */ var _abc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./abc */ 3);
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math */ 1);
/***/ }),
/* 3 */
/*!****************!*\
!*** ./abc.js ***!
\****************/
/*! namespace exports */
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => /* binding */ a,
/* harmony export */ "b": () => /* binding */ b,
/* harmony export */ "c": () => /* binding */ c
/* harmony export */ });
function a() { console.log("a"); }
function b() { console.log("b"); }
function c() { console.log("c"); }
/***/ })
/******/ ]);
```
@ -241,7 +241,7 @@ function list() {
# dist/output.js
```javascript
(()=>{"use strict";var r,e,t={345:(r,e,t)=>{t.d(e,{n:()=>n.Jp});var n=t(451)},451:(r,e,t)=>{function n(){for(var r=0,e=0,t=arguments,n=t.length;e<n;)r+=t[e++];return r}function o(){for(var r=1,e=0,t=arguments,n=t.length;e<n;)r*=t[e++];return r}t.d(e,{IH:()=>n,Jp:()=>o})}},n={};function o(r){if(n[r])return n[r].exports;var e=n[r]={exports:{}};return t[r](e,e.exports,o),e.exports}o.d=(r,e)=>{for(var t in e)o.o(e,t)&&!o.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},o.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),r=o(451),e=o(345),(0,r.IH)(1,2),e.n(1,2)})();
(()=>{"use strict";var r,e={451:(r,e,t)=>{function o(){for(var r=0,e=0,t=arguments,o=t.length;e<o;)r+=t[e++];return r}function n(){for(var r=1,e=0,t=arguments,o=t.length;e<o;)r*=t[e++];return r}t.d(e,{IH:()=>o,Jp:()=>n})}},t={};function o(r){if(t[r])return t[r].exports;var n=t[r]={exports:{}};return e[r](n,n.exports,o),n.exports}o.d=(r,e)=>{for(var t in e)o.o(e,t)&&!o.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},o.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(0,(r=o(451)).IH)(1,2),r.Jp(1,2)})();
```
# Info
@ -250,7 +250,7 @@ function list() {
```
asset output.js 7.06 KiB [emitted] (name: main)
chunk output.js (main) 698 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 698 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 584 bytes [dependent] 3 modules
runtime modules 668 bytes 3 modules
@ -258,20 +258,20 @@ chunk output.js (main) 698 bytes (javascript) 668 bytes (runtime) [entry] [rende
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 580 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 572 bytes (javascript) 394 bytes (runtime) [entry] [rendered]
asset output.js 522 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 461 bytes (javascript) 394 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 458 bytes [dependent] 2 modules
runtime modules 394 bytes 2 modules
dependent modules 347 bytes [dependent] 1 module
./example.js 114 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

28
examples/harmony/README.md
View File

@ -293,7 +293,7 @@ function add() {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -311,7 +311,7 @@ function add() {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -319,8 +319,10 @@ function add() {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -342,41 +344,41 @@ function add() {
## Unoptimized
```
asset output.js 11.8 KiB [emitted] (name: main)
asset output.js 11.9 KiB [emitted] (name: main)
asset 35.output.js 772 bytes [emitted]
chunk 35.output.js 24 bytes [rendered]
chunk (runtime: main) 35.output.js 24 bytes [rendered]
> ./async-loaded ./example.js 6:0-24
./async-loaded.js 24 bytes [built] [code generated]
[exports: answer]
[used exports unknown]
import() ./async-loaded ./example.js 6:0-24
chunk output.js (main) 400 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 400 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 225 bytes [dependent] 2 modules
./example.js 175 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.98 KiB [emitted] [minimized] (name: main)
asset output.js 2.03 KiB [emitted] [minimized] (name: main)
asset 35.output.js 122 bytes [emitted] [minimized]
chunk (runtime: main) 35.output.js 24 bytes [rendered]
> ./async-loaded ./example.js 6:0-24
./async-loaded.js 24 bytes [built] [code generated]
[exports: answer]
import() ./async-loaded ./example.js + 2 modules ./example.js 6:0-24
chunk (runtime: main) output.js (main) 400 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 400 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
./example.js + 2 modules 400 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

48
examples/http2-aggressive-splitting/README.md
View File

@ -46,45 +46,45 @@ module.exports = {
## Unoptimized
```
asset 47ea1b166a82a1b5f43d.js 118 KiB [emitted] [immutable] (id hint: vendors)
asset 532c4ecc9904099f20f1.js 25.7 KiB [emitted] [immutable] (name: main)
asset 5526ff367fe4665c9c7e.js 15.5 KiB [emitted] [immutable]
chunk 532c4ecc9904099f20f1.js (main) 8.8 KiB (javascript) 4.89 KiB (runtime) [entry] [rendered]
asset b5631f235298de2b0347.js 119 KiB [emitted] [immutable] (id hint: vendors)
asset 32ef04e3e05f35a25e0c.js 25.6 KiB [emitted] [immutable] (name: main)
asset 87295143e657ec03cfb0.js 15.3 KiB [emitted] [immutable]
chunk (runtime: main) 32ef04e3e05f35a25e0c.js (main) 8.58 KiB (javascript) 5.02 KiB (runtime) [entry] [rendered]
> ./example main
runtime modules 4.89 KiB 6 modules
dependent modules 8.76 KiB [dependent] 3 modules
runtime modules 5.02 KiB 6 modules
dependent modules 8.54 KiB [dependent] 3 modules
./example.js 42 bytes [built] [code generated]
chunk 5526ff367fe4665c9c7e.js 6.45 KiB [rendered]
chunk (runtime: main) 87295143e657ec03cfb0.js 6.24 KiB [rendered]
> react-dom ./example.js 2:0-22
dependent modules 4.92 KiB [dependent] 1 module
dependent modules 4.72 KiB [dependent] 1 module
../../node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
../../node_modules/scheduler/index.js 198 bytes [built] [code generated]
chunk 47ea1b166a82a1b5f43d.js (id hint: vendors) 116 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
chunk (runtime: main) b5631f235298de2b0347.js (id hint: vendors) 118 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
> react-dom ./example.js 2:0-22
../../node_modules/react-dom/cjs/react-dom.production.min.js 116 KiB [built] [code generated]
webpack 5.0.0 compiled successfully
../../node_modules/react-dom/cjs/react-dom.production.min.js 118 KiB [built] [code generated]
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset 72aa363ce76bb633931d.js 114 KiB [emitted] [immutable] [minimized] (id hint: vendors) 1 related asset
asset 38dc5da5a9157d296707.js 8.78 KiB [emitted] [immutable] [minimized] (name: main) 1 related asset
asset b0b6aefd6d463ae1bef1.js 4.92 KiB [emitted] [immutable] [minimized] 1 related asset
chunk (runtime: main) 38dc5da5a9157d296707.js (main) 8.8 KiB (javascript) 4.9 KiB (runtime) [entry] [rendered]
asset 2865709fe07b9e0f6050.js 115 KiB [emitted] [immutable] [minimized] (id hint: vendors) 1 related asset
asset 3435907a64efdaf8187b.js 8.6 KiB [emitted] [immutable] [minimized] (name: main) 1 related asset
asset 643cc77ff66a1a2ca1cf.js 4.71 KiB [emitted] [immutable] [minimized] 1 related asset
chunk (runtime: main) 3435907a64efdaf8187b.js (main) 8.58 KiB (javascript) 5.02 KiB (runtime) [entry] [rendered]
> ./example main
runtime modules 4.9 KiB 6 modules
dependent modules 8.76 KiB [dependent] 3 modules
runtime modules 5.02 KiB 6 modules
dependent modules 8.54 KiB [dependent] 3 modules
./example.js 42 bytes [built] [code generated]
chunk (runtime: main) b0b6aefd6d463ae1bef1.js 6.45 KiB [rendered]
chunk (runtime: main) 643cc77ff66a1a2ca1cf.js 6.24 KiB [rendered]
> react-dom ./example.js 2:0-22
dependent modules 4.92 KiB [dependent] 1 module
dependent modules 4.72 KiB [dependent] 1 module
../../node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
../../node_modules/scheduler/index.js 198 bytes [built] [code generated]
chunk (runtime: main) 72aa363ce76bb633931d.js (id hint: vendors) 116 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
chunk (runtime: main) 2865709fe07b9e0f6050.js (id hint: vendors) 118 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
> react-dom ./example.js 2:0-22
../../node_modules/react-dom/cjs/react-dom.production.min.js 116 KiB [built] [code generated]
webpack 5.0.0 compiled successfully
../../node_modules/react-dom/cjs/react-dom.production.min.js 118 KiB [built] [code generated]
webpack 5.11.1 compiled successfully
```
## Records
@ -93,12 +93,12 @@ webpack 5.0.0 compiled successfully
{
"aggressiveSplits": [
{
"hash": "47ea1b166a82a1b5f43d12447a1b119e",
"hash": "b5631f235298de2b03479f5e2e9ecd2e",
"id": 2,
"modules": [
"../../node_modules/react-dom/cjs/react-dom.production.min.js"
],
"size": 118737
"size": 120688
}
],
"chunks": {

214
examples/hybrid-routing/README.md
View File

@ -225,23 +225,33 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/create fake namespace object */
/******/ (() => {
/******/ var getProto = Object.getPrototypeOf ? (obj) => Object.getPrototypeOf(obj) : (obj) => obj.__proto__;
/******/ var leafPrototypes;
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 16: return value when it's Promise-like
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = this(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ if(typeof value === 'object' && value) {
/******/ if((mode & 4) && value.__esModule) return value;
/******/ if((mode & 16) && typeof value.then === 'function') return value;
/******/ }
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ var def = {};
/******/ if(mode & 2 && typeof value == 'object' && value) {
/******/ for(const key in value) def[key] = () => value[key];
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
/******/ Object.getOwnPropertyNames(current).forEach(key => def[key] = () => value[key]);
/******/ }
/******/ def['default'] = () => value;
/******/ __webpack_require__.d(ns, def);
@ -414,43 +424,10 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -468,7 +445,7 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -481,8 +458,35 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -525,68 +529,13 @@ module.exports = function() {
## Unoptimized
```
asset pageB.bundle.js 12.3 KiB [emitted] (name: pageB)
asset pageA.bundle.js 12.3 KiB [emitted] (name: pageA)
asset pageB.bundle.js 12.9 KiB [emitted] (name: pageB)
asset pageA.bundle.js 12.9 KiB [emitted] (name: pageA)
asset router_js.bundle.js 2.44 KiB [emitted]
asset aPage.bundle.js 392 bytes [emitted] (name: aPage)
asset bPage.bundle.js 392 bytes [emitted] (name: bPage)
Entrypoint pageA 15.1 KiB = router_js.bundle.js 2.44 KiB aPage.bundle.js 392 bytes pageA.bundle.js 12.3 KiB
Entrypoint pageB 15.1 KiB = router_js.bundle.js 2.44 KiB bPage.bundle.js 392 bytes pageB.bundle.js 12.3 KiB
chunk aPage.bundle.js (aPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./aPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
> ./aEntry pageA
> ./router pageA
./aPage.js 59 bytes [built] [code generated]
[used exports unknown]
cjs require ./aPage ./aEntry.js 3:7-25
cjs self exports reference ./aPage.js 1:0-14
context element ./aPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
chunk bPage.bundle.js (bPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./bPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
> ./bEntry pageB
> ./router pageB
./bPage.js 59 bytes [built] [code generated]
[used exports unknown]
cjs require ./bPage ./bEntry.js 3:7-25
cjs self exports reference ./bPage.js 1:0-14
context element ./bPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk pageA.bundle.js (pageA) 87 bytes (javascript) 7.32 KiB (runtime) [entry] [rendered]
> ./aEntry pageA
> ./router pageA
runtime modules 7.32 KiB 9 modules
./aEntry.js 87 bytes [built] [code generated]
[used exports unknown]
entry ./aEntry pageA
chunk pageB.bundle.js (pageB) 87 bytes (javascript) 7.32 KiB (runtime) [entry] [rendered]
> ./bEntry pageB
> ./router pageB
runtime modules 7.32 KiB 9 modules
./bEntry.js 87 bytes [built] [code generated]
[used exports unknown]
entry ./bEntry pageB
chunk router_js.bundle.js 951 bytes [initial] [rendered] split chunk (cache group: default)
> ./aEntry pageA
> ./router pageA
> ./bEntry pageB
> ./router pageB
dependent modules 218 bytes [dependent] 2 modules
./router.js 733 bytes [built] [code generated]
[used exports unknown]
entry ./router pageA
entry ./router pageB
webpack 5.0.0 compiled successfully
```
## Production mode
```
asset pageA.bundle.js 2.48 KiB [emitted] [minimized] (name: pageA)
asset pageB.bundle.js 2.48 KiB [emitted] [minimized] (name: pageB)
asset router_js.bundle.js 537 bytes [emitted] [minimized]
asset aPage.bundle.js 117 bytes [emitted] [minimized] (name: aPage)
asset bPage.bundle.js 117 bytes [emitted] [minimized] (name: bPage)
Entrypoint pageA 3.12 KiB = router_js.bundle.js 537 bytes aPage.bundle.js 117 bytes pageA.bundle.js 2.48 KiB
Entrypoint pageB 3.12 KiB = router_js.bundle.js 537 bytes bPage.bundle.js 117 bytes pageB.bundle.js 2.48 KiB
Entrypoint pageA 15.7 KiB = router_js.bundle.js 2.44 KiB aPage.bundle.js 392 bytes pageA.bundle.js 12.9 KiB
Entrypoint pageB 15.7 KiB = router_js.bundle.js 2.44 KiB bPage.bundle.js 392 bytes pageB.bundle.js 12.9 KiB
chunk (runtime: pageA, pageB) aPage.bundle.js (aPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./aPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
> ./aEntry pageA
@ -605,17 +554,72 @@ chunk (runtime: pageA, pageB) bPage.bundle.js (bPage) 59 bytes [initial] [render
cjs require ./bPage ./bEntry.js 3:7-25
cjs self exports reference ./bPage.js 1:0-14
context element ./bPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk (runtime: pageA) pageA.bundle.js (pageA) 87 bytes (javascript) 7.32 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.bundle.js (pageA) 87 bytes (javascript) 7.75 KiB (runtime) [entry] [rendered]
> ./aEntry pageA
> ./router pageA
runtime modules 7.32 KiB 9 modules
runtime modules 7.75 KiB 9 modules
./aEntry.js 87 bytes [built] [code generated]
[used exports unknown]
entry ./aEntry pageA
chunk (runtime: pageB) pageB.bundle.js (pageB) 87 bytes (javascript) 7.75 KiB (runtime) [entry] [rendered]
> ./bEntry pageB
> ./router pageB
runtime modules 7.75 KiB 9 modules
./bEntry.js 87 bytes [built] [code generated]
[used exports unknown]
entry ./bEntry pageB
chunk (runtime: pageA, pageB) router_js.bundle.js 951 bytes [initial] [rendered] split chunk (cache group: default)
> ./aEntry pageA
> ./router pageA
> ./bEntry pageB
> ./router pageB
dependent modules 218 bytes [dependent] 2 modules
./router.js 733 bytes [built] [code generated]
[used exports unknown]
entry ./router pageA
entry ./router pageB
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset pageA.bundle.js 2.69 KiB [emitted] [minimized] (name: pageA)
asset pageB.bundle.js 2.69 KiB [emitted] [minimized] (name: pageB)
asset router_js.bundle.js 543 bytes [emitted] [minimized]
asset aPage.bundle.js 117 bytes [emitted] [minimized] (name: aPage)
asset bPage.bundle.js 117 bytes [emitted] [minimized] (name: bPage)
Entrypoint pageA 3.34 KiB = router_js.bundle.js 543 bytes aPage.bundle.js 117 bytes pageA.bundle.js 2.69 KiB
Entrypoint pageB 3.34 KiB = router_js.bundle.js 543 bytes bPage.bundle.js 117 bytes pageB.bundle.js 2.69 KiB
chunk (runtime: pageA, pageB) aPage.bundle.js (aPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./aPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
> ./aEntry pageA
> ./router pageA
./aPage.js 59 bytes [built] [code generated]
[used exports unknown]
cjs require ./aPage ./aEntry.js 3:7-25
cjs self exports reference ./aPage.js 1:0-14
context element ./aPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
chunk (runtime: pageA, pageB) bPage.bundle.js (bPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./bPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
> ./bEntry pageB
> ./router pageB
./bPage.js 59 bytes [built] [code generated]
[used exports unknown]
cjs require ./bPage ./bEntry.js 3:7-25
cjs self exports reference ./bPage.js 1:0-14
context element ./bPage .// lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk (runtime: pageA) pageA.bundle.js (pageA) 87 bytes (javascript) 7.76 KiB (runtime) [entry] [rendered]
> ./aEntry pageA
> ./router pageA
runtime modules 7.76 KiB 9 modules
./aEntry.js 87 bytes [built] [code generated]
[no exports used]
entry ./aEntry pageA
chunk (runtime: pageB) pageB.bundle.js (pageB) 87 bytes (javascript) 7.32 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.bundle.js (pageB) 87 bytes (javascript) 7.76 KiB (runtime) [entry] [rendered]
> ./bEntry pageB
> ./router pageB
runtime modules 7.32 KiB 9 modules
runtime modules 7.76 KiB 9 modules
./bEntry.js 87 bytes [built] [code generated]
[no exports used]
entry ./bEntry pageB
@ -629,5 +633,5 @@ chunk (runtime: pageA, pageB) router_js.bundle.js 951 bytes [initial] [rendered]
[no exports used]
entry ./router pageA
entry ./router pageB
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

6
examples/loader/README.md
View File

@ -251,13 +251,13 @@ Prints in node.js (`enhanced-require example.js`) and in browser:
```
asset output.js 5.78 KiB [emitted] (name: main)
chunk output.js (main) 2.96 KiB [entry] [rendered]
chunk (runtime: main) output.js (main) 2.96 KiB [entry] [rendered]
> ./example.js main
dependent modules 2.76 KiB [dependent] 3 modules
./example.js 205 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -270,5 +270,5 @@ chunk (runtime: main) output.js (main) 2.96 KiB [entry] [rendered]
./example.js 205 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

28
examples/many-pages/README.md
View File

@ -58,13 +58,13 @@ assets by chunk 772 bytes (id hint: vendors)
asset 497.js 111 bytes [emitted] [minimized] (id hint: vendors)
asset 730.js 111 bytes [emitted] [minimized] (id hint: vendors)
asset 777.js 111 bytes [emitted] [minimized] (id hint: vendors)
asset pageC.js 1.13 KiB [emitted] [minimized] (name: pageC)
asset pageC.js 1.14 KiB [emitted] [minimized] (name: pageC)
asset pageB.js 1.13 KiB [emitted] [minimized] (name: pageB)
asset pageD.js 1.05 KiB [emitted] [minimized] (name: pageD)
asset pageF.js 1.05 KiB [emitted] [minimized] (name: pageF)
asset pageA.js 1.05 KiB [emitted] [minimized] (name: pageA)
asset pageD.js 1.06 KiB [emitted] [minimized] (name: pageD)
asset pageF.js 1.06 KiB [emitted] [minimized] (name: pageF)
asset pageA.js 1.06 KiB [emitted] [minimized] (name: pageA)
asset pageE.js 1.04 KiB [emitted] [minimized] (name: pageE)
asset pageG.js 1.02 KiB [emitted] [minimized] (name: pageG)
asset pageG.js 1.03 KiB [emitted] [minimized] (name: pageG)
asset 505.js 140 bytes [emitted] [minimized]
chunk (runtime: pageA, pageB, pageC) 115.js (id hint: vendors) 86 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/a pageA
@ -72,19 +72,19 @@ chunk (runtime: pageA, pageB, pageC) 115.js (id hint: vendors) 86 bytes [initial
> ./pages/c pageC
./node_modules/m1.js 43 bytes [built] [code generated]
./node_modules/m2.js 43 bytes [built] [code generated]
chunk (runtime: pageB) pageB.js (pageB) 199 bytes (javascript) 3.14 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.js (pageB) 199 bytes (javascript) 3.13 KiB (runtime) [entry] [rendered]
> ./pages/b pageB
runtime modules 3.14 KiB 4 modules
runtime modules 3.13 KiB 4 modules
dependent modules 93 bytes [dependent] 3 modules
./pages/b.js 106 bytes [built] [code generated]
chunk (runtime: pageC) pageC.js (pageC) 199 bytes (javascript) 3.14 KiB (runtime) [entry] [rendered]
chunk (runtime: pageC) pageC.js (pageC) 199 bytes (javascript) 3.13 KiB (runtime) [entry] [rendered]
> ./pages/c pageC
runtime modules 3.14 KiB 4 modules
runtime modules 3.13 KiB 4 modules
dependent modules 93 bytes [dependent] 3 modules
./pages/c.js 106 bytes [built] [code generated]
chunk (runtime: pageE) pageE.js (pageE) 93 bytes (javascript) 3.14 KiB (runtime) [entry] [rendered]
chunk (runtime: pageE) pageE.js (pageE) 93 bytes (javascript) 3.13 KiB (runtime) [entry] [rendered]
> ./pages/e pageE
runtime modules 3.14 KiB 4 modules
runtime modules 3.13 KiB 4 modules
dependent modules 31 bytes [dependent] 1 module
./pages/e.js 62 bytes [built] [code generated]
chunk (runtime: pageC) 402.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
@ -104,9 +104,9 @@ chunk (runtime: pageA, pageD, pageF) 505.js 62 bytes [initial] [rendered] split
> ./pages/f pageF
./stuff/s2.js 31 bytes [built] [code generated]
./stuff/s3.js 31 bytes [built] [code generated]
chunk (runtime: pageG) pageG.js (pageG) 67 bytes (javascript) 3.14 KiB (runtime) [entry] [rendered]
chunk (runtime: pageG) pageG.js (pageG) 67 bytes (javascript) 3.13 KiB (runtime) [entry] [rendered]
> ./pages/g pageG
runtime modules 3.14 KiB 4 modules
runtime modules 3.13 KiB 4 modules
dependent modules 31 bytes [dependent] 1 module
./pages/g.js 36 bytes [built] [code generated]
chunk (runtime: pageD) pageD.js (pageD) 137 bytes (javascript) 3.14 KiB (runtime) [entry] [rendered]
@ -134,5 +134,5 @@ chunk (runtime: pageD, pageE, pageF) 833.js (id hint: vendors) 86 bytes [initial
> ./pages/f pageF
./node_modules/m7.js 43 bytes [built] [code generated]
./node_modules/m8.js 43 bytes [built] [code generated]
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

28
examples/mixed/README.md
View File

@ -336,7 +336,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -354,7 +354,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -362,8 +362,10 @@ __webpack_require__.r(__webpack_exports__);
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -491,33 +493,33 @@ module.exports = function() {
## Unoptimized
```
asset output.js 13.6 KiB [emitted] (name: main)
asset output.js 13.7 KiB [emitted] (name: main)
asset 635.output.js 2.24 KiB [emitted]
chunk output.js (main) 1010 bytes (javascript) 5.67 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 1010 bytes (javascript) 5.79 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.67 KiB 9 modules
runtime modules 5.79 KiB 9 modules
dependent modules 617 bytes [dependent] 3 modules
./example.js 396 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 635.output.js 433 bytes [rendered]
chunk (runtime: main) 635.output.js 433 bytes [rendered]
> ./example.js 7:0-14:1
dependent modules 240 bytes [dependent] 3 modules
../require.context/templates/ sync ^\.\/.*\.js$ 193 bytes [built] [code generated]
[no exports]
[used exports unknown]
amd require context ./example.js 7:0-14:1
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.43 KiB [emitted] [minimized] (name: main)
asset output.js 2.49 KiB [emitted] [minimized] (name: main)
asset 635.output.js 580 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 1010 bytes (javascript) 5.67 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 1010 bytes (javascript) 5.79 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.67 KiB 9 modules
runtime modules 5.79 KiB 9 modules
dependent modules 617 bytes [dependent] 3 modules
./example.js 396 bytes [built] [code generated]
[no exports used]
@ -528,5 +530,5 @@ chunk (runtime: main) 635.output.js 433 bytes [rendered]
../require.context/templates/ sync ^\.\/.*\.js$ 193 bytes [built] [code generated]
[no exports]
amd require context ./example.js 7:0-14:1
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

247
examples/module-federation/README.md
View File

@ -335,7 +335,7 @@ export default Component;
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ 11:
/***/ 12:
/*!*********************************************!*\
!*** external "mfeBBB@/dist/bbb/mfeBBB.js" ***!
\*********************************************/
@ -362,7 +362,7 @@ module.exports = new Promise((resolve, reject) => {
/***/ }),
/***/ 13:
/***/ 14:
/*!*********************************************!*\
!*** external "mfeCCC@/dist/ccc/mfeCCC.js" ***!
\*********************************************/
@ -437,20 +437,27 @@ module.exports = new Promise((resolve, reject) => {
/******/
/******/ /* webpack/runtime/create fake namespace object */
/******/ (() => {
/******/ var getProto = Object.getPrototypeOf ? (obj) => Object.getPrototypeOf(obj) : (obj) => obj.__proto__;
/******/ var leafPrototypes;
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 16: return value when it's Promise-like
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = this(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ if(typeof value === 'object' && value) {
/******/ if((mode & 4) && value.__esModule) return value;
/******/ if((mode & 16) && typeof value.then === 'function') return value;
/******/ }
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ var def = {};
/******/ if(mode & 2 && typeof value == 'object' && value) {
/******/ for(const key in value) def[key] = () => value[key];
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
/******/ Object.getOwnPropertyNames(current).forEach(key => def[key] = () => value[key]);
/******/ }
/******/ def['default'] = () => value;
/******/ __webpack_require__.d(ns, def);
@ -557,29 +564,29 @@ module.exports = new Promise((resolve, reject) => {
/******/ /* webpack/runtime/remotes loading */
/******/ (() => {
/******/ var chunkMapping = {
/******/ "src_bootstrap_js": [
/******/ 10,
/******/ 12
/******/ "src_bootstrap_js-webpack_sharing_consume_default_react_react": [
/******/ 11,
/******/ 13
/******/ ],
/******/ "webpack_container_remote_mfe-c_Component2": [
/******/ 26
/******/ 27
/******/ ]
/******/ };
/******/ var idToExternalAndNameMapping = {
/******/ "10": [
/******/ "11": [
/******/ "default",
/******/ "./Component",
/******/ 11
/******/ 12
/******/ ],
/******/ "12": [
/******/ "13": [
/******/ "default",
/******/ "./Component",
/******/ 13
/******/ 14
/******/ ],
/******/ "26": [
/******/ "27": [
/******/ "default",
/******/ "./Component2",
/******/ 13
/******/ 14
/******/ ]
/******/ };
/******/ __webpack_require__.f.remotes = (chunkId, promises) => {
@ -666,9 +673,9 @@ module.exports = new Promise((resolve, reject) => {
/******/ var promises = [];
/******/ switch(name) {
/******/ case "default": {
/******/ register("react", "16.13.1", () => __webpack_require__.e("node_modules_react_index_js-_11190").then(() => () => __webpack_require__(/*! ../../node_modules/react/index.js */ 24)));
/******/ initExternal(11);
/******/ initExternal(13);
/******/ register("react", "17.0.1", () => __webpack_require__.e("node_modules_react_index_js-_11190").then(() => () => __webpack_require__(/*! ../../node_modules/react/index.js */ 25)));
/******/ initExternal(12);
/******/ initExternal(14);
/******/ }
/******/ break;
/******/ }
@ -805,12 +812,14 @@ module.exports = new Promise((resolve, reject) => {
/******/ });
/******/ var installedModules = {};
/******/ var moduleToHandlerMapping = {
/******/ 5: () => loadSingletonVersionCheckFallback("default", "react", [1,16,13,1], () => __webpack_require__.e("node_modules_react_index_js-_11191").then(() => () => __webpack_require__(/*! react */ 24)))
/******/ 5: () => loadSingletonVersionCheckFallback("default", "react", [4,17,0,1], () => __webpack_require__.e("node_modules_react_index_js-_11191").then(() => () => __webpack_require__(/*! react */ 25))),
/******/ 9: () => loadSingletonVersionCheckFallback("default", "react", [1,17,0,1], () => __webpack_require__.e("node_modules_react_index_js-_11191").then(() => () => __webpack_require__(/*! react */ 25)))
/******/ };
/******/ // no consumes in initial chunks
/******/ var chunkMapping = {
/******/ "src_bootstrap_js": [
/******/ 5
/******/ "src_bootstrap_js-webpack_sharing_consume_default_react_react": [
/******/ 5,
/******/ 9
/******/ ]
/******/ };
/******/ __webpack_require__.f.consumes = (chunkId, promises) => {
@ -906,7 +915,7 @@ module.exports = new Promise((resolve, reject) => {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -924,7 +933,7 @@ module.exports = new Promise((resolve, reject) => {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -932,8 +941,10 @@ module.exports = new Promise((resolve, reject) => {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_aaa"] = self["webpackChunkmodule_federation_aaa"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -955,7 +966,7 @@ module.exports = new Promise((resolve, reject) => {
// as chunks need to be loaded for the code of the remote module
// This also requires an async boundary (import())
// At this point shared modules initialized and remote modules are loaded
Promise.all(/*! import() */[__webpack_require__.e("vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js"), __webpack_require__.e("src_bootstrap_js")]).then(__webpack_require__.bind(__webpack_require__, /*! ./bootstrap */ 2)); // It's possible to place more code here to do stuff on page init
Promise.all(/*! import() */[__webpack_require__.e("vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js"), __webpack_require__.e("src_bootstrap_js-webpack_sharing_consume_default_react_react")]).then(__webpack_require__.bind(__webpack_require__, /*! ./bootstrap */ 2)); // It's possible to place more code here to do stuff on page init
// but it can't use any of the shared modules or remote modules.
})();
@ -1193,7 +1204,7 @@ __webpack_require__.d(exports, {
/******/ switch(name) {
/******/ case "default": {
/******/ register("date-fns", "2.16.1", () => __webpack_require__.e("vendors-node_modules_date-fns_esm_index_js").then(() => () => __webpack_require__(/*! ../../node_modules/date-fns/esm/index.js */ 6)));
/******/ register("react", "16.13.1", () => __webpack_require__.e("node_modules_react_index_js").then(() => () => __webpack_require__(/*! ../../node_modules/react/index.js */ 238)));
/******/ register("react", "17.0.1", () => __webpack_require__.e("node_modules_react_index_js").then(() => () => __webpack_require__(/*! ../../node_modules/react/index.js */ 238)));
/******/ }
/******/ break;
/******/ }
@ -1330,7 +1341,7 @@ __webpack_require__.d(exports, {
/******/ });
/******/ var installedModules = {};
/******/ var moduleToHandlerMapping = {
/******/ 4: () => loadSingletonVersionCheckFallback("default", "react", [1,16,13,1], () => __webpack_require__.e("node_modules_react_index_js").then(() => () => __webpack_require__(/*! react */ 238))),
/******/ 4: () => loadSingletonVersionCheckFallback("default", "react", [1,17,0,1], () => __webpack_require__.e("node_modules_react_index_js").then(() => () => __webpack_require__(/*! react */ 238))),
/******/ 5: () => loadStrictVersionCheckFallback("default", "date-fns", [1,2,15,0], () => __webpack_require__.e("vendors-node_modules_date-fns_esm_index_js").then(() => () => __webpack_require__(/*! date-fns */ 6)))
/******/ };
/******/ // no consumes in initial chunks
@ -1433,7 +1444,7 @@ __webpack_require__.d(exports, {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -1451,7 +1462,7 @@ __webpack_require__.d(exports, {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -1459,8 +1470,10 @@ __webpack_require__.d(exports, {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_bbb"] = self["webpackChunkmodule_federation_bbb"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -1859,7 +1872,7 @@ __webpack_require__.d(exports, {
/******/ });
/******/ var installedModules = {};
/******/ var moduleToHandlerMapping = {
/******/ 4: () => loadSingletonVersionCheck("default", "react", [1,16,13,1]),
/******/ 4: () => loadSingletonVersionCheck("default", "react", [1,17,0,1]),
/******/ 5: () => loadStrictVersionCheckFallback("default", "date-fns", [1,2,15,0], () => __webpack_require__.e("vendors-node_modules_date-fns_esm_index_js").then(() => () => __webpack_require__(/*! date-fns */ 8))),
/******/ 7: () => loadStrictVersionCheckFallback("default", "lodash/random", [1,4,17,19], () => __webpack_require__.e("vendors-node_modules_lodash_random_js").then(() => () => __webpack_require__(/*! lodash/random */ 240)))
/******/ };
@ -1968,7 +1981,7 @@ __webpack_require__.d(exports, {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -1986,7 +1999,7 @@ __webpack_require__.d(exports, {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -1994,8 +2007,10 @@ __webpack_require__.d(exports, {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_ccc"] = self["webpackChunkmodule_federation_ccc"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -2018,165 +2033,171 @@ __webpack_require__.d(exports, {
```
app:
asset vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js 161 KiB [emitted] (id hint: vendors)
asset app.js 28.9 KiB [emitted] (name: app)
asset node_modules_react_index_js-_11190.js 17.1 KiB [emitted]
asset node_modules_react_index_js-_11191.js 14.7 KiB [emitted]
asset src_bootstrap_js.js 4.98 KiB [emitted]
chunk app.js (app) 669 bytes (javascript) 42 bytes (share-init) 18.4 KiB (runtime) [entry] [rendered]
asset vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js 163 KiB [emitted] (id hint: vendors)
asset app.js 29.9 KiB [emitted] (name: app)
asset node_modules_react_index_js-_11190.js 16.9 KiB [emitted]
asset node_modules_react_index_js-_11191.js 14.4 KiB [emitted]
asset src_bootstrap_js-webpack_sharing_consume_default_react_react.js 5.03 KiB [emitted]
chunk (runtime: app) app.js (app) 669 bytes (javascript) 42 bytes (share-init) 19.2 KiB (runtime) [entry] [rendered]
> ./src/index.js app
runtime modules 18.4 KiB 13 modules
runtime modules 19.2 KiB 13 modules
built modules 669 bytes (javascript) 42 bytes (share-init) [built]
./src/index.js 585 bytes [built] [code generated]
external "mfeBBB@/dist/bbb/mfeBBB.js" 42 bytes [built] [code generated]
external "mfeCCC@/dist/ccc/mfeCCC.js" 42 bytes [built] [code generated]
provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk node_modules_react_index_js-_11190.js 8.76 KiB [rendered]
> provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js
dependent modules 8.58 KiB [dependent] 2 modules
provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: app) node_modules_react_index_js-_11190.js 8.54 KiB [rendered]
> provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js
dependent modules 8.36 KiB [dependent] 2 modules
../../node_modules/react/index.js 190 bytes [built] [code generated]
chunk node_modules_react_index_js-_11191.js 6.7 KiB [rendered]
> consume shared module (default) react@^16.13.1 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 6.52 KiB [dependent] 1 module
chunk (runtime: app) node_modules_react_index_js-_11191.js 6.48 KiB [rendered]
> consume shared module (default) react@=17.0.1 (singleton) (fallback: ../../node_modules/react/index.js)
> consume shared module (default) react@^17.0.1 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 6.3 KiB [dependent] 1 module
../../node_modules/react/index.js 190 bytes [built] [code generated]
chunk src_bootstrap_js.js 1.56 KiB (javascript) 42 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [rendered]
chunk (runtime: app) src_bootstrap_js-webpack_sharing_consume_default_react_react.js 1.56 KiB (javascript) 84 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [rendered]
> ./bootstrap ./src/index.js 8:0-21
dependent modules 1.19 KiB (javascript) 42 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [dependent] 4 modules
./src/bootstrap.js 382 bytes [built] [code generated]
chunk vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js (id hint: vendors) 140 KiB [rendered] split chunk (cache group: defaultVendors)
built modules 382 bytes (javascript) 42 bytes (consume-shared) [built]
./src/bootstrap.js 382 bytes [built] [code generated]
consume shared module (default) react@=17.0.1 (singleton) (fallback: ../../node_modules/react/index.js) 42 bytes [built] [code generated]
chunk (runtime: app) vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js (id hint: vendors) 142 KiB [rendered] split chunk (cache group: defaultVendors)
> ./bootstrap ./src/index.js 8:0-21
dependent modules 138 KiB [dependent] 13 modules
dependent modules 139 KiB [dependent] 13 modules
cacheable modules 2.3 KiB
../../node_modules/date-fns/esm/locale/de/index.js 995 bytes [built] [code generated]
../../node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
chunk 6 bytes (remote) 6 bytes (share-init)
chunk (runtime: app) 6 bytes (remote) 6 bytes (share-init)
> mfe-c/Component2 ./src/App.js 8:49-75
remote mfe-c/Component2 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
app (webpack 5.0.0) compiled successfully
app (webpack 5.11.1) compiled successfully
mfe-b:
asset vendors-node_modules_date-fns_esm_index_js.js 857 KiB [emitted] (id hint: vendors)
asset mfeBBB.js 24.2 KiB [emitted] (name: mfeBBB)
asset node_modules_react_index_js.js 17.1 KiB [emitted]
asset mfeBBB.js 24.3 KiB [emitted] (name: mfeBBB)
asset node_modules_react_index_js.js 16.9 KiB [emitted]
asset src-b_Component_js.js 2.24 KiB [emitted]
chunk mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.2 KiB (runtime) [entry] [rendered]
chunk (runtime: mfeBBB) mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.4 KiB (runtime) [entry] [rendered]
> mfeBBB
runtime modules 16.2 KiB 11 modules
runtime modules 16.4 KiB 11 modules
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
provide shared module (default) date-fns@2.16.1 = ../../node_modules/date-fns/esm/index.js 42 bytes [built] [code generated]
provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk node_modules_react_index_js.js 8.76 KiB [rendered]
> provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js
> consume shared module (default) react@^16.13.1 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 8.58 KiB [dependent] 2 modules
provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: mfeBBB) node_modules_react_index_js.js 8.54 KiB [rendered]
> provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js
> consume shared module (default) react@^17.0.1 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 8.36 KiB [dependent] 2 modules
../../node_modules/react/index.js 190 bytes [built] [code generated]
chunk src-b_Component_js.js 753 bytes (javascript) 84 bytes (consume-shared) [rendered]
chunk (runtime: mfeBBB) src-b_Component_js.js 753 bytes (javascript) 84 bytes (consume-shared) [rendered]
> ./src-b/Component container entry ./Component
dependent modules 84 bytes [dependent] 2 modules
./src-b/Component.js 753 bytes [built] [code generated]
chunk vendors-node_modules_date-fns_esm_index_js.js (id hint: vendors) 509 KiB [rendered] reused as split chunk (cache group: defaultVendors)
chunk (runtime: mfeBBB) vendors-node_modules_date-fns_esm_index_js.js (id hint: vendors) 509 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) date-fns@2.16.1 = ../../node_modules/date-fns/esm/index.js
> consume shared module (default) date-fns@^2.15.0 (strict) (fallback: ../../node_modules/date-fns/esm/index.js)
dependent modules 496 KiB [dependent] 231 modules
../../node_modules/date-fns/esm/index.js 13.2 KiB [built] [code generated]
mfe-b (webpack 5.0.0) compiled successfully
mfe-b (webpack 5.11.1) compiled successfully
mfe-c:
assets by chunk 880 KiB (id hint: vendors)
asset vendors-node_modules_date-fns_esm_index_js.js 857 KiB [emitted] (id hint: vendors)
asset vendors-node_modules_lodash_random_js.js 23.1 KiB [emitted] (id hint: vendors)
asset mfeCCC.js 25.1 KiB [emitted] (name: mfeCCC)
asset mfeCCC.js 25.3 KiB [emitted] (name: mfeCCC)
asset src-c_LazyComponent_js.js 2.05 KiB [emitted]
asset src-c_Component_js.js 1.97 KiB [emitted]
chunk mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.7 KiB (runtime) [entry] [rendered]
chunk (runtime: mfeCCC) mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.8 KiB (runtime) [entry] [rendered]
> mfeCCC
runtime modules 16.7 KiB 12 modules
runtime modules 16.8 KiB 12 modules
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
provide shared module (default) date-fns@2.16.1 = ../../node_modules/date-fns/esm/index.js 42 bytes [built] [code generated]
provide shared module (default) lodash/random@4.17.20 = ../../node_modules/lodash/random.js 42 bytes [built] [code generated]
chunk src-c_Component_js.js 469 bytes (javascript) 42 bytes (consume-shared) [rendered]
chunk (runtime: mfeCCC) src-c_Component_js.js 469 bytes (javascript) 42 bytes (consume-shared) [rendered]
> ./src-c/Component container entry ./Component
dependent modules 42 bytes [dependent] 1 module
./src-c/Component.js 469 bytes [built] [code generated]
chunk src-c_LazyComponent_js.js 506 bytes (javascript) 42 bytes (consume-shared) [rendered]
chunk (runtime: mfeCCC) src-c_LazyComponent_js.js 506 bytes (javascript) 42 bytes (consume-shared) [rendered]
> ./src-c/LazyComponent container entry ./Component2
dependent modules 42 bytes [dependent] 1 module
./src-c/LazyComponent.js 506 bytes [built] [code generated]
chunk vendors-node_modules_date-fns_esm_index_js.js (id hint: vendors) 509 KiB [rendered] reused as split chunk (cache group: defaultVendors)
chunk (runtime: mfeCCC) vendors-node_modules_date-fns_esm_index_js.js (id hint: vendors) 509 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) date-fns@2.16.1 = ../../node_modules/date-fns/esm/index.js
> consume shared module (default) date-fns@^2.15.0 (strict) (fallback: ../../node_modules/date-fns/esm/index.js)
dependent modules 496 KiB [dependent] 231 modules
../../node_modules/date-fns/esm/index.js 13.2 KiB [built] [code generated]
chunk vendors-node_modules_lodash_random_js.js (id hint: vendors) 15.2 KiB [rendered] reused as split chunk (cache group: defaultVendors)
chunk (runtime: mfeCCC) vendors-node_modules_lodash_random_js.js (id hint: vendors) 15.2 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) lodash/random@4.17.20 = ../../node_modules/lodash/random.js
> consume shared module (default) lodash/random@^4.17.19 (strict) (fallback: ../../node_modules/lodash/random.js)
dependent modules 12.8 KiB [dependent] 18 modules
../../node_modules/lodash/random.js 2.32 KiB [built] [code generated]
chunk 42 bytes split chunk (cache group: default)
chunk (runtime: mfeCCC) 42 bytes split chunk (cache group: default)
> ./src-c/Component container entry ./Component
> ./src-c/LazyComponent container entry ./Component2
consume shared module (default) react@^16.13.1 (singleton) 42 bytes [built] [code generated]
mfe-c (webpack 5.0.0) compiled successfully
consume shared module (default) react@^17.0.1 (singleton) 42 bytes [built] [code generated]
mfe-c (webpack 5.11.1) compiled successfully
```
## Production mode
```
app:
asset vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js 127 KiB [emitted] [minimized] (id hint: vendors) 1 related asset
asset node_modules_react_index_js-_11190.js 7.25 KiB [emitted] [minimized] 1 related asset
asset app.js 7.04 KiB [emitted] [minimized] (name: app)
asset node_modules_react_index_js-_11191.js 6.31 KiB [emitted] [minimized] 1 related asset
asset src_bootstrap_js.js 1.04 KiB [emitted] [minimized]
chunk (runtime: app) app.js (app) 669 bytes (javascript) 42 bytes (share-init) 18.3 KiB (runtime) [entry] [rendered]
asset vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js 128 KiB [emitted] [minimized] (id hint: vendors) 1 related asset
asset app.js 7.57 KiB [emitted] [minimized] (name: app)
asset node_modules_react_index_js-_11190.js 7.02 KiB [emitted] [minimized] 1 related asset
asset node_modules_react_index_js-_11191.js 6.07 KiB [emitted] [minimized] 1 related asset
asset src_bootstrap_js-webpack_sharing_consume_default_react_react.js 1.08 KiB [emitted] [minimized]
chunk (runtime: app) app.js (app) 669 bytes (javascript) 42 bytes (share-init) 19.2 KiB (runtime) [entry] [rendered]
> ./src/index.js app
runtime modules 18.3 KiB 13 modules
runtime modules 19.2 KiB 13 modules
built modules 669 bytes (javascript) 42 bytes (share-init) [built]
./src/index.js 585 bytes [built] [code generated]
external "mfeBBB@/dist/bbb/mfeBBB.js" 42 bytes [built] [code generated]
external "mfeCCC@/dist/ccc/mfeCCC.js" 42 bytes [built] [code generated]
provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: app) node_modules_react_index_js-_11190.js 8.76 KiB [rendered]
> provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js
dependent modules 8.58 KiB [dependent] 2 modules
provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: app) node_modules_react_index_js-_11190.js 8.54 KiB [rendered]
> provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js
dependent modules 8.36 KiB [dependent] 2 modules
../../node_modules/react/index.js 190 bytes [built] [code generated]
chunk (runtime: app) node_modules_react_index_js-_11191.js 6.7 KiB [rendered]
> consume shared module (default) react@^16.13.1 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 6.52 KiB [dependent] 1 module
chunk (runtime: app) node_modules_react_index_js-_11191.js 6.48 KiB [rendered]
> consume shared module (default) react@=17.0.1 (singleton) (fallback: ../../node_modules/react/index.js)
> consume shared module (default) react@^17.0.1 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 6.3 KiB [dependent] 1 module
../../node_modules/react/index.js 190 bytes [built] [code generated]
chunk (runtime: app) src_bootstrap_js.js 42 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) 1.56 KiB (javascript) [rendered]
chunk (runtime: app) src_bootstrap_js-webpack_sharing_consume_default_react_react.js 84 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) 1.56 KiB (javascript) [rendered]
> ./bootstrap ./src/index.js 8:0-21
dependent modules 42 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [dependent] 3 modules
./src/bootstrap.js + 1 modules 1.56 KiB [built] [code generated]
chunk (runtime: app) vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js (id hint: vendors) 140 KiB [rendered] split chunk (cache group: defaultVendors)
built modules 1.56 KiB (javascript) 42 bytes (consume-shared) [built]
./src/bootstrap.js + 1 modules 1.56 KiB [built] [code generated]
consume shared module (default) react@=17.0.1 (singleton) (fallback: ../../node_modules/react/index.js) 42 bytes [built] [code generated]
chunk (runtime: app) vendors-node_modules_date-fns_esm_locale_de_index_js-node_modules_react-dom_index_js.js (id hint: vendors) 142 KiB [rendered] split chunk (cache group: defaultVendors)
> ./bootstrap ./src/index.js 8:0-21
dependent modules 123 KiB [dependent] 4 modules
dependent modules 125 KiB [dependent] 4 modules
cacheable modules 16.9 KiB
../../node_modules/date-fns/esm/locale/de/index.js + 9 modules 15.6 KiB [built] [code generated]
../../node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
chunk (runtime: app) 6 bytes (remote) 6 bytes (share-init)
> mfe-c/Component2 ./src/App.js 8:49-75
remote mfe-c/Component2 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
app (webpack 5.0.0) compiled successfully
app (webpack 5.11.1) compiled successfully
mfe-b:
asset vendors-node_modules_date-fns_esm_index_js.js 78 KiB [emitted] [minimized] (id hint: vendors)
asset node_modules_react_index_js.js 7.2 KiB [emitted] [minimized] 1 related asset
asset mfeBBB.js 5.67 KiB [emitted] [minimized] (name: mfeBBB)
asset node_modules_react_index_js.js 6.97 KiB [emitted] [minimized] 1 related asset
asset mfeBBB.js 5.76 KiB [emitted] [minimized] (name: mfeBBB)
asset src-b_Component_js.js 489 bytes [emitted] [minimized]
chunk (runtime: mfeBBB) mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.1 KiB (runtime) [entry] [rendered]
chunk (runtime: mfeBBB) mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.3 KiB (runtime) [entry] [rendered]
> mfeBBB
runtime modules 16.1 KiB 11 modules
runtime modules 16.3 KiB 11 modules
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
provide shared module (default) date-fns@2.16.1 = ../../node_modules/date-fns/esm/index.js 42 bytes [built] [code generated]
provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: mfeBBB) node_modules_react_index_js.js 8.76 KiB [rendered]
> consume shared module (default) react@^16.13.1 (singleton) (fallback: ../../node_modules/react/index.js)
> provide shared module (default) react@16.13.1 = ../../node_modules/react/index.js
dependent modules 8.58 KiB [dependent] 2 modules
provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: mfeBBB) node_modules_react_index_js.js 8.54 KiB [rendered]
> provide shared module (default) react@17.0.1 = ../../node_modules/react/index.js
> consume shared module (default) react@^17.0.1 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 8.36 KiB [dependent] 2 modules
../../node_modules/react/index.js 190 bytes [built] [code generated]
chunk (runtime: mfeBBB) src-b_Component_js.js 753 bytes (javascript) 84 bytes (consume-shared) [rendered]
> ./src-b/Component container entry ./Component
@ -2186,17 +2207,17 @@ mfe-b:
> consume shared module (default) date-fns@^2.15.0 (strict) (fallback: ../../node_modules/date-fns/esm/index.js)
> provide shared module (default) date-fns@2.16.1 = ../../node_modules/date-fns/esm/index.js
../../node_modules/date-fns/esm/index.js + 231 modules 509 KiB [built] [code generated]
mfe-b (webpack 5.0.0) compiled successfully
mfe-b (webpack 5.11.1) compiled successfully
mfe-c:
asset vendors-node_modules_date-fns_esm_index_js.js 78 KiB [emitted] [minimized] (id hint: vendors)
asset mfeCCC.js 6.32 KiB [emitted] [minimized] (name: mfeCCC)
asset mfeCCC.js 6.41 KiB [emitted] [minimized] (name: mfeCCC)
asset node_modules_lodash_random_js.js 2.95 KiB [emitted] [minimized]
asset src-c_LazyComponent_js.js 533 bytes [emitted] [minimized]
asset src-c_Component_js.js 489 bytes [emitted] [minimized]
chunk (runtime: mfeCCC) mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.5 KiB (runtime) [entry] [rendered]
chunk (runtime: mfeCCC) mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.7 KiB (runtime) [entry] [rendered]
> mfeCCC
runtime modules 16.5 KiB 12 modules
runtime modules 16.7 KiB 12 modules
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
provide shared module (default) date-fns@2.16.1 = ../../node_modules/date-fns/esm/index.js 42 bytes [built] [code generated]
@ -2221,6 +2242,6 @@ mfe-c:
chunk (runtime: mfeCCC) 42 bytes split chunk (cache group: default)
> ./src-c/Component container entry ./Component
> ./src-c/LazyComponent container entry ./Component2
consume shared module (default) react@^16.13.1 (singleton) 42 bytes [built] [code generated]
mfe-c (webpack 5.0.0) compiled successfully
consume shared module (default) react@^17.0.1 (singleton) 42 bytes [built] [code generated]
mfe-c (webpack 5.11.1) compiled successfully
```

14
examples/module/README.md
View File

@ -45,7 +45,7 @@ export function reset() {
/*! namespace exports */
/*! runtime requirements: */
// CONCATENATED MODULE: ./counter.js
;// CONCATENATED MODULE: ./counter.js
let value = 0;
function increment() {
value++;
@ -57,12 +57,12 @@ function counter_reset() {
value = 0;
}
// CONCATENATED MODULE: ./methods.js
;// CONCATENATED MODULE: ./methods.js
const print = value => console.log(value);
// CONCATENATED MODULE: ./example.js
;// CONCATENATED MODULE: ./example.js
print(value);
@ -85,25 +85,25 @@ let o=0;function n(){o++}const c=o=>console.log(o);c(o),n(),n(),n(),c(o),o=0,c(o
## Unoptimized
```
asset output.js 577 bytes [emitted] (name: main)
asset output.js 580 bytes [emitted] [javascript module] (name: main)
chunk (runtime: main) output.js (main) 429 bytes [entry] [rendered]
> ./example.js main
./example.js + 2 modules 429 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 82 bytes [emitted] [minimized] (name: main)
asset output.js 82 bytes [emitted] [javascript module] [minimized] (name: main)
chunk (runtime: main) output.js (main) 429 bytes [entry] [rendered]
> ./example.js main
./example.js + 2 modules 429 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

12
examples/multi-compiler/README.md
View File

@ -136,22 +136,22 @@ console.log("Running " + "mobile" + " build");
```
mobile:
asset mobile.js 1.57 KiB [emitted] (name: main)
chunk mobile.js (main) 114 bytes [entry] [rendered]
chunk (runtime: main) mobile.js (main) 114 bytes [entry] [rendered]
> ./example main
dependent modules 20 bytes [dependent] 1 module
./example.js 94 bytes [built] [code generated]
[used exports unknown]
entry ./example main
mobile (webpack 5.0.0) compiled successfully
mobile (webpack 5.11.1) compiled successfully
desktop:
asset desktop.js 262 bytes [emitted] (name: main)
chunk desktop.js (main) 94 bytes [entry] [rendered]
chunk (runtime: main) desktop.js (main) 94 bytes [entry] [rendered]
> ./example main
./example.js 94 bytes [built] [code generated]
[used exports unknown]
entry ./example main
desktop (webpack 5.0.0) compiled successfully
desktop (webpack 5.11.1) compiled successfully
```
## Production mode
@ -165,7 +165,7 @@ mobile:
./example.js 94 bytes [built] [code generated]
[no exports used]
entry ./example main
mobile (webpack 5.0.0) compiled successfully
mobile (webpack 5.11.1) compiled successfully
desktop:
asset desktop.js 37 bytes [emitted] [minimized] (name: main)
@ -174,5 +174,5 @@ desktop:
./example.js 94 bytes [built] [code generated]
[no exports used]
entry ./example main
desktop (webpack 5.0.0) compiled successfully
desktop (webpack 5.11.1) compiled successfully
```

8
examples/multi-part-library/README.md
View File

@ -183,21 +183,21 @@ module.exports = "beta";
```
asset MyLibrary.beta.js 1.96 KiB [emitted] (name: beta)
asset MyLibrary.alpha.js 1.95 KiB [emitted] (name: alpha)
chunk MyLibrary.alpha.js (alpha) 25 bytes [entry] [rendered]
chunk (runtime: alpha) MyLibrary.alpha.js (alpha) 25 bytes [entry] [rendered]
> ./alpha alpha
./alpha.js 25 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./alpha.js 1:0-14
entry ./alpha alpha
used as library export
chunk MyLibrary.beta.js (beta) 24 bytes [entry] [rendered]
chunk (runtime: beta) MyLibrary.beta.js (beta) 24 bytes [entry] [rendered]
> ./beta beta
./beta.js 24 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./beta.js 1:0-14
entry ./beta beta
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -219,5 +219,5 @@ chunk (runtime: beta) MyLibrary.beta.js (beta) 24 bytes [entry] [rendered]
cjs self exports reference ./beta.js 1:0-14
entry ./beta beta
used as library export
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

248
examples/multiple-entry-points/README.md
View File

@ -156,6 +156,9 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ (() => {
@ -298,43 +301,10 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -352,7 +322,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -365,8 +335,35 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -436,6 +433,9 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/******/ // the startup function
/******/ // It's empty as some runtime module handles the default behavior
/******/ __webpack_require__.x = x => {}
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ (() => {
@ -578,43 +578,10 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/
/******/ // no HMR manifest
/******/
/******/ var checkDeferredModules = () => {
/******/
/******/ };
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ chunkLoadingGlobal = chunkLoadingGlobal.slice();
/******/ for(var i = 0; i < chunkLoadingGlobal.length; i++) webpackJsonpCallback(chunkLoadingGlobal[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ var checkDeferredModules = x => {};
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -632,7 +599,7 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -645,8 +612,35 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ function checkDeferredModulesImpl() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = x => {};
/******/ }
/******/ return result;
/******/ }
/******/ var startup = __webpack_require__.x;
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = startup || (x => {});
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/ })();
/******/
/************************************************************************/
@ -690,54 +684,12 @@ module.exports = function(msg) {
## Unoptimized
```
asset pageA.js 10.6 KiB [emitted] (name: pageA)
asset pageB.js 10.5 KiB [emitted] (name: pageB)
asset pageA.js 10.7 KiB [emitted] (name: pageA)
asset pageB.js 10.6 KiB [emitted] (name: pageB)
asset 52.js 506 bytes [emitted]
asset commons.js 364 bytes [emitted] (name: commons) (id hint: commons)
Entrypoint pageA 10.9 KiB = commons.js 364 bytes pageA.js 10.6 KiB
Entrypoint pageB 10.9 KiB = commons.js 364 bytes pageB.js 10.5 KiB
chunk 52.js 88 bytes [rendered]
> ./shared ./pageA.js 2:0-4:2
> ./pageB.js 2:0-5:2
./shared.js 88 bytes [built] [code generated]
[used exports unknown]
amd require ./shared ./pageA.js 2:0-4:2
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
cjs self exports reference ./shared.js 2:0-14
chunk pageB.js (pageB) 148 bytes (javascript) 6.03 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 6.03 KiB 6 modules
./pageB.js 148 bytes [built] [code generated]
[used exports unknown]
entry ./pageB pageB
chunk commons.js (commons) (id hint: commons) 26 bytes [initial] [rendered] split chunk (cache group: commons) (name: commons)
> ./pageA pageA
> ./pageB pageB
./common.js 26 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./common.js 1:0-14
cjs require ./common ./pageA.js 1:13-32
cjs require ./common ./pageB.js 1:13-32
cjs require ./common ./shared.js 1:13-32
chunk pageA.js (pageA) 105 bytes (javascript) 6.03 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 6.03 KiB 6 modules
./pageA.js 105 bytes [built] [code generated]
[used exports unknown]
entry ./pageA pageA
webpack 5.0.0 compiled successfully
```
## Production mode
```
asset pageA.js 2.02 KiB [emitted] [minimized] (name: pageA)
asset pageB.js 2 KiB [emitted] [minimized] (name: pageB)
asset 52.js 116 bytes [emitted] [minimized]
asset commons.js 86 bytes [emitted] [minimized] (name: commons) (id hint: commons)
Entrypoint pageA 2.11 KiB = commons.js 86 bytes pageA.js 2.02 KiB
Entrypoint pageB 2.08 KiB = commons.js 86 bytes pageB.js 2 KiB
Entrypoint pageA 11 KiB = commons.js 364 bytes pageA.js 10.7 KiB
Entrypoint pageB 11 KiB = commons.js 364 bytes pageB.js 10.6 KiB
chunk (runtime: pageA, pageB) 52.js 88 bytes [rendered]
> ./shared ./pageA.js 2:0-4:2
> ./pageB.js 2:0-5:2
@ -747,9 +699,51 @@ chunk (runtime: pageA, pageB) 52.js 88 bytes [rendered]
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
cjs self exports reference ./shared.js 2:0-14
chunk (runtime: pageB) pageB.js (pageB) 148 bytes (javascript) 6.04 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.js (pageB) 148 bytes (javascript) 6.03 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 6.04 KiB 6 modules
runtime modules 6.03 KiB 6 modules
./pageB.js 148 bytes [built] [code generated]
[used exports unknown]
entry ./pageB pageB
chunk (runtime: pageA, pageB) commons.js (commons) (id hint: commons) 26 bytes [initial] [rendered] split chunk (cache group: commons) (name: commons)
> ./pageA pageA
> ./pageB pageB
./common.js 26 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./common.js 1:0-14
cjs require ./common ./pageA.js 1:13-32
cjs require ./common ./pageB.js 1:13-32
cjs require ./common ./shared.js 1:13-32
chunk (runtime: pageA) pageA.js (pageA) 105 bytes (javascript) 6.03 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 6.03 KiB 6 modules
./pageA.js 105 bytes [built] [code generated]
[used exports unknown]
entry ./pageA pageA
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset pageA.js 2.04 KiB [emitted] [minimized] (name: pageA)
asset pageB.js 2.01 KiB [emitted] [minimized] (name: pageB)
asset 52.js 116 bytes [emitted] [minimized]
asset commons.js 86 bytes [emitted] [minimized] (name: commons) (id hint: commons)
Entrypoint pageA 2.12 KiB = commons.js 86 bytes pageA.js 2.04 KiB
Entrypoint pageB 2.1 KiB = commons.js 86 bytes pageB.js 2.01 KiB
chunk (runtime: pageA, pageB) 52.js 88 bytes [rendered]
> ./shared ./pageA.js 2:0-4:2
> ./pageB.js 2:0-5:2
./shared.js 88 bytes [built] [code generated]
[used exports unknown]
amd require ./shared ./pageA.js 2:0-4:2
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
cjs self exports reference ./shared.js 2:0-14
chunk (runtime: pageB) pageB.js (pageB) 148 bytes (javascript) 6.03 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 6.03 KiB 6 modules
./pageB.js 148 bytes [built] [code generated]
[no exports used]
entry ./pageB pageB
@ -762,11 +756,11 @@ chunk (runtime: pageA, pageB) commons.js (commons) (id hint: commons) 26 bytes [
cjs require ./common ./pageA.js 1:13-32
cjs require ./common ./pageB.js 1:13-32
cjs require ./common ./shared.js 1:13-32
chunk (runtime: pageA) pageA.js (pageA) 105 bytes (javascript) 6.04 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.js (pageA) 105 bytes (javascript) 6.03 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 6.04 KiB 6 modules
runtime modules 6.03 KiB 6 modules
./pageA.js 105 bytes [built] [code generated]
[no exports used]
entry ./pageA pageA
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

30
examples/named-chunks/README.md
View File

@ -216,7 +216,7 @@ require.ensure(["b"], function(require) {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -234,7 +234,7 @@ require.ensure(["b"], function(require) {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -242,8 +242,10 @@ require.ensure(["b"], function(require) {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -364,17 +366,17 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
## Unoptimized
```
asset output.js 9.57 KiB [emitted] (name: main)
asset output.js 9.72 KiB [emitted] (name: main)
asset 666.output.js 735 bytes [emitted] (name: my own chunk)
asset 885.output.js 528 bytes [emitted]
chunk output.js (main) 432 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 432 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
dependent modules 11 bytes [dependent] 1 module
./example.js 421 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk 666.output.js (my own chunk) 33 bytes [rendered]
chunk (runtime: main) 666.output.js (my own chunk) 33 bytes [rendered]
> ./example.js 13:0-15:18
> ./example.js 3:0-6:18
> ./example.js 8:0-11:18
@ -390,7 +392,7 @@ chunk 666.output.js (my own chunk) 33 bytes [rendered]
[used exports unknown]
cjs require d ./example.js 10:9-21
cjs require d ./example.js 19:9-21
chunk 885.output.js 22 bytes [rendered]
chunk (runtime: main) 885.output.js 22 bytes [rendered]
> ./example.js 17:0-20:2
./node_modules/b.js 11 bytes [built] [code generated]
[used exports unknown]
@ -401,18 +403,18 @@ chunk 885.output.js 22 bytes [rendered]
[used exports unknown]
cjs require d ./example.js 10:9-21
cjs require d ./example.js 19:9-21
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.82 KiB [emitted] [minimized] (name: main)
asset output.js 1.88 KiB [emitted] [minimized] (name: main)
asset 666.output.js 95 bytes [emitted] [minimized] (name: my own chunk)
asset 885.output.js 80 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 432 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 432 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.85 KiB 6 modules
runtime modules 4.97 KiB 6 modules
dependent modules 11 bytes [dependent] 1 module
./example.js 421 bytes [built] [code generated]
[no exports used]
@ -444,5 +446,5 @@ chunk (runtime: main) 885.output.js 22 bytes [rendered]
[used exports unknown]
cjs require d ./example.js 10:9-21
cjs require d ./example.js 19:9-21
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

20
examples/persistent-caching/README.md
View File

@ -55,34 +55,34 @@ module.exports = (env = "development") => ({
## Unoptimized
```
asset output.js 3.92 MiB [emitted] (name: main)
chunk output.js (main) 2.8 MiB (javascript) 1.58 KiB (runtime) [entry]
asset output.js 3.99 MiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 2.86 MiB (javascript) 1.58 KiB (runtime) [entry]
> ./example.js main
cached modules 2.8 MiB (javascript) 1.58 KiB (runtime) [cached] 1191 modules
webpack 5.0.0 compiled successfully
cached modules 2.86 MiB (javascript) 1.58 KiB (runtime) [cached] 1210 modules
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 544 KiB [emitted] [minimized] [big] (name: main) 1 related asset
chunk (runtime: main) output.js (main) 1.89 MiB (javascript) 1.33 KiB (runtime) [entry]
asset output.js 551 KiB [emitted] [minimized] [big] (name: main) 1 related asset
chunk (runtime: main) output.js (main) 1.91 MiB (javascript) 1.58 KiB (runtime) [entry]
> ./example.js main
cached modules 1.89 MiB (javascript) 1.33 KiB (runtime) [cached] 570 modules
cached modules 1.91 MiB (javascript) 1.58 KiB (runtime) [cached] 591 modules
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
output.js (544 KiB)
output.js (551 KiB)
WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
main (544 KiB)
main (551 KiB)
output.js
WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
webpack 5.0.0 compiled with 3 warnings
webpack 5.11.1 compiled with 3 warnings
```

16
examples/reexport-components/README.md
View File

@ -213,12 +213,12 @@ const Login = () => {
## Unoptimized
```
asset output.js 10.8 KiB [emitted] (name: main)
asset output.js 10.9 KiB [emitted] (name: main)
asset pages_Login_js.output.js 2.84 KiB [emitted]
asset pages_Dashboard_js.output.js 2.8 KiB [emitted]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 48 bytes [built] [code generated]
[no exports used]
@ -239,18 +239,18 @@ chunk (runtime: main) pages_Login_js.output.js 504 bytes [rendered]
[exports: default]
context element ./Login ./pages/ lazy ^\.\/.*$ namespace object ./Login
context element ./Login.js ./pages/ lazy ^\.\/.*$ namespace object ./Login.js
webpack 5.8.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.44 KiB [emitted] [minimized] (name: main)
asset output.js 2.48 KiB [emitted] [minimized] (name: main)
asset pages_Dashboard_js.output.js 469 bytes [emitted] [minimized]
asset pages_Login_js.output.js 463 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 48 bytes [built] [code generated]
[no exports used]
@ -271,5 +271,5 @@ chunk (runtime: main) pages_Login_js.output.js 504 bytes [rendered]
[exports: default]
context element ./Login ./pages/ lazy ^\.\/.*$ namespace object ./Login
context element ./Login.js ./pages/ lazy ^\.\/.*$ namespace object ./Login.js
webpack 5.8.0 compiled successfully
webpack 5.11.1 compiled successfully
```

6
examples/require.context/README.md
View File

@ -174,14 +174,14 @@ console.log(getTemplate("b"));
```
asset output.js 3.62 KiB [emitted] (name: main)
chunk output.js (main) 603 bytes (javascript) 86 bytes (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 603 bytes (javascript) 86 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 457 bytes [dependent] 4 modules
runtime modules 86 bytes 1 module
./example.js 146 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -195,7 +195,7 @@ chunk (runtime: main) output.js (main) 603 bytes (javascript) 86 bytes (runtime)
./example.js 146 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
# Code Splitting

6
examples/require.resolve/README.md
View File

@ -119,13 +119,13 @@ module.exports = Math.random();
```
asset output.js 2.31 KiB [emitted] (name: main)
chunk output.js (main) 313 bytes [entry] [rendered]
chunk (runtime: main) output.js (main) 313 bytes [entry] [rendered]
> ./example.js main
dependent modules 31 bytes [dependent] 1 module
./example.js 282 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -138,5 +138,5 @@ chunk (runtime: main) output.js (main) 313 bytes [entry] [rendered]
./example.js 282 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

48
examples/scope-hoisting/README.md
View File

@ -133,11 +133,11 @@ __webpack_require__.d(__webpack_exports__, {
"y": () => /* reexport */ y
});
// CONCATENATED MODULE: ./node_modules/shared2.js
;// CONCATENATED MODULE: ./node_modules/shared2.js
// shared2 module
var y = "y";
// CONCATENATED MODULE: ./node_modules/shared.js
;// CONCATENATED MODULE: ./node_modules/shared.js
// shared module
var x = "x";
@ -343,7 +343,7 @@ var x = "x";
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -361,7 +361,7 @@ var x = "x";
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -369,8 +369,10 @@ var x = "x";
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -389,18 +391,18 @@ var x = "x";
// EXTERNAL MODULE: ./node_modules/shared.js + 1 modules
var shared = __webpack_require__(1);
// CONCATENATED MODULE: ./node_modules/a.js
;// CONCATENATED MODULE: ./node_modules/a.js
// module a
var a = "a";
// CONCATENATED MODULE: ./node_modules/b.js
;// CONCATENATED MODULE: ./node_modules/b.js
// module b
function b_a() {
return "b";
};
// CONCATENATED MODULE: ./example.js
;// CONCATENATED MODULE: ./example.js
@ -460,7 +462,7 @@ __webpack_require__.d(d_namespaceObject, {
var cjs = __webpack_require__(3);
// EXTERNAL MODULE: ./node_modules/shared.js + 1 modules
var shared = __webpack_require__(1);
// CONCATENATED MODULE: ./node_modules/c.js
;// CONCATENATED MODULE: ./node_modules/c.js
// module c
@ -468,11 +470,11 @@ var c = String.fromCharCode(cjs.c.charCodeAt(0) - 2);
// CONCATENATED MODULE: ./node_modules/d.js
;// CONCATENATED MODULE: ./node_modules/d.js
// module d
var a = "d";
// CONCATENATED MODULE: ./lazy.js
;// CONCATENATED MODULE: ./lazy.js
@ -500,7 +502,7 @@ exports.c = "e";
Minimized
```javascript
(self.webpackChunk=self.webpackChunk||[]).push([[872],{872:(r,e,a)=>{"use strict";a.r(e),a.d(e,{c:()=>s,d:()=>c,x:()=>h.x,y:()=>h.y});var c={};a.r(c),a.d(c,{a:()=>C});var d=a(75),h=a(376),s=String.fromCharCode(d.c.charCodeAt(0)-2),C="d"},75:(r,e)=>{e.c="e"}}]);
(self.webpackChunk=self.webpackChunk||[]).push([[872],{872:(r,e,a)=>{"use strict";a.r(e),a.d(e,{c:()=>C,d:()=>c,x:()=>h.x,y:()=>s.y});var c={};a.r(c),a.d(c,{a:()=>k});var d=a(75),h=a(845),s=a(383),C=String.fromCharCode(d.c.charCodeAt(0)-2),k="d"},75:(r,e)=>{e.c="e"}}]);
```
# Info
@ -508,11 +510,11 @@ Minimized
## Unoptimized
```
asset output.js 10.9 KiB [emitted] (name: main)
asset output.js 11.1 KiB [emitted] (name: main)
asset 872.output.js 2.73 KiB [emitted]
chunk (runtime: main) output.js (main) 367 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 367 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 100 bytes [dependent] 1 module
./example.js + 2 modules 267 bytes [built] [code generated]
[no exports]
@ -524,18 +526,18 @@ chunk (runtime: main) 872.output.js 263 bytes [rendered]
./lazy.js + 2 modules 221 bytes [built] [code generated]
[exports: c, d, x, y]
import() ./lazy ./example.js + 2 modules ./example.js 4:0-16
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 2.01 KiB [emitted] [minimized] (name: main)
asset 872.output.js 261 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 367 bytes (javascript) 5.42 KiB (runtime) [entry] [rendered]
asset output.js 2.1 KiB [emitted] [minimized] (name: main)
asset 872.output.js 270 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 367 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
dependent modules 100 bytes [dependent] 1 module
runtime modules 5.54 KiB 8 modules
dependent modules 100 bytes [dependent] 2 modules
./example.js + 2 modules 267 bytes [built] [code generated]
[no exports]
[no exports used]
@ -546,5 +548,5 @@ chunk (runtime: main) 872.output.js 263 bytes [rendered]
./lazy.js + 2 modules 221 bytes [built] [code generated]
[exports: c, d, x, y]
import() ./lazy ./example.js + 2 modules ./example.js 4:0-16
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

22
examples/side-effects/README.md
View File

@ -50,6 +50,8 @@ console.log(
export { a } from "./a";
export { b } from "./b";
export { c } from "./c";
console.log("side effect");
```
# dist/output.js
@ -65,6 +67,7 @@ export { c } from "./c";
/*! namespace exports */
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/*! Statement (ExpressionStatement) with side effects in source code at 4:0-9:2 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
@ -93,6 +96,7 @@ console.log(
/*! export c [provided] [no usage info] [missing usage info prevents renaming] -> ./node_modules/big-module/c.js .c */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! Statement (ExpressionStatement) with side effects in source code at 5:0-27 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
@ -108,6 +112,8 @@ __webpack_require__.r(__webpack_exports__);
console.log("side effect");
/***/ }),
/* 2 */
@ -278,27 +284,27 @@ const b = "b";
## Unoptimized
```
asset output.js 8.39 KiB [emitted] (name: main)
chunk output.js (main) 325 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
asset output.js 8.58 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 354 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 185 bytes [dependent] 6 modules
dependent modules 214 bytes [dependent] 6 modules
runtime modules 668 bytes 3 modules
./example.js 140 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 52 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 303 bytes [entry] [rendered]
asset output.js 79 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 332 bytes [entry] [rendered]
> ./example.js main
./example.js + 5 modules 303 bytes [built] [code generated]
./example.js + 5 modules 332 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

2
examples/side-effects/node_modules/big-module-with-flag/index.js generated vendored
View File

@ -1,3 +1,5 @@
export { a } from "./a";
export { b } from "./b";
export { c } from "./c";
console.log("side effect");

2
examples/side-effects/node_modules/big-module/index.js generated vendored
View File

@ -1,3 +1,5 @@
export { a } from "./a";
export { b } from "./b";
export { c } from "./c";
console.log("side effect");

144
examples/source-map/README.md
View File

@ -299,159 +299,159 @@ eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\n
# webpack output
```
asset ./runtime~bundle-eval.js 5.65 KiB [emitted] (name: runtime~bundle)
asset ./runtime~bundle-eval.js 5.72 KiB [emitted] (name: runtime~bundle)
asset ./bundle-eval.js 1.32 KiB [emitted] (name: bundle)
Entrypoint bundle 6.96 KiB = ./runtime~bundle-eval.js 5.65 KiB ./bundle-eval.js 1.32 KiB
chunk ./bundle-eval.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 7.04 KiB = ./runtime~bundle-eval.js 5.72 KiB ./bundle-eval.js 1.32 KiB
chunk (runtime: runtime~bundle) ./bundle-eval.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-eval.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-eval.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-eval-cheap-source-map.js 5.64 KiB [emitted] (name: runtime~bundle)
asset ./runtime~bundle-eval-cheap-source-map.js 5.72 KiB [emitted] (name: runtime~bundle)
asset ./bundle-eval-cheap-source-map.js 1.98 KiB [emitted] (name: bundle)
Entrypoint bundle 7.62 KiB = ./runtime~bundle-eval-cheap-source-map.js 5.64 KiB ./bundle-eval-cheap-source-map.js 1.98 KiB
chunk ./bundle-eval-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 7.7 KiB = ./runtime~bundle-eval-cheap-source-map.js 5.72 KiB ./bundle-eval-cheap-source-map.js 1.98 KiB
chunk (runtime: runtime~bundle) ./bundle-eval-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-eval-cheap-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-eval-cheap-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-eval-cheap-module-source-map.js 5.64 KiB [emitted] (name: runtime~bundle)
asset ./runtime~bundle-eval-cheap-module-source-map.js 5.72 KiB [emitted] (name: runtime~bundle)
asset ./bundle-eval-cheap-module-source-map.js 2.12 KiB [emitted] (name: bundle)
Entrypoint bundle 7.76 KiB = ./runtime~bundle-eval-cheap-module-source-map.js 5.64 KiB ./bundle-eval-cheap-module-source-map.js 2.12 KiB
chunk ./bundle-eval-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 7.84 KiB = ./runtime~bundle-eval-cheap-module-source-map.js 5.72 KiB ./bundle-eval-cheap-module-source-map.js 2.12 KiB
chunk (runtime: runtime~bundle) ./bundle-eval-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-eval-cheap-module-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-eval-cheap-module-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-eval-source-map.js 5.64 KiB [emitted] (name: runtime~bundle)
asset ./runtime~bundle-eval-source-map.js 5.72 KiB [emitted] (name: runtime~bundle)
asset ./bundle-eval-source-map.js 2.12 KiB [emitted] (name: bundle)
Entrypoint bundle 7.76 KiB = ./runtime~bundle-eval-source-map.js 5.64 KiB ./bundle-eval-source-map.js 2.12 KiB
chunk ./bundle-eval-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 7.84 KiB = ./runtime~bundle-eval-source-map.js 5.72 KiB ./bundle-eval-source-map.js 2.12 KiB
chunk (runtime: runtime~bundle) ./bundle-eval-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-eval-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-eval-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-cheap-source-map.js 5.15 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./runtime~bundle-cheap-source-map.js 5.23 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-cheap-source-map.js 717 bytes [emitted] (name: bundle) 1 related asset
Entrypoint bundle 5.85 KiB (4.92 KiB) = ./runtime~bundle-cheap-source-map.js 5.15 KiB ./bundle-cheap-source-map.js 717 bytes 2 auxiliary assets
chunk ./bundle-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 5.93 KiB (5.01 KiB) = ./runtime~bundle-cheap-source-map.js 5.23 KiB ./bundle-cheap-source-map.js 717 bytes 2 auxiliary assets
chunk (runtime: runtime~bundle) ./bundle-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-cheap-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-cheap-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-cheap-module-source-map.js 5.16 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./runtime~bundle-cheap-module-source-map.js 5.24 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-cheap-module-source-map.js 724 bytes [emitted] (name: bundle) 1 related asset
Entrypoint bundle 5.86 KiB (4.85 KiB) = ./runtime~bundle-cheap-module-source-map.js 5.16 KiB ./bundle-cheap-module-source-map.js 724 bytes 2 auxiliary assets
chunk ./bundle-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 5.94 KiB (4.95 KiB) = ./runtime~bundle-cheap-module-source-map.js 5.24 KiB ./bundle-cheap-module-source-map.js 724 bytes 2 auxiliary assets
chunk (runtime: runtime~bundle) ./bundle-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-cheap-module-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-cheap-module-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-inline-cheap-source-map.js 11 KiB [emitted] (name: runtime~bundle)
asset ./runtime~bundle-inline-cheap-source-map.js 11.2 KiB [emitted] (name: runtime~bundle)
asset ./bundle-inline-cheap-source-map.js 1.41 KiB [emitted] (name: bundle)
Entrypoint bundle 12.4 KiB = ./runtime~bundle-inline-cheap-source-map.js 11 KiB ./bundle-inline-cheap-source-map.js 1.41 KiB
chunk ./bundle-inline-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 12.7 KiB = ./runtime~bundle-inline-cheap-source-map.js 11.2 KiB ./bundle-inline-cheap-source-map.js 1.41 KiB
chunk (runtime: runtime~bundle) ./bundle-inline-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-inline-cheap-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-inline-cheap-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-inline-cheap-module-source-map.js 11 KiB [emitted] (name: runtime~bundle)
asset ./runtime~bundle-inline-cheap-module-source-map.js 11.3 KiB [emitted] (name: runtime~bundle)
asset ./bundle-inline-cheap-module-source-map.js 1.31 KiB [emitted] (name: bundle)
Entrypoint bundle 12.4 KiB = ./runtime~bundle-inline-cheap-module-source-map.js 11 KiB ./bundle-inline-cheap-module-source-map.js 1.31 KiB
chunk ./bundle-inline-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 12.6 KiB = ./runtime~bundle-inline-cheap-module-source-map.js 11.3 KiB ./bundle-inline-cheap-module-source-map.js 1.31 KiB
chunk (runtime: runtime~bundle) ./bundle-inline-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-inline-cheap-module-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-inline-cheap-module-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-source-map.js 5.14 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./runtime~bundle-source-map.js 5.22 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-source-map.js 711 bytes [emitted] (name: bundle) 1 related asset
Entrypoint bundle 5.84 KiB (4.91 KiB) = ./runtime~bundle-source-map.js 5.14 KiB ./bundle-source-map.js 711 bytes 2 auxiliary assets
chunk ./bundle-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 5.92 KiB (5.01 KiB) = ./runtime~bundle-source-map.js 5.22 KiB ./bundle-source-map.js 711 bytes 2 auxiliary assets
chunk (runtime: runtime~bundle) ./bundle-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-inline-source-map.js 11 KiB [emitted] (name: runtime~bundle)
asset ./runtime~bundle-inline-source-map.js 11.2 KiB [emitted] (name: runtime~bundle)
asset ./bundle-inline-source-map.js 1.42 KiB [emitted] (name: bundle)
Entrypoint bundle 12.4 KiB = ./runtime~bundle-inline-source-map.js 11 KiB ./bundle-inline-source-map.js 1.42 KiB
chunk ./bundle-inline-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 12.6 KiB = ./runtime~bundle-inline-source-map.js 11.2 KiB ./bundle-inline-source-map.js 1.42 KiB
chunk (runtime: runtime~bundle) ./bundle-inline-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-inline-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-inline-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-hidden-source-map.js 5.09 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./runtime~bundle-hidden-source-map.js 5.17 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-hidden-source-map.js 665 bytes [emitted] (name: bundle) 1 related asset
Entrypoint bundle 5.74 KiB (4.93 KiB) = ./runtime~bundle-hidden-source-map.js 5.09 KiB ./bundle-hidden-source-map.js 665 bytes 2 auxiliary assets
chunk ./bundle-hidden-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 5.82 KiB (5.02 KiB) = ./runtime~bundle-hidden-source-map.js 5.17 KiB ./bundle-hidden-source-map.js 665 bytes 2 auxiliary assets
chunk (runtime: runtime~bundle) ./bundle-hidden-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-hidden-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-hidden-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
asset ./runtime~bundle-nosources-source-map.js 5.15 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./runtime~bundle-nosources-source-map.js 5.23 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-nosources-source-map.js 721 bytes [emitted] (name: bundle) 1 related asset
Entrypoint bundle 5.86 KiB (1.17 KiB) = ./runtime~bundle-nosources-source-map.js 5.15 KiB ./bundle-nosources-source-map.js 721 bytes 2 auxiliary assets
chunk ./bundle-nosources-source-map.js (bundle) 256 bytes [initial] [rendered]
Entrypoint bundle 5.94 KiB (1.16 KiB) = ./runtime~bundle-nosources-source-map.js 5.23 KiB ./bundle-nosources-source-map.js 721 bytes 2 auxiliary assets
chunk (runtime: runtime~bundle) ./bundle-nosources-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
../../node_modules/coffee-loader/dist/cjs.js!./example.coffee 256 bytes [built] [code generated]
[used exports unknown]
entry coffee-loader!./example.coffee bundle
chunk ./runtime~bundle-nosources-source-map.js (runtime~bundle) 2.57 KiB [entry] [rendered]
chunk (runtime: runtime~bundle) ./runtime~bundle-nosources-source-map.js (runtime~bundle) 2.56 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.57 KiB 2 modules
webpack 5.0.0 compiled successfully
runtime modules 2.56 KiB 2 modules
webpack 5.11.1 compiled successfully
```

8
examples/template-common.js
View File

@ -33,6 +33,7 @@ exports.replaceBase = (template) => {
return template
.replace(/\r\n/g, "\n")
.replace(/\r/g, "\n")
.replace(/\[webpack-cli\].+\n/g, "")
.replace(cwdSlashRegExp, "./")
.replace(cwdRegExp, ".")
.replace(webpack, "(webpack)")
@ -62,6 +63,11 @@ exports.replaceResults = (template, baseDir, stdout, prefix) => {
match = match.substr(3 + (prefix ? prefix.length + 1 : 0), match.length - 6 - (prefix ? prefix.length + 1 : 0));
if(match === "stdout")
return stdout;
return fs.readFileSync(path.join(baseDir, match), "utf-8").replace(/[\r\n]*$/, "");
try {
return fs.readFileSync(path.join(baseDir, match), "utf-8").replace(/[\r\n]*$/, "");
} catch(e) {
e.message += `\nwhile reading '${match}' in '${baseDir}`;
throw e;
}
});
};

32
examples/top-level-await/README.md
View File

@ -383,7 +383,7 @@ const AlternativeCreateUserAction = async name => {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -401,7 +401,7 @@ const AlternativeCreateUserAction = async name => {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -409,8 +409,10 @@ const AlternativeCreateUserAction = async name => {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -508,7 +510,7 @@ return __webpack_exports__;
## in production mode:
```javascript
(self.webpackChunk=self.webpackChunk||[]).push([[497],{497:(e,a,s)=>{"use strict";e.exports=(async()=>{s.r(a),s.d(a,{createUser:()=>t});var e=s(447);e=await Promise.resolve(e);const t=async a=>{command="CREATE USER "+a,await(0,e.j)({command})};return a})()},447:(e,a,s)=>{"use strict";e.exports=(async()=>{s.d(a,{j:()=>e}),await(async e=>{await new Promise(e=>setTimeout(e,1e3))})();const e=async e=>(await new Promise(e=>setTimeout(e,100)),"fake data");return a})()}}]);
(self.webpackChunk=self.webpackChunk||[]).push([[497],{497:(e,a,s)=>{"use strict";e.exports=(async()=>{s.r(a),s.d(a,{createUser:()=>t});var e=s(447);e=await Promise.resolve(e);const t=async a=>{command=`CREATE USER ${a}`,await(0,e.j)({command})};return a})()},447:(e,a,s)=>{"use strict";e.exports=(async()=>{s.d(a,{j:()=>e}),await(async e=>{await new Promise((e=>setTimeout(e,1e3)))})();const e=async e=>(await new Promise((e=>setTimeout(e,100))),"fake data");return a})()}}]);
```
# Info
@ -516,17 +518,17 @@ return __webpack_exports__;
## Unoptimized
```
asset output.js 12.2 KiB [emitted] (name: main)
asset output.js 12.3 KiB [emitted] (name: main)
asset 497.output.js 2.52 KiB [emitted]
chunk output.js (main) 1.19 KiB (javascript) 5.42 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 1.19 KiB (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
dependent modules 1.09 KiB [dependent] 1 module
./example.js 103 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./example.js main
chunk 497.output.js 617 bytes [rendered]
chunk (runtime: main) 497.output.js 617 bytes [rendered]
> ./UserApi.js ./Actions.js 22:30-52
> ./UserApi.js ./Actions.js 2:16-38
dependent modules 402 bytes [dependent] 1 module
@ -535,17 +537,17 @@ chunk 497.output.js 617 bytes [rendered]
[used exports unknown]
import() ./UserApi.js ./Actions.js 2:16-38
import() ./UserApi.js ./Actions.js 22:30-52
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.96 KiB [emitted] [minimized] (name: main)
asset 497.output.js 471 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 1.19 KiB (javascript) 5.42 KiB (runtime) [entry] [rendered]
asset output.js 2.02 KiB [emitted] [minimized] (name: main)
asset 497.output.js 477 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 1.19 KiB (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.42 KiB 8 modules
runtime modules 5.54 KiB 8 modules
./example.js + 1 modules 1.19 KiB [built] [code generated]
[no exports]
[no exports used]
@ -558,5 +560,5 @@ chunk (runtime: main) 497.output.js 617 bytes [rendered]
[exports: createUser]
import() ./UserApi.js ./example.js + 1 modules ./Actions.js 2:16-38
import() ./UserApi.js ./example.js + 1 modules ./Actions.js 22:30-52
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

30
examples/two-explicit-vendor-chunks/README.md
View File

@ -89,8 +89,8 @@ module.exports = "Vendor1";
``` js
/******/ // startup
/******/ // Load entry module
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ __webpack_require__(0);
/******/ // This entry module used 'module' so it can't be inlined
/******/ })()
;
```
@ -164,8 +164,8 @@ __webpack_require__(/*! ./vendor1 */ 0);
``` js
/******/ // startup
/******/ // Load entry module
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ __webpack_require__(1);
/******/ // This entry module used 'module' so it can't be inlined
/******/ })()
;
```
@ -254,8 +254,8 @@ __webpack_require__(/*! ./vendor2 */ 1);
``` js
/******/ // startup
/******/ // Load entry module
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ __webpack_require__(2);
/******/ // This entry module used 'module' so it can't be inlined
/******/ })()
;
```
@ -265,31 +265,31 @@ __webpack_require__(/*! ./vendor2 */ 1);
## Unoptimized
```
asset pageA.js 2.31 KiB [emitted] (name: pageA)
asset vendor2.js 1.89 KiB [emitted] (name: vendor2)
asset vendor1.js 1.5 KiB [emitted] (name: vendor1)
asset pageB.js 1.49 KiB [emitted] (name: pageB)
asset pageC.js 1.49 KiB [emitted] (name: pageC)
chunk pageA.js (pageA) 147 bytes [entry] [rendered]
asset pageA.js 2.33 KiB [emitted] (name: pageA)
asset vendor2.js 1.9 KiB [emitted] (name: vendor2)
asset vendor1.js 1.51 KiB [emitted] (name: vendor1)
asset pageB.js 1.51 KiB [emitted] (name: pageB)
asset pageC.js 1.51 KiB [emitted] (name: pageC)
chunk (runtime: pageA) pageA.js (pageA) 147 bytes [entry] [rendered]
> ./pageA pageA
dependent modules 77 bytes [dependent] 2 modules
./pageA.js 70 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageA.js 1:0-14
entry ./pageA pageA
chunk pageB.js (pageB) 25 bytes [entry] [rendered]
chunk (runtime: pageB) pageB.js (pageB) 25 bytes [entry] [rendered]
> ./pageB pageB
./pageB.js 25 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageB.js 1:0-14
entry ./pageB pageB
chunk pageC.js (pageC) 25 bytes [entry] [rendered]
chunk (runtime: pageC) pageC.js (pageC) 25 bytes [entry] [rendered]
> ./pageC pageC
./pageC.js 25 bytes [built] [code generated]
[used exports unknown]
cjs self exports reference ./pageC.js 1:0-14
entry ./pageC pageC
chunk vendor1.js (vendor1) 27 bytes [entry] [rendered]
chunk (runtime: vendor1) vendor1.js (vendor1) 27 bytes [entry] [rendered]
> ./vendor1 vendor1
./vendor1.js 27 bytes [built] [code generated]
[used exports unknown]
@ -297,7 +297,7 @@ chunk vendor1.js (vendor1) 27 bytes [entry] [rendered]
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
chunk vendor2.js (vendor2) 77 bytes [entry] [rendered]
chunk (runtime: vendor2) vendor2.js (vendor2) 77 bytes [entry] [rendered]
> ./vendor2 vendor2
dependent modules 27 bytes [dependent] 1 module
./vendor2.js 50 bytes [built] [code generated]
@ -305,7 +305,7 @@ chunk vendor2.js (vendor2) 77 bytes [entry] [rendered]
cjs require ./vendor2 ./pageA.js 3:0-20
cjs self exports reference ./vendor2.js 1:0-14
entry ./vendor2 vendor2
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
@ -351,5 +351,5 @@ chunk (runtime: vendor1) vendor1.js (vendor1) 27 bytes [entry] [rendered]
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

10
examples/typescript/README.md
View File

@ -137,23 +137,19 @@ console.log(__webpack_require__(/*! ./index */ 1));
## Unoptimized
```
Starting type checking service...
Using 1 worker with 2048MB memory limit
asset output.js 2.18 KiB [emitted] (name: main)
chunk output.js (main) 652 bytes [entry] [rendered]
chunk (runtime: main) output.js (main) 652 bytes [entry] [rendered]
> ./example.js main
dependent modules 619 bytes [dependent] 1 module
./example.js 33 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
Starting type checking service...
Using 1 worker with 2048MB memory limit
asset output.js 524 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 652 bytes [entry] [rendered]
> ./example.js main
@ -161,5 +157,5 @@ chunk (runtime: main) output.js (main) 652 bytes [entry] [rendered]
./example.js 33 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

14
examples/wasm-complex/README.md
View File

@ -147,7 +147,7 @@ return __webpack_exports__;
/* harmony import */ var WEBPACK_IMPORTED_MODULE_0 = __webpack_require__(/*! ./memory.js */ 3);
/* harmony import */ var WEBPACK_IMPORTED_MODULE_1 = __webpack_require__(/*! ./magic-number.js */ 4);
module.exports = Promise.resolve(WEBPACK_IMPORTED_MODULE_0).then((WEBPACK_IMPORTED_MODULE_0) => {
return __webpack_require__.v(exports, module.id, "b7db4b0f3af7dad67222", {
return __webpack_require__.v(exports, module.id, "1b1e6d7ce8287ca318ae", {
"./memory.js": {
"memory": WEBPACK_IMPORTED_MODULE_0.memory
},
@ -310,8 +310,8 @@ function getRandomNumber() {
```
asset output.js 8.87 KiB [emitted] (name: main)
asset b7db4b0f3af7dad67222.module.wasm 139 bytes [emitted] [immutable] (auxiliary name: main)
chunk output.js (main) 696 bytes (javascript) 139 bytes (webassembly) 1.2 KiB (runtime) [entry] [rendered]
asset 1b1e6d7ce8287ca318ae.module.wasm 139 bytes [emitted] [immutable] (auxiliary name: main)
chunk (runtime: main) output.js (main) 696 bytes (javascript) 139 bytes (webassembly) 1.2 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 1.2 KiB 5 modules
dependent modules 449 bytes (javascript) 139 bytes (webassembly) [dependent] 4 modules
@ -319,14 +319,14 @@ chunk output.js (main) 696 bytes (javascript) 139 bytes (webassembly) 1.2 KiB (r
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.43 KiB [emitted] [minimized] (name: main)
asset 3b415f18e7be9a707201.module.wasm 139 bytes [emitted] [immutable] (auxiliary name: main)
asset output.js 1.44 KiB [emitted] [minimized] (name: main)
asset f5764885c32853f144a2.module.wasm 139 bytes [emitted] [immutable] (auxiliary name: main)
chunk (runtime: main) output.js (main) 696 bytes (javascript) 139 bytes (webassembly) 950 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 449 bytes (javascript) 139 bytes (webassembly) [dependent] 4 modules
@ -335,5 +335,5 @@ chunk (runtime: main) output.js (main) 696 bytes (javascript) 139 bytes (webasse
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

26
examples/wasm-simple/README.md
View File

@ -113,7 +113,7 @@ return __webpack_exports__;
/*! runtime requirements: module, module.id, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/***/ ((module, exports, __webpack_require__) => {
module.exports = __webpack_require__.v(exports, module.id, "ceee125bae475876af47")
module.exports = __webpack_require__.v(exports, module.id, "a7a690138d8dd16930b3")
/***/ }),
/* 2 */
@ -173,7 +173,7 @@ return __webpack_exports__;
/*! runtime requirements: module, module.id, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/***/ ((module, exports, __webpack_require__) => {
module.exports = __webpack_require__.v(exports, module.id, "f06646bac0d91cc0583d")
module.exports = __webpack_require__.v(exports, module.id, "9d2b0c46ef31acbcf414")
/***/ }),
/* 4 */
@ -186,7 +186,7 @@ module.exports = __webpack_require__.v(exports, module.id, "f06646bac0d91cc0583d
/*! runtime requirements: module, module.id, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/***/ ((module, exports, __webpack_require__) => {
module.exports = __webpack_require__.v(exports, module.id, "0c2b42c68d1cb59a3b24")
module.exports = __webpack_require__.v(exports, module.id, "0925a077f3cf38995044")
/***/ })
/******/ ]);
@ -288,10 +288,10 @@ module.exports = __webpack_require__.v(exports, module.id, "0c2b42c68d1cb59a3b24
```
asset output.js 9.05 KiB [emitted] (name: main)
asset 0c2b42c68d1cb59a3b24.wasm 67 bytes [emitted] [immutable] (auxiliary name: main)
asset f06646bac0d91cc0583d.wasm 62 bytes [emitted] [immutable] (auxiliary name: main)
asset ceee125bae475876af47.wasm 41 bytes [emitted] [immutable] (auxiliary name: main)
chunk output.js (main) 1.27 KiB (javascript) 170 bytes (webassembly) 1.19 KiB (runtime) [entry] [rendered]
asset 0925a077f3cf38995044.wasm 67 bytes [emitted] [immutable] (auxiliary name: main)
asset 9d2b0c46ef31acbcf414.wasm 62 bytes [emitted] [immutable] (auxiliary name: main)
asset a7a690138d8dd16930b3.wasm 41 bytes [emitted] [immutable] (auxiliary name: main)
chunk (runtime: main) output.js (main) 1.27 KiB (javascript) 170 bytes (webassembly) 1.19 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 1.19 KiB 5 modules
dependent modules 552 bytes (javascript) 170 bytes (webassembly) [dependent] 4 modules
@ -299,16 +299,16 @@ chunk output.js (main) 1.27 KiB (javascript) 170 bytes (webassembly) 1.19 KiB (r
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset output.js 1.57 KiB [emitted] [minimized] (name: main)
asset 24f7619aa8685820e275.wasm 67 bytes [emitted] [immutable] (auxiliary name: main)
asset fb8c9ac1a90009920ab8.wasm 62 bytes [emitted] [immutable] (auxiliary name: main)
asset ccc0513d2f742a4d8505.wasm 41 bytes [emitted] [immutable] (auxiliary name: main)
asset output.js 1.59 KiB [emitted] [minimized] (name: main)
asset 908ca2d722f446ec8201.wasm 67 bytes [emitted] [immutable] (auxiliary name: main)
asset ea4e26db3d258a94d99d.wasm 62 bytes [emitted] [immutable] (auxiliary name: main)
asset f4c0bab8e2d961142f75.wasm 41 bytes [emitted] [immutable] (auxiliary name: main)
chunk (runtime: main) output.js (main) 1.27 KiB (javascript) 170 bytes (webassembly) 943 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 552 bytes (javascript) 170 bytes (webassembly) [dependent] 4 modules
@ -317,5 +317,5 @@ chunk (runtime: main) output.js (main) 1.27 KiB (javascript) 170 bytes (webassem
[no exports]
[no exports used]
entry ./example.js main
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

38
examples/worker/README.md
View File

@ -357,7 +357,7 @@ export const add = (content, from) => {
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (data) => {
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var [chunkIds, moreModules, runtime] = data;
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
@ -375,7 +375,7 @@ export const add = (content, from) => {
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ parentChunkLoadingFunction(data);
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -383,8 +383,10 @@ export const add = (content, from) => {
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
/******/ var parentChunkLoadingFunction = chunkLoadingGlobal.push.bind(chunkLoadingGlobal);
/******/ chunkLoadingGlobal.push = webpackJsonpCallback;
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/
/******/ // no deferred startup
/******/ })();
/******/
/************************************************************************/
@ -510,7 +512,7 @@ fibWorker.onmessage = event => {
/*! namespace exports */
/*! runtime requirements: */
// CONCATENATED MODULE: ./chat-module.js
;// CONCATENATED MODULE: ./chat-module.js
const chat_module_history = [];
const add = (content, from) => {
@ -518,7 +520,7 @@ const add = (content, from) => {
chat_module_history.push(`${from}: ${content}`);
};
// CONCATENATED MODULE: ./chat-worker.js
;// CONCATENATED MODULE: ./chat-worker.js
onconnect = function (e) {
@ -703,7 +705,7 @@ onmessage = async event => {
```
```javascript
(()=>{var e={},r={};function o(t){if(r[t])return r[t].exports;var a=r[t]={exports:{}};return e[t](a,a.exports,o),a.exports}o.m=e,o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce((r,t)=>(o.f[t](e,r),r),[])),o.u=e=>e+".js",o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.p="dist/",(()=>{var e={631:1};o.f.i=(r,t)=>{e[r]||importScripts("../"+o.u(r))};var r=self.webpackChunk=self.webpackChunk||[],t=r.push.bind(r);r.push=r=>{var[a,n,s]=r;for(var p in n)o.o(n,p)&&(o.m[p]=n[p]);for(s&&s(o);a.length;)e[a.pop()]=1;t(r)}})(),onmessage=async e=>{const{fibonacci:r}=await o.e(129).then(o.bind(o,129)),t=JSON.parse(e.data);postMessage(`fib(${t}) = ${r(t)}`)}})();
(()=>{var e={},r={};function o(t){if(r[t])return r[t].exports;var a=r[t]={exports:{}};return e[t](a,a.exports,o),a.exports}o.m=e,o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce(((r,t)=>(o.f[t](e,r),r)),[])),o.u=e=>e+".js",o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.p="dist/",(()=>{var e={631:1};o.f.i=(r,t)=>{e[r]||importScripts("../"+o.u(r))};var r=self.webpackChunk=self.webpackChunk||[],t=r.push.bind(r);r.push=r=>{var[a,n,s]=r;for(var p in n)o.o(n,p)&&(o.m[p]=n[p]);for(s&&s(o);a.length;)e[a.pop()]=1;t(r)}})(),onmessage=async e=>{const{fibonacci:r}=await o.e(129).then(o.bind(o,129)),t=JSON.parse(e.data);postMessage(`fib(${t}) = ${r(t)}`)}})();
```
# dist/129.js
@ -741,10 +743,10 @@ function fibonacci(n) {
## Unoptimized
```
asset main.js 12.2 KiB [emitted] (name: main)
asset main.js 12.3 KiB [emitted] (name: main)
asset workers/fibonacci.js 5.3 KiB [emitted] (name: fibonacci)
asset 129.js 997 bytes [emitted]
asset chat.js 879 bytes [emitted] (name: chat)
asset 129.js 935 bytes [emitted]
asset chat.js 881 bytes [emitted] (name: chat)
chunk (runtime: ./example.js|79:18-82:2, main) 129.js 103 bytes [rendered]
> ./fibonacci ./example.js 69:30-51
> ./fibonacci ./fib-worker.js 2:29-50
@ -752,9 +754,9 @@ chunk (runtime: ./example.js|79:18-82:2, main) 129.js 103 bytes [rendered]
[exports: fibonacci]
import() ./fibonacci ./example.js 69:30-51
import() ./fibonacci ./fib-worker.js 2:29-50
chunk (runtime: main) main.js (main) 2.22 KiB (javascript) 5.59 KiB (runtime) [entry] [rendered]
chunk (runtime: main) main.js (main) 2.22 KiB (javascript) 5.71 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.59 KiB 8 modules
runtime modules 5.71 KiB 8 modules
./example.js 2.22 KiB [built] [code generated]
[no exports used]
entry ./example.js main
@ -770,14 +772,14 @@ chunk (runtime: ./example.js|79:18-82:2) workers/fibonacci.js (fibonacci) 176 by
./fib-worker.js 176 bytes [built] [code generated]
[no exports used]
new Worker() ./fib-worker.js ./example.js 79:18-82:2
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```
## Production mode
```
asset main.js 3.37 KiB [emitted] [minimized] (name: main)
asset workers/fibonacci.js 930 bytes [emitted] [minimized] (name: fibonacci)
asset main.js 3.43 KiB [emitted] [minimized] (name: main)
asset workers/fibonacci.js 932 bytes [emitted] [minimized] (name: fibonacci)
asset chat.js 270 bytes [emitted] [minimized] (name: chat)
asset 129.js 166 bytes [emitted] [minimized]
chunk (runtime: ./example.js|79:18-82:2, main) 129.js 103 bytes [rendered]
@ -787,9 +789,9 @@ chunk (runtime: ./example.js|79:18-82:2, main) 129.js 103 bytes [rendered]
[exports: fibonacci]
import() ./fibonacci ./example.js 69:30-51
import() ./fibonacci ./fib-worker.js 2:29-50
chunk (runtime: main) main.js (main) 2.22 KiB (javascript) 5.59 KiB (runtime) [entry] [rendered]
chunk (runtime: main) main.js (main) 2.22 KiB (javascript) 5.71 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.59 KiB 8 modules
runtime modules 5.71 KiB 8 modules
./example.js 2.22 KiB [built] [code generated]
[no exports used]
entry ./example.js main
@ -805,5 +807,5 @@ chunk (runtime: ./example.js|79:18-82:2) workers/fibonacci.js (fibonacci) 176 by
./fib-worker.js 176 bytes [built] [code generated]
[no exports used]
new Worker() ./fib-worker.js ./example.js 79:18-82:2
webpack 5.0.0 compiled successfully
webpack 5.11.1 compiled successfully
```

1
package.json
View File

@ -98,6 +98,7 @@
"url-loader": "^4.1.0",
"wast-loader": "^1.9.0",
"webassembly-feature": "1.3.0",
"webpack-cli": "^4.3.0",
"xxhashjs": "^0.2.2",
"yamljs": "^0.3.0",
"yarn-deduplicate": "^3.1.0"

75
yarn.lock
View File

@ -528,6 +528,11 @@
resolved "https://registry.yarnpkg.com/@cspell/dict-typescript/-/dict-typescript-1.0.15.tgz#97cd4357f5715b91178a93b6c1dcab5f6d0591ec"
integrity sha512-Guh+nN57OqbcRNH6cfbBQKfeDp0i+GBlniYvhWvaRxkSdFQJi4YgFKvQJsvtwLkwmNqYkQIXQr+8zXhuvTHLhA==
"@discoveryjs/json-ext@^0.5.0":
version "0.5.2"
resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.2.tgz#8f03a22a04de437254e8ce8cc84ba39689288752"
integrity sha512-HyYEUDeIj5rRQU2Hk5HTB2uHsbRQpF70nvMhVzi+VJR0X+xNEhjPui4/kBf3VeH/wqD28PT4sVOm8qqLjBrSZg==
"@eslint/eslintrc@^0.2.2":
version "0.2.2"
resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.2.2.tgz#d01fc791e2fc33e88a29d6f3dc7e93d0cd784b76"
@ -1125,6 +1130,18 @@
"@webassemblyjs/wast-parser" "1.9.1"
"@xtuc/long" "4.2.2"
"@webpack-cli/info@^1.2.0":
version "1.2.0"
resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-1.2.0.tgz#6051d6adf3618df664f4945a2b76355c00f83f0d"
integrity sha512-+wA8lBKopgKmN76BSGJVJby5ZXDlsrO6p/nm7fUBsHznRNWB/ozotJP7Yfcz8JPfqeG2LxwYlTH2u6D9a/0XAw==
dependencies:
envinfo "^7.7.3"
"@webpack-cli/serve@^1.2.0":
version "1.2.0"
resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-1.2.0.tgz#8cb2c1e95426f5caed1f3bf9d7ccf3ea41d85f52"
integrity sha512-jI3P7jMp/AXDSPkM+ClwRcJZbxnlvNC8bVZBmyRr4scMMZ4p5WQcXkw3Q+Hc7RQekomJlBMN+UQGliT4hhG8Vw==
"@xtuc/ieee754@^1.2.0":
version "1.2.0"
resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@ -2319,6 +2336,11 @@ enquirer@^2.3.5, enquirer@^2.3.6:
dependencies:
ansi-colors "^4.1.1"
envinfo@^7.7.3:
version "7.7.3"
resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.7.3.tgz#4b2d8622e3e7366afb8091b23ed95569ea0208cc"
integrity sha512-46+j5QxbPWza0PB1i15nZx0xQ4I/EfQxg9J8Had3b408SV63nEtor2e+oiY63amTo9KTuh2a3XLObNwduxYwwA==
errno@^0.1.1, errno@^0.1.3:
version "0.1.7"
resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
@ -2745,6 +2767,11 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
fastest-levenshtein@^1.0.12:
version "1.0.12"
resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
fastq@^1.6.0:
version "1.9.0"
resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.9.0.tgz#e16a72f338eaca48e91b5c23593bcc2ef66b7947"
@ -3299,6 +3326,11 @@ ini@^1.3.4:
resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.7.tgz#a09363e1911972ea16d7a8851005d84cf09a9a84"
integrity sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==
interpret@^2.2.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"
integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==
ip-regex@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
@ -5331,6 +5363,13 @@ readdirp@~3.5.0:
dependencies:
picomatch "^2.2.1"
rechoir@^0.7.0:
version "0.7.0"
resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.7.0.tgz#32650fd52c21ab252aa5d65b19310441c7e03aca"
integrity sha512-ADsDEH2bvbjltXEP+hTIAmeFekTFK0V2BTxMkok6qILyAJEXV0AFfoWcAq4yfll5VdIMd/RVXq0lR+wQi5ZU3Q==
dependencies:
resolve "^1.9.0"
redent@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
@ -5458,7 +5497,7 @@ resolve@1.1.x:
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.15.1, resolve@^1.18.1:
resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.15.1, resolve@^1.18.1, resolve@^1.9.0:
version "1.19.0"
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.19.0.tgz#1af5bf630409734a067cae29318aac7fa29a267c"
integrity sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==
@ -6415,10 +6454,10 @@ uuid@^8.3.0:
resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
v8-compile-cache@^2.0.3:
version "2.1.1"
resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
v8-compile-cache@^2.0.3, v8-compile-cache@^2.2.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz#9471efa3ef9128d2f7c6a7ca39c4dd6b5055b132"
integrity sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==
v8-to-istanbul@^7.0.0:
version "7.0.0"
@ -6512,6 +6551,32 @@ webidl-conversions@^6.1.0:
resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
webpack-cli@^4.3.0:
version "4.3.0"
resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-4.3.0.tgz#e39303bf9f8002de122903e97029f3443d0f9174"
integrity sha512-gve+BBKrzMPTOYDjupzV8JchUznhVWMKtWM1hFIQWi6XoeLvGNoQwkrtMWVb+aJ437GgCKdta7sIn10v621pKA==
dependencies:
"@discoveryjs/json-ext" "^0.5.0"
"@webpack-cli/info" "^1.2.0"
"@webpack-cli/serve" "^1.2.0"
colorette "^1.2.1"
commander "^6.2.0"
enquirer "^2.3.6"
execa "^4.1.0"
fastest-levenshtein "^1.0.12"
import-local "^3.0.2"
interpret "^2.2.0"
rechoir "^0.7.0"
v8-compile-cache "^2.2.0"
webpack-merge "^4.2.2"
webpack-merge@^4.2.2:
version "4.2.2"
resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.2.2.tgz#a27c52ea783d1398afd2087f547d7b9d2f43634d"
integrity sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==
dependencies:
lodash "^4.17.15"
webpack-sources@^1.1.0:
version "1.4.3"
resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"