root
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

ci: update examples automatically (#19464)

This commit is contained in:
Alexander Akait 2025-04-24 20:57:25 +03:00 committed by GitHub
parent dc33a1e662
commit ec9e9ef117
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
91 changed files with 2023 additions and 2046 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
.github/workflows/examples.yml vendored Normal file
View File

@ -0,0 +1,39 @@
name: "Update examples"
# 0 0 * * 0
on:
schedule:
- cron: "*/5 * * * *"
permissions:
contents: read
jobs:
examples:
runs-on: ubuntu-latest
permissions:
pull-requests: write
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Use Node.js
uses: actions/setup-node@v4
with:
node-version: lts/*
cache: "yarn"
- run: yarn --frozen-lockfile
- run: yarn link --frozen-lockfile || true
- run: yarn link webpack --frozen-lockfile
- run: build:examples
- name: Create Pull Request
uses: peter-evans/create-pull-request@v7
with:
token: ${{ secrets.PAT }}
delete-branch: true
commit-message: |
docs: update examples
title: Update examples
body: |
- Example updates
branch: update-examples

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

@ -29,8 +29,8 @@ a big file...
# webpack.config.js
```javascript
var path = require("path");
var { AggressiveMergingPlugin } = require("../../").optimize;
const path = require("path");
const { AggressiveMergingPlugin } = require("../..").optimize;
module.exports = {
// mode: "development" || "production",
@ -60,24 +60,12 @@ module.exports = {
## Unoptimized
```
asset pageA.bundle.js 8.9 KiB [emitted] (name: pageA)
asset pageB.bundle.js 8.9 KiB [emitted] (name: pageB)
asset pageC.bundle.js 8.9 KiB [emitted] (name: pageC)
asset 456.chunk.js 6.28 KiB [emitted]
asset 394.chunk.js 606 bytes [emitted]
chunk (runtime: pageB) pageB.bundle.js (pageB) 69 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 4.97 KiB 6 modules
./pageB.js 69 bytes [built] [code generated]
[used exports unknown]
entry ./pageB pageB
chunk (runtime: pageC) pageC.bundle.js (pageC) 68 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 4.97 KiB 6 modules
./pageC.js 68 bytes [built] [code generated]
[used exports unknown]
entry ./pageC pageC
chunk (runtime: pageC) 394.chunk.js 42 bytes [rendered]
asset pageA.bundle.js 8.85 KiB [emitted] (name: pageA)
asset pageB.bundle.js 8.85 KiB [emitted] (name: pageB)
asset pageC.bundle.js 8.85 KiB [emitted] (name: pageC)
asset 531.chunk.js 6.28 KiB [emitted]
asset 78.chunk.js 605 bytes [emitted]
chunk (runtime: pageC) 78.chunk.js 42 bytes [rendered]
> ./a ./pageC.js 1:0-3:2
./a.js 21 bytes [built] [code generated]
[used exports unknown]
@ -89,13 +77,19 @@ 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.97 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.bundle.js (pageB) 69 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 4.94 KiB 6 modules
./pageB.js 69 bytes [built] [code generated]
[used exports unknown]
entry ./pageB pageB
chunk (runtime: pageA) pageA.bundle.js (pageA) 69 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./pageA.js 69 bytes [built] [code generated]
[used exports unknown]
entry ./pageA pageA
chunk (runtime: pageA, pageB) 456.chunk.js 5.45 KiB [rendered]
chunk (runtime: pageA, pageB) 531.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,7 +107,13 @@ 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.78.0 compiled successfully
chunk (runtime: pageC) pageC.bundle.js (pageC) 68 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 4.94 KiB 6 modules
./pageC.js 68 bytes [built] [code generated]
[used exports unknown]
entry ./pageC pageC
webpack 5.99.0 compiled successfully
```
## Production mode
@ -122,21 +122,9 @@ webpack 5.78.0 compiled successfully
asset pageC.bundle.js 1.74 KiB [emitted] [minimized] (name: pageC)
asset pageA.bundle.js 1.73 KiB [emitted] [minimized] (name: pageA)
asset pageB.bundle.js 1.73 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.97 KiB (runtime) [entry] [rendered]
> ./pageB pageB
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.97 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 4.97 KiB 6 modules
./pageC.js 68 bytes [built] [code generated]
[no exports used]
entry ./pageC pageC
chunk (runtime: pageC) 394.chunk.js 42 bytes [rendered]
asset 531.chunk.js 154 bytes [emitted] [minimized]
asset 78.chunk.js 103 bytes [emitted] [minimized]
chunk (runtime: pageC) 78.chunk.js 42 bytes [rendered]
> ./a ./pageC.js 1:0-3:2
./a.js 21 bytes [built] [code generated]
[used exports unknown]
@ -148,13 +136,19 @@ 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.97 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.bundle.js (pageB) 69 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 4.94 KiB 6 modules
./pageB.js 69 bytes [built] [code generated]
[no exports used]
entry ./pageB pageB
chunk (runtime: pageA) pageA.bundle.js (pageA) 69 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./pageA.js 69 bytes [built] [code generated]
[no exports used]
entry ./pageA pageA
chunk (runtime: pageA, pageB) 456.chunk.js 5.45 KiB [rendered]
chunk (runtime: pageA, pageB) 531.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]
@ -172,5 +166,11 @@ 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.78.0 compiled successfully
chunk (runtime: pageC) pageC.bundle.js (pageC) 68 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./pageC pageC
runtime modules 4.94 KiB 6 modules
./pageC.js 68 bytes [built] [code generated]
[no exports used]
entry ./pageC pageC
webpack 5.99.6 compiled successfully
```

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

@ -196,5 +196,5 @@ chunk (runtime: main) output.js (main) 1.54 KiB (javascript) 274 bytes (runtime)
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -217,5 +217,5 @@ chunk (runtime: main) output.js (main) 9.58 KiB (javascript) 14.6 KiB (asset) 30
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

8
examples/build-http/README.md
View File

@ -35,7 +35,7 @@ module.exports = {
## Unoptimized
```
asset output.js 82.6 KiB [emitted] (name: main)
asset output.js 82.4 KiB [emitted] (name: main)
runtime modules 670 bytes 3 modules
modules by path https:// 30 KiB
modules by path https://jspm.dev/ 16.1 KiB 12 modules
@ -59,7 +59,7 @@ modules by path https:// 30 KiB
[used exports unknown]
harmony side effect evaluation https://cdn.skypack.dev/p-map ./example.js 1:0-50
harmony import specifier https://cdn.skypack.dev/p-map ./example.js 5:12-17
https://cdn.skypack.dev/-/p-map@v5.1.0-7ixXvZxXPKKt9unR9LT0/dist=es2020,mode=imports/optimized/p-map.js 2.29 KiB [built] [code generated]
https://cdn.skypack.dev/-/p-map@v5.1.0-7ixXvZxXPKKt9unR9LT0/dist=es2020,mode=imp...(truncated) 2.29 KiB [built] [code generated]
[exports: default, pMapSkip]
[used exports unknown]
harmony side effect evaluation /-/p-map@v5.1.0-7ixXvZxXPKKt9unR9LT0/dist=es2020,mode=imports/optimized/p-map.js https://cdn.skypack.dev/p-map 15:0-97
@ -76,7 +76,7 @@ modules by path https:// 30 KiB
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -88,5 +88,5 @@ orphan modules 30 KiB [orphan] 26 modules
[no exports]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

28
examples/chunkhash/README.md
View File

@ -18,7 +18,8 @@ import("./async2");
# webpack.config.js
```javascript
var path = require("path");
const path = require("path");
module.exports = {
// mode: "development" || "production",
entry: {
@ -43,7 +44,7 @@ module.exports = {
<body>
<!-- inlined minimized file "runtime~main.[chunkhash].js" -->
<script>
(()=>{"use strict";var e,r,t,o,n={},a={};function i(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.m=n,e=[],i.O=(r,t,o,n)=>{if(!t){var a=1/0;for(s=0;s<e.length;s++){for(var[t,o,n]=e[s],l=!0,u=0;u<t.length;u++)(!1&n||a>=n)&&Object.keys(i.O).every((e=>i.O[e](t[u])))?t.splice(u--,1):(l=!1,n<a&&(a=n));if(l){e.splice(s--,1);var f=o();void 0!==f&&(r=f)}}return r}n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];e[s]=[t,o,n]},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var n=Object.create(null);i.r(n);var a={};r=r||[null,t({}),t([]),t(t)];for(var l=2&o&&e;"object"==typeof l&&!~r.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach((r=>a[r]=()=>e[r]));return a.default=()=>e,i.d(n,a),n},i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((r,t)=>(i.f[t](e,r),r)),[])),i.u=e=>e+".[chunkhash].js",i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o={},i.l=(e,r,t,n)=>{if(o[e])o[e].push(r);else{var a,l;if(void 0!==t)for(var u=document.getElementsByTagName("script"),f=0;f<u.length;f++){var s=u[f];if(s.getAttribute("src")==e){a=s;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=e),o[e]=[r];var c=(r,t)=>{a.onerror=a.onload=null,clearTimeout(d);var n=o[e];if(delete o[e],a.parentNode&&a.parentNode.removeChild(a),n&&n.forEach((e=>e(t))),r)return r(t)},d=setTimeout(c.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=c.bind(null,a.onerror),a.onload=c.bind(null,a.onload),l&&document.head.appendChild(a)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="dist/",(()=>{var e={303:0};i.f.j=(r,t)=>{var o=i.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else if(303!=r){var n=new Promise(((t,n)=>o=e[r]=[t,n]));t.push(o[2]=n);var a=i.p+i.u(r),l=new Error;i.l(a,(t=>{if(i.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var n=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;l.message="Loading chunk "+r+" failed.\n("+n+": "+a+")",l.name="ChunkLoadError",l.type=n,l.request=a,o[1](l)}}),"chunk-"+r,r)}else e[r]=0},i.O.j=r=>0===e[r];var r=(r,t)=>{var o,n,[a,l,u]=t,f=0;if(a.some((r=>0!==e[r]))){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(u)var s=u(i)}for(r&&r(t);f<a.length;f++)n=a[f],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(s)},t=self.webpackChunk=self.webpackChunk||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})()})();
(()=>{"use strict";var e,r,t,o,n={},a={};function i(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.m=n,e=[],i.O=(r,t,o,n)=>{if(!t){var a=1/0;for(s=0;s<e.length;s++){for(var[t,o,n]=e[s],l=!0,u=0;u<t.length;u++)(!1&n||a>=n)&&Object.keys(i.O).every((e=>i.O[e](t[u])))?t.splice(u--,1):(l=!1,n<a&&(a=n));if(l){e.splice(s--,1);var f=o();void 0!==f&&(r=f)}}return r}n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];e[s]=[t,o,n]},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var n=Object.create(null);i.r(n);var a={};r=r||[null,t({}),t([]),t(t)];for(var l=2&o&&e;"object"==typeof l&&!~r.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach((r=>a[r]=()=>e[r]));return a.default=()=>e,i.d(n,a),n},i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((r,t)=>(i.f[t](e,r),r)),[])),i.u=e=>e+".[chunkhash].js",i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o={},i.l=(e,r,t,n)=>{if(o[e])o[e].push(r);else{var a,l;if(void 0!==t)for(var u=document.getElementsByTagName("script"),f=0;f<u.length;f++){var s=u[f];if(s.getAttribute("src")==e){a=s;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=e),o[e]=[r];var c=(r,t)=>{a.onerror=a.onload=null,clearTimeout(d);var n=o[e];if(delete o[e],a.parentNode&&a.parentNode.removeChild(a),n&&n.forEach((e=>e(t))),r)return r(t)},d=setTimeout(c.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=c.bind(null,a.onerror),a.onload=c.bind(null,a.onload),l&&document.head.appendChild(a)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="dist/",(()=>{var e={354:0};i.f.j=(r,t)=>{var o=i.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else if(354!=r){var n=new Promise(((t,n)=>o=e[r]=[t,n]));t.push(o[2]=n);var a=i.p+i.u(r),l=new Error;i.l(a,(t=>{if(i.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var n=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;l.message="Loading chunk "+r+" failed.\n("+n+": "+a+")",l.name="ChunkLoadError",l.type=n,l.request=a,o[1](l)}}),"chunk-"+r,r)}else e[r]=0},i.O.j=r=>0===e[r];var r=(r,t)=>{var o,n,[a,l,u]=t,f=0;if(a.some((r=>0!==e[r]))){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(u)var s=u(i)}for(r&&r(t);f<a.length;f++)n=a[f],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(s)},t=self.webpackChunk=self.webpackChunk||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})()})();
</script>
<script src="dist/main.[chunkhash].js"></script>
@ -217,6 +218,7 @@ module.exports = {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -409,23 +411,26 @@ chunk (runtime: runtime~main) 3.[chunkhash].js 28 bytes [rendered]
./async2.js 28 bytes [built] [code generated]
[used exports unknown]
import() ./async2 ./example.js 3:0-18
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset runtime~main.[chunkhash].js 2.73 KiB [emitted] [minimized] (name: runtime~main)
asset main.[chunkhash].js 157 bytes [emitted] [minimized] (name: main)
asset 114.[chunkhash].js 69 bytes [emitted] [minimized]
asset 172.[chunkhash].js 69 bytes [emitted] [minimized]
Entrypoint main 2.88 KiB = runtime~main.[chunkhash].js 2.73 KiB main.[chunkhash].js 157 bytes
chunk (runtime: runtime~main) 114.[chunkhash].js 28 bytes [rendered]
asset main.[chunkhash].js 155 bytes [emitted] [minimized] (name: main)
asset 471.[chunkhash].js 69 bytes [emitted] [minimized]
asset 18.[chunkhash].js 67 bytes [emitted] [minimized]
Entrypoint main 2.88 KiB = runtime~main.[chunkhash].js 2.73 KiB main.[chunkhash].js 155 bytes
chunk (runtime: runtime~main) 18.[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 (runtime: runtime~main) 172.[chunkhash].js 28 bytes [rendered]
chunk (runtime: runtime~main) runtime~main.[chunkhash].js (runtime~main) 7.6 KiB [entry] [rendered]
> ./example main
runtime modules 7.6 KiB 10 modules
chunk (runtime: runtime~main) 471.[chunkhash].js 28 bytes [rendered]
> ./async2 ./example.js 3:0-18
./async2.js 28 bytes [built] [code generated]
[used exports unknown]
@ -435,8 +440,5 @@ 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.59 KiB [entry] [rendered]
> ./example main
runtime modules 7.59 KiB 10 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -58,15 +58,15 @@ exports.multiply = function multiply() {
!*** ./increment.js ***!
\**********************/
/*! default exports */
/*! export decrement [provided] [unused] [renamed to Mj] */
/*! export increment [provided] [used in main] [renamed to nP] */
/*! export incrementBy2 [provided] [unused] [renamed to pN] */
/*! export decrement [provided] [unused] [renamed to Kt] */
/*! export increment [provided] [used in main] [renamed to GV] */
/*! export incrementBy2 [provided] [unused] [renamed to Bd] */
/*! runtime requirements: __webpack_require__, __webpack_exports__ */
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
var __webpack_unused_export__;
const add = (__webpack_require__(/*! ./math */ 2)/* .add */ .I);
exports.nP = function increment(val) {
const add = (__webpack_require__(/*! ./math */ 2)/* .add */ .W);
exports.GV = function increment(val) {
return add(val, 1);
};
__webpack_unused_export__ = function incrementBy2(val) {
@ -83,13 +83,13 @@ __webpack_unused_export__ = function decrement(val) {
!*** ./math.js ***!
\*****************/
/*! default exports */
/*! export add [provided] [used in main] [renamed to I] */
/*! export multiply [provided] [unused] [renamed to J] */
/*! export add [provided] [used in main] [renamed to W] */
/*! export multiply [provided] [unused] [renamed to l] */
/*! runtime requirements: __webpack_exports__ */
/***/ ((__unused_webpack_module, exports) => {
var __webpack_unused_export__;
exports.I = function add() {
exports.W = function add() {
var sum = 0,
i = 0,
args = arguments,
@ -158,7 +158,7 @@ var __webpack_exports__ = {};
\********************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__ */
const inc = (__webpack_require__(/*! ./increment */ 1)/* .increment */ .nP);
const inc = (__webpack_require__(/*! ./increment */ 1)/* .increment */ .GV);
var a = 1;
inc(a); // 2
@ -172,7 +172,7 @@ inc(a); // 2
```javascript
/*! For license information please see output.js.LICENSE.txt */
(()=>{var r=[,(r,n,t)=>{const o=t(2).I;n.nP=function(r){return o(r,1)}},(r,n)=>{n.I=function(){for(var r=0,n=0,t=arguments,o=t.length;n<o;)r+=t[n++];return r}}],n={};(0,function t(o){var e=n[o];if(void 0!==e)return e.exports;var u=n[o]={exports:{}};return r[o](u,u.exports,t),u.exports}(1).nP)(1)})();
(()=>{var r=[,(r,t,n)=>{const o=n(2).W;t.GV=function(r){return o(r,1)}},(r,t)=>{t.W=function(){for(var r=0,t=0,n=arguments,o=n.length;t<o;)r+=n[t++];return r}}],t={};(0,function n(o){var e=t[o];if(void 0!==e)return e.exports;var u=t[o]={exports:{}};return r[o](u,u.exports,n),u.exports}(1).GV)(1)})();
```
# dist/without.js (same without tree shaking)
@ -194,16 +194,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset without.js 3.08 KiB [emitted] (name: main)
asset without.js 3.09 KiB [emitted] (name: main)
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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -216,7 +216,7 @@ 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset without.js 551 bytes [emitted] [minimized] (name: main) 1 related asset
chunk (runtime: main) without.js (main) 634 bytes [entry] [rendered]
@ -225,5 +225,5 @@ chunk (runtime: main) without.js (main) 634 bytes [entry] [rendered]
./example.js 70 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -105,6 +105,7 @@ getTemplate("b", function(b) {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -138,7 +139,7 @@ getTemplate("b", function(b) {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -175,7 +176,7 @@ getTemplate("b", function(b) {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -226,14 +227,13 @@ getTemplate("b", function(b) {
</details>
``` js
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__.e, __webpack_require__.oe, __webpack_require__, __webpack_require__.* */
function getTemplate(templateName, callback) {
__webpack_require__.e(/*! AMD require */ 577).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(1)("./"+templateName)]; (function(tmpl) {
__webpack_require__.e(/*! AMD require */ "require_context_templates_sync_recursive_").then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(1)("./"+templateName)]; (function(tmpl) {
callback(tmpl());
}).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);})['catch'](__webpack_require__.oe);
}
@ -247,10 +247,10 @@ getTemplate("b", function(b) {
;
```
# dist/577.output.js
# dist/require_context_templates_sync_recursive_.output.js
``` javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[577],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["require_context_templates_sync_recursive_"],[
/* 0 */,
/* 1 */
/*!***************************************************!*\
@ -341,40 +341,40 @@ module.exports = function() {
## Unoptimized
```
asset output.js 9.04 KiB [emitted] (name: main)
asset 577.output.js 2.23 KiB [emitted]
chunk (runtime: main) output.js (main) 251 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
asset output.js 9.03 KiB [emitted] (name: main)
asset require_context_templates_sync_recursive_.output.js 2.27 KiB [emitted]
chunk (runtime: main) output.js (main) 251 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./example.js 251 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk (runtime: main) 577.output.js 457 bytes [rendered]
chunk (runtime: main) require_context_templates_sync_recursive_.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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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.97 KiB (runtime) [entry] [rendered]
asset output.js 1.86 KiB [emitted] [minimized] (name: main)
asset require_context_templates_sync_recursive_.output.js 652 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 251 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./example.js 251 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 577.output.js 457 bytes [rendered]
chunk (runtime: main) require_context_templates_sync_recursive_.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]
amd require context ./example.js 2:1-4:3
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

4
examples/code-splitted-require.context-amd/template.md
View File

@ -10,10 +10,10 @@ _{{example.js}}_
_{{dist/output.js}}_
```
# dist/577.output.js
# dist/require_context_templates_sync_recursive_.output.js
``` javascript
_{{dist/577.output.js}}_
_{{dist/require_context_templates_sync_recursive_.output.js}}_
```
# Info

2
examples/code-splitted-require.context-amd/webpack.config.js
View File

@ -1,5 +1,5 @@
module.exports = {
optimization: {
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -105,6 +105,7 @@ getTemplate("b", function(b) {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -138,7 +139,7 @@ getTemplate("b", function(b) {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -175,7 +176,7 @@ getTemplate("b", function(b) {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -226,14 +227,13 @@ getTemplate("b", function(b) {
</details>
``` js
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__.e, __webpack_require__, __webpack_require__.* */
function getTemplate(templateName, callback) {
__webpack_require__.e(/*! require.ensure */ 577).then((function(require) {
__webpack_require__.e(/*! require.ensure */ "require_context_templates_sync_recursive_").then((function(require) {
callback(__webpack_require__(1)("./"+templateName)());
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
}
@ -247,10 +247,10 @@ getTemplate("b", function(b) {
;
```
# dist/577.output.js
# dist/require_context_templates_sync_recursive_.output.js
``` javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[577],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["require_context_templates_sync_recursive_"],[
/* 0 */,
/* 1 */
/*!***************************************************!*\
@ -341,40 +341,40 @@ module.exports = function() {
## Unoptimized
```
asset output.js 8.95 KiB [emitted] (name: main)
asset 577.output.js 2.23 KiB [emitted]
chunk (runtime: main) output.js (main) 266 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
asset output.js 8.94 KiB [emitted] (name: main)
asset require_context_templates_sync_recursive_.output.js 2.27 KiB [emitted]
chunk (runtime: main) output.js (main) 266 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./example.js 266 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk (runtime: main) 577.output.js 457 bytes [rendered]
chunk (runtime: main) require_context_templates_sync_recursive_.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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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.97 KiB (runtime) [entry] [rendered]
asset output.js 1.83 KiB [emitted] [minimized] (name: main)
asset require_context_templates_sync_recursive_.output.js 652 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 266 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./example.js 266 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 577.output.js 457 bytes [rendered]
chunk (runtime: main) require_context_templates_sync_recursive_.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]
cjs require context ./example.js 3:11-64
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

4
examples/code-splitted-require.context/template.md
View File

@ -10,10 +10,10 @@ _{{example.js}}_
_{{dist/output.js}}_
```
# dist/577.output.js
# dist/require_context_templates_sync_recursive_.output.js
``` javascript
_{{dist/577.output.js}}_
_{{dist/require_context_templates_sync_recursive_.output.js}}_
```
# Info

2
examples/code-splitted-require.context/webpack.config.js
View File

@ -1,5 +1,5 @@
module.exports = {
optimization: {
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -37,7 +37,7 @@ module.exports = function(cb) {
if(cbs) cbs.push(cb);
else cb(data);
}
__webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
__webpack_require__.e(/*! require.ensure */ "file_js").then((function(require) {
data = __webpack_require__(/*! !!./file.js */ 2);
var callbacks = cbs;
cbs = null;
@ -134,6 +134,7 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -167,7 +168,7 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -204,7 +205,7 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -255,7 +256,6 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -273,10 +273,10 @@ __webpack_require__(/*! bundle-loader!./file.js */ 1)(function(fileJsExports) {
;
```
# dist/929.output.js
# dist/file_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[929],{
(self["webpackChunk"] = self["webpackChunk"] || []).push([["file_js"],{
/***/ 2:
/*!*****************!*\
@ -299,41 +299,41 @@ module.exports = "It works";
## Unoptimized
```
asset output.js 9.68 KiB [emitted] (name: main)
asset 929.output.js 354 bytes [emitted]
chunk (runtime: main) output.js (main) 375 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
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 (runtime: main) 929.output.js 28 bytes [rendered]
asset output.js 9.64 KiB [emitted] (name: main)
asset file_js.output.js 360 bytes [emitted]
chunk (runtime: main) file_js.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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 375 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.94 KiB 6 modules
dependent modules 281 bytes [dependent] 1 module
./example.js 94 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 1.85 KiB [emitted] [minimized] (name: main)
asset 929.output.js 88 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 375 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
dependent modules 281 bytes [dependent] 1 module
./example.js 94 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 929.output.js 28 bytes [rendered]
asset output.js 1.86 KiB [emitted] [minimized] (name: main)
asset file_js.output.js 94 bytes [emitted] [minimized]
chunk (runtime: main) file_js.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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 375 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.94 KiB 6 modules
dependent modules 281 bytes [dependent] 1 module
./example.js 94 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```

4
examples/code-splitting-bundle-loader/template.md
View File

@ -20,10 +20,10 @@ _{{file.js}}_
_{{dist/output.js}}_
```
# dist/929.output.js
# dist/file_js.output.js
```javascript
_{{dist/929.output.js}}_
_{{dist/file_js.output.js}}_
```
# Info

2
examples/code-splitting-bundle-loader/webpack.config.js
View File

@ -1,5 +1,5 @@
module.exports = {
optimization: {
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -209,6 +209,7 @@ console.log(lodash, isomorphicFetch);
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -554,7 +555,7 @@ asset react-vendors.js 1.33 KiB [emitted] (name: react-vendors)
asset lazy_js.js 1.11 KiB [emitted]
Entrypoint app 1.44 KiB = app.js
Entrypoint page1 1.91 KiB = page1.js
Entrypoint react-vendors 12.4 KiB = runtime.js 11.1 KiB react-vendors.js 1.33 KiB
Entrypoint react-vendors 12.5 KiB = runtime.js 11.1 KiB react-vendors.js 1.33 KiB
Entrypoint other-vendors 13.3 KiB = runtime.js 11.1 KiB other-vendors.js 2.13 KiB
chunk (runtime: runtime) app.js (app) 116 bytes <{other-vendors}> <{runtime}> >{page1}< [initial] [rendered]
> ./app.js app
@ -612,22 +613,22 @@ chunk (runtime: runtime) runtime.js (runtime) 6.74 KiB ={other-vendors}= ={react
> react react-vendors
> react-dom react-vendors
runtime modules 6.74 KiB 10 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset runtime.js 2.37 KiB [emitted] [minimized] (name: runtime)
asset page1.js 287 bytes [emitted] [minimized] (name: page1)
asset other-vendors.js 239 bytes [emitted] [minimized] (name: other-vendors)
asset app.js 207 bytes [emitted] [minimized] (name: app)
asset react-vendors.js 200 bytes [emitted] [minimized] (name: react-vendors)
asset lazy_js.js 159 bytes [emitted] [minimized]
Entrypoint app 207 bytes = app.js
Entrypoint page1 287 bytes = page1.js
Entrypoint react-vendors 2.56 KiB = runtime.js 2.37 KiB react-vendors.js 200 bytes
Entrypoint other-vendors 2.6 KiB = runtime.js 2.37 KiB other-vendors.js 239 bytes
asset page1.js 283 bytes [emitted] [minimized] (name: page1)
asset other-vendors.js 241 bytes [emitted] [minimized] (name: other-vendors)
asset react-vendors.js 204 bytes [emitted] [minimized] (name: react-vendors)
asset app.js 202 bytes [emitted] [minimized] (name: app)
asset lazy_js.js 160 bytes [emitted] [minimized]
Entrypoint app 202 bytes = app.js
Entrypoint page1 283 bytes = page1.js
Entrypoint react-vendors 2.57 KiB = runtime.js 2.37 KiB react-vendors.js 204 bytes
Entrypoint other-vendors 2.6 KiB = runtime.js 2.37 KiB other-vendors.js 241 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]
@ -683,5 +684,5 @@ chunk (runtime: runtime) runtime.js (runtime) 6.74 KiB ={other-vendors}= ={react
> react react-vendors
> react-dom react-vendors
runtime modules 6.74 KiB 10 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -330,14 +330,14 @@ 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset react-vendors.js 1.15 KiB [emitted] [minimized] (name: react-vendors)
asset app.js 185 bytes [emitted] [minimized] (name: app)
asset app.js 187 bytes [emitted] [minimized] (name: app)
chunk (runtime: react-vendors) app.js (app) 139 bytes <{react-vendors}> [initial] [rendered]
> ./app.js app
./app.js 139 bytes [built] [code generated]
@ -371,5 +371,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -53,19 +53,19 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
var map = {
"./1": [
4,
346
197
],
"./1.js": [
4,
346
197
],
"./2": [
5,
98
140
],
"./2.js": [
5,
98
140
]
};
function webpackAsyncContext(req) {
@ -228,6 +228,7 @@ module.exports = webpackAsyncContext;
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -272,7 +273,7 @@ module.exports = webpackAsyncContext;
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 792: 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -309,7 +310,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -375,7 +376,7 @@ __webpack_require__.r(__webpack_exports__);
/* 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 */ 3, 23)).then(function(b) {
__webpack_require__.e(/*! import() */ 414).then(__webpack_require__.t.bind(__webpack_require__, /*! b */ 3, 23)).then(function(b) {
console.log("b loaded", b);
})
@ -399,72 +400,72 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
```
asset output.js 13.6 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 (runtime: main) 98.output.js 13 bytes [rendered]
asset 140.output.js 296 bytes [emitted]
asset 197.output.js 296 bytes [emitted]
asset 414.output.js 288 bytes [emitted]
chunk (runtime: main) 140.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]
import() context element ./2 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2
import() context element ./2.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2.js
chunk (runtime: main) output.js (main) 414 bytes (javascript) 6.91 KiB (runtime) [entry] [rendered]
chunk (runtime: main) 197.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]
import() context element ./1 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1
import() context element ./1.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1.js
chunk (runtime: main) 414.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
chunk (runtime: main) output.js (main) 414 bytes (javascript) 6.88 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 6.91 KiB 10 modules
runtime modules 6.88 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 (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]
import() context element ./1 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1
import() context element ./1.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1.js
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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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]
chunk (runtime: main) 98.output.js 13 bytes [rendered]
asset output.js 2.89 KiB [emitted] [minimized] (name: main)
asset 140.output.js 69 bytes [emitted] [minimized]
asset 197.output.js 69 bytes [emitted] [minimized]
asset 414.output.js 69 bytes [emitted] [minimized]
chunk (runtime: main) 140.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]
import() context element ./2 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2
import() context element ./2.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./2.js
chunk (runtime: main) output.js (main) 403 bytes (javascript) 6.65 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 6.65 KiB 9 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 243 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
chunk (runtime: main) 346.output.js 13 bytes [rendered]
chunk (runtime: main) 197.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]
import() context element ./1 ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1
import() context element ./1.js ./node_modules/c/ lazy ^\.\/.*$ namespace object ./1.js
chunk (runtime: main) 644.output.js 11 bytes [rendered]
chunk (runtime: main) 414.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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 403 bytes (javascript) 6.62 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 6.62 KiB 9 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 243 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```

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

@ -61,27 +61,27 @@ export default foo;
var map = {
"./bar": [
2,
398
776
],
"./bar.js": [
2,
398
776
],
"./baz": [
3,
544
0
],
"./baz.js": [
3,
544
0
],
"./foo": [
4,
718
717
],
"./foo.js": [
4,
718
717
]
};
function webpackAsyncContext(req) {
@ -202,6 +202,7 @@ module.exports = webpackAsyncContext;
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -246,7 +247,7 @@ module.exports = webpackAsyncContext;
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 792: 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -283,7 +284,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -372,25 +373,10 @@ getTemplate("baz.noimport");
```
asset output.js 11.2 KiB [emitted] (name: main)
asset 398.output.js 858 bytes [emitted]
asset 544.output.js 858 bytes [emitted]
asset 718.output.js 858 bytes [emitted]
chunk (runtime: main) output.js (main) 597 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
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 (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]
[exports: default]
[used exports unknown]
import() context element ./bar ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar.js
chunk (runtime: main) 544.output.js 38 bytes [rendered]
asset 717.output.js 858 bytes [emitted]
asset 776.output.js 858 bytes [emitted]
asset 0.output.js 856 bytes [emitted]
chunk (runtime: main) 0.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]
@ -398,7 +384,7 @@ chunk (runtime: main) 544.output.js 38 bytes [rendered]
[used exports unknown]
import() context element ./baz ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz.js
chunk (runtime: main) 718.output.js 38 bytes [rendered]
chunk (runtime: main) 717.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]
@ -406,43 +392,58 @@ chunk (runtime: main) 718.output.js 38 bytes [rendered]
[used exports unknown]
import() context element ./foo ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo
import() context element ./foo.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo.js
webpack 5.78.0 compiled successfully
chunk (runtime: main) 776.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]
[exports: default]
[used exports unknown]
import() context element ./bar ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar.js
chunk (runtime: main) output.js (main) 597 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.5 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 437 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.99.6 compiled successfully
```
## Production mode
```
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.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 437 bytes [built] [code generated]
[no exports used]
entry ./example.js main
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]
[exports: default]
import() context element ./bar ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar.js
chunk (runtime: main) 544.output.js 38 bytes [rendered]
asset output.js 2.46 KiB [emitted] [minimized] (name: main)
asset 717.output.js 130 bytes [emitted] [minimized]
asset 776.output.js 130 bytes [emitted] [minimized]
asset 0.output.js 124 bytes [emitted] [minimized]
chunk (runtime: main) 0.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]
[exports: default]
import() context element ./baz ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz.js
chunk (runtime: main) 718.output.js 38 bytes [rendered]
chunk (runtime: main) 717.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]
[exports: default]
import() context element ./foo ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo
import() context element ./foo.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo.js
webpack 5.78.0 compiled successfully
chunk (runtime: main) 776.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]
[exports: default]
import() context element ./bar ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar.js
chunk (runtime: main) output.js (main) 597 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.5 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 437 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```

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

@ -50,27 +50,27 @@ export default foo;
var map = {
"./bar": [
2,
398
776
],
"./bar.js": [
2,
398
776
],
"./baz": [
3,
544
0
],
"./baz.js": [
3,
544
0
],
"./foo": [
4,
718
717
],
"./foo.js": [
4,
718
717
]
};
function webpackAsyncContext(req) {
@ -191,6 +191,7 @@ module.exports = webpackAsyncContext;
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -235,7 +236,7 @@ module.exports = webpackAsyncContext;
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 792: 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -272,7 +273,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -359,25 +360,10 @@ getTemplate("baz");
```
asset output.js 11 KiB [emitted] (name: main)
asset 398.output.js 858 bytes [emitted]
asset 544.output.js 858 bytes [emitted]
asset 718.output.js 858 bytes [emitted]
chunk (runtime: main) output.js (main) 441 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
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 (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]
[exports: default]
[used exports unknown]
import() context element ./bar ./templates/ lazy ^\.\/.*$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ namespace object ./bar.js
chunk (runtime: main) 544.output.js 38 bytes [rendered]
asset 717.output.js 858 bytes [emitted]
asset 776.output.js 858 bytes [emitted]
asset 0.output.js 856 bytes [emitted]
chunk (runtime: main) 0.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]
@ -385,7 +371,7 @@ chunk (runtime: main) 544.output.js 38 bytes [rendered]
[used exports unknown]
import() context element ./baz ./templates/ lazy ^\.\/.*$ namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/.*$ namespace object ./baz.js
chunk (runtime: main) 718.output.js 38 bytes [rendered]
chunk (runtime: main) 717.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]
@ -393,43 +379,58 @@ chunk (runtime: main) 718.output.js 38 bytes [rendered]
[used exports unknown]
import() context element ./foo ./templates/ lazy ^\.\/.*$ namespace object ./foo
import() context element ./foo.js ./templates/ lazy ^\.\/.*$ namespace object ./foo.js
webpack 5.78.0 compiled successfully
chunk (runtime: main) 776.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]
[exports: default]
[used exports unknown]
import() context element ./bar ./templates/ lazy ^\.\/.*$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ namespace object ./bar.js
chunk (runtime: main) output.js (main) 441 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.5 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 281 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.99.6 compiled successfully
```
## Production mode
```
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.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 281 bytes [built] [code generated]
[no exports used]
entry ./example.js main
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]
[exports: default]
import() context element ./bar ./templates/ lazy ^\.\/.*$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ namespace object ./bar.js
chunk (runtime: main) 544.output.js 38 bytes [rendered]
asset output.js 2.42 KiB [emitted] [minimized] (name: main)
asset 717.output.js 130 bytes [emitted] [minimized]
asset 776.output.js 130 bytes [emitted] [minimized]
asset 0.output.js 124 bytes [emitted] [minimized]
chunk (runtime: main) 0.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]
[exports: default]
import() context element ./baz ./templates/ lazy ^\.\/.*$ namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/.*$ namespace object ./baz.js
chunk (runtime: main) 718.output.js 38 bytes [rendered]
chunk (runtime: main) 717.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]
[exports: default]
import() context element ./foo ./templates/ lazy ^\.\/.*$ namespace object ./foo
import() context element ./foo.js ./templates/ lazy ^\.\/.*$ namespace object ./foo.js
webpack 5.78.0 compiled successfully
chunk (runtime: main) 776.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]
[exports: default]
import() context element ./bar ./templates/ lazy ^\.\/.*$ namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/.*$ namespace object ./bar.js
chunk (runtime: main) output.js (main) 441 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.5 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 281 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```

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

@ -50,19 +50,19 @@ export default foo;
var map = {
"./bar": [
3,
791
994
],
"./bar.js": [
3,
791
994
],
"./baz": [
4,
548
792
],
"./baz.js": [
4,
548
792
]
};
function webpackAsyncContext(req) {
@ -183,6 +183,7 @@ module.exports = webpackAsyncContext;
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -227,7 +228,7 @@ module.exports = webpackAsyncContext;
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 411: 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -264,7 +265,7 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -323,11 +324,11 @@ var __webpack_exports__ = {};
\********************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
__webpack_require__.e(/*! import() | chunk-foo */ 930).then(__webpack_require__.bind(__webpack_require__, /*! ./templates/foo */ 2)).then(function(foo) {
__webpack_require__.e(/*! import() | chunk-foo */ 45).then(__webpack_require__.bind(__webpack_require__, /*! ./templates/foo */ 2)).then(function(foo) {
console.log('foo:', foo);
})
__webpack_require__.e(/*! require.ensure | chunk-foo1 */ 930).then((function(require) {
__webpack_require__.e(/*! require.ensure | chunk-foo1 */ 45).then((function(require) {
var foo = __webpack_require__(/*! ./templates/foo */ 2);
console.log('foo:', foo);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -351,33 +352,10 @@ __webpack_require__(1)("./ba" + createContextVar).then(function(bar) {
```
asset output.js 11.3 KiB [emitted] (name: main)
asset 548.output.js 858 bytes [emitted] (name: chunk-bar-baz2)
asset 791.output.js 858 bytes [emitted] (name: chunk-bar-baz0)
asset 930.output.js 858 bytes [emitted] (name: chunk-foo)
chunk (runtime: main) output.js (main) 565 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
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 (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]
[exports: default]
[used exports unknown]
import() context element ./baz ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz.js
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]
[exports: default]
[used exports unknown]
import() context element ./bar ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
chunk (runtime: main) 930.output.js (chunk-foo) 38 bytes [rendered]
asset 792.output.js 858 bytes [emitted] (name: chunk-bar-baz2)
asset 994.output.js 858 bytes [emitted] (name: chunk-bar-baz0)
asset 45.output.js 857 bytes [emitted] (name: chunk-foo)
chunk (runtime: main) 45.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]
@ -385,43 +363,66 @@ chunk (runtime: main) 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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 565 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.5 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 (runtime: main) 792.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]
[exports: default]
[used exports unknown]
import() context element ./baz ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz.js
chunk (runtime: main) 994.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]
[exports: default]
[used exports unknown]
import() context element ./bar ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 2.45 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.54 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.54 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 405 bytes [built] [code generated]
[no exports used]
entry ./example.js main
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]
[exports: default]
import() context element ./baz ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz.js
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]
[exports: default]
import() context element ./bar ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
chunk (runtime: main) 930.output.js (chunk-foo) 38 bytes [rendered]
asset output.js 2.44 KiB [emitted] [minimized] (name: main)
asset 994.output.js 130 bytes [emitted] [minimized] (name: chunk-bar-baz0)
asset 45.output.js 129 bytes [emitted] [minimized] (name: chunk-foo)
asset 792.output.js 126 bytes [emitted] [minimized] (name: chunk-bar-baz2)
chunk (runtime: main) 45.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]
[exports: default]
import() ./templates/foo ./example.js 1:0-62
cjs require ./templates/foo ./example.js 6:11-37
webpack 5.78.0 compiled successfully
chunk (runtime: main) output.js (main) 565 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.5 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 405 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 792.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]
[exports: default]
import() context element ./baz ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz
import() context element ./baz.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz.js
chunk (runtime: main) 994.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]
[exports: default]
import() context element ./bar ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar
import() context element ./bar.js ./templates/ lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
webpack 5.99.6 compiled successfully
```

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

@ -149,6 +149,7 @@ require.ensure(["c"], function(require) {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -182,7 +183,7 @@ require.ensure(["c"], function(require) {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -219,7 +220,7 @@ require.ensure(["c"], function(require) {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -270,7 +271,6 @@ require.ensure(["c"], function(require) {
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -280,7 +280,7 @@ var __webpack_exports__ = {};
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
var a = __webpack_require__(/*! a */ 1);
var b = __webpack_require__(/*! b */ 2);
__webpack_require__.e(/*! require.ensure */ 796).then((function(require) {
__webpack_require__.e(/*! require.ensure */ "node_modules_c_js-node_modules_d_js").then((function(require) {
(__webpack_require__(/*! b */ 2).xyz)();
var d = __webpack_require__(/*! d */ 4);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -290,10 +290,10 @@ __webpack_require__.e(/*! require.ensure */ 796).then((function(require) {
;
```
# dist/796.output.js
# dist/node_modules_c_js-node_modules_d_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[796],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["node_modules_c_js-node_modules_d_js"],[
/* 0 */,
/* 1 */,
/* 2 */,
@ -325,7 +325,7 @@ __webpack_require__.e(/*! require.ensure */ 796).then((function(require) {
Minimized
```javascript
(self.webpackChunk=self.webpackChunk||[]).push([[796],{286:()=>{},882:()=>{}}]);
(self.webpackChunk=self.webpackChunk||[]).push([["node_modules_c_js-node_modules_d_js"],{576:()=>{},605:()=>{}}]);
```
# Info
@ -333,16 +333,16 @@ Minimized
## Unoptimized
```
asset output.js 9.47 KiB [emitted] (name: main)
asset 796.output.js 528 bytes [emitted]
chunk (runtime: main) output.js (main) 161 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
asset output.js 9.46 KiB [emitted] (name: main)
asset node_modules_c_js-node_modules_d_js.output.js 562 bytes [emitted]
chunk (runtime: main) output.js (main) 161 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 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 (runtime: main) 796.output.js 22 bytes [rendered]
chunk (runtime: main) node_modules_c_js-node_modules_d_js.output.js 22 bytes [rendered]
> ./example.js 3:0-6:2
./node_modules/c.js 11 bytes [built] [code generated]
[used exports unknown]
@ -350,22 +350,22 @@ 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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.97 KiB (runtime) [entry] [rendered]
asset output.js 1.77 KiB [emitted] [minimized] (name: main)
asset node_modules_c_js-node_modules_d_js.output.js 114 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 161 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
dependent modules 22 bytes [dependent] 2 modules
./example.js 139 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 796.output.js 22 bytes [rendered]
chunk (runtime: main) node_modules_c_js-node_modules_d_js.output.js 22 bytes [rendered]
> ./example.js 3:0-6:2
./node_modules/c.js 11 bytes [built] [code generated]
[used exports unknown]
@ -373,5 +373,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

6
examples/code-splitting/template.md
View File

@ -35,16 +35,16 @@ _{{example.js}}_
_{{dist/output.js}}_
```
# dist/796.output.js
# dist/node_modules_c_js-node_modules_d_js.output.js
```javascript
_{{dist/796.output.js}}_
_{{dist/node_modules_c_js-node_modules_d_js.output.js}}_
```
Minimized
```javascript
_{{production:dist/796.output.js}}_
_{{production:dist/node_modules_c_js-node_modules_d_js.output.js}}_
```
# Info

2
examples/code-splitting/webpack.config.js
View File

@ -1,5 +1,5 @@
module.exports = {
optimization: {
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -98,7 +98,6 @@ module.exports = 42;
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -118,14 +117,14 @@ console.log(__webpack_require__(/*! ./cup1 */ 1));
## Unoptimized
```
asset output.js 2.27 KiB [emitted] (name: main)
asset output.js 2.24 KiB [emitted] (name: main)
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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -138,5 +137,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -34,7 +34,7 @@ With this bundle configuration, you would load your third party libraries, then
# webpack.config.js
```javascript
var path = require("path");
const path = require("path");
module.exports = {
// mode: "development" || "production",
@ -719,7 +719,7 @@ 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -732,7 +732,7 @@ asset pageA.js 1 KiB [emitted] [minimized] (name: pageA)
asset pageB.js 1020 bytes [emitted] [minimized] (name: pageB)
asset pageC.js 1010 bytes [emitted] [minimized] (name: pageC)
asset vendor.js 121 bytes [emitted] [minimized] (name: vendor) (id hint: vendor)
Entrypoint pageA 1.23 KiB = vendor.js 121 bytes commons-utility2_js.js 106 bytes pageA.js 1 KiB
Entrypoint pageA 1.22 KiB = vendor.js 121 bytes commons-utility2_js.js 106 bytes pageA.js 1 KiB
Entrypoint pageB 1.32 KiB = vendor.js 121 bytes commons-utility2_js.js 106 bytes commons-utility3_js.js 106 bytes pageB.js 1020 bytes
Entrypoint pageC 1.19 KiB = commons-utility2_js.js 106 bytes commons-utility3_js.js 106 bytes pageC.js 1010 bytes
chunk (runtime: pageA, pageB, pageC) commons-utility2_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
@ -786,5 +786,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -94,7 +94,7 @@ module.exports = {
splitChunks: {
minSize: 0 // This example is too small, in practice you can use the defaults
},
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
},
output: {
path: path.resolve(__dirname, "dist"),
@ -194,6 +194,7 @@ module.exports = {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -227,7 +228,7 @@ module.exports = {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -264,7 +265,7 @@ module.exports = {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -315,7 +316,6 @@ module.exports = {
</details>
``` js
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
@ -323,11 +323,11 @@ var __webpack_exports__ = {};
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
var main = function() {
console.log("Main class");
Promise.all(/*! require.ensure */[__webpack_require__.e(421), __webpack_require__.e(366)]).then((() => {
Promise.all(/*! require.ensure */[__webpack_require__.e("reusableComponent_js"), __webpack_require__.e("pageA_js")]).then((() => {
const page = __webpack_require__(/*! ./pageA */ 1);
page();
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
__webpack_require__.e(/*! require.ensure */ 588).then((() => {
__webpack_require__.e(/*! require.ensure */ "pageB_js").then((() => {
const page = __webpack_require__(/*! ./pageB */ 3);
page();
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -339,10 +339,10 @@ main();
;
```
# dist/366.output.js
# dist/pageA_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[366],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["pageA_js"],[
/* 0 */,
/* 1 */
/*!******************!*\
@ -365,10 +365,10 @@ module.exports = function() {
]]);
```
# dist/588.output.js
# dist/pageB_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[588],{
(self["webpackChunk"] = self["webpackChunk"] || []).push([["pageB_js"],{
/***/ 3:
/*!******************!*\
@ -381,7 +381,7 @@ module.exports = function() {
module.exports = function() {
console.log("Page B");
Promise.all(/*! require.ensure */[__webpack_require__.e(421), __webpack_require__.e(145)]).then((()=>{
Promise.all(/*! require.ensure */[__webpack_require__.e("reusableComponent_js"), __webpack_require__.e("pageC_js")]).then((()=>{
const page = __webpack_require__(/*! ./pageC */ 4);
page();
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -393,10 +393,10 @@ module.exports = function() {
}]);
```
# dist/145.output.js
# dist/pageC_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[145],{
(self["webpackChunk"] = self["webpackChunk"] || []).push([["pageC_js"],{
/***/ 4:
/*!******************!*\
@ -420,10 +420,10 @@ module.exports = function() {
}]);
```
# dist/421.output.js
# dist/reusableComponent_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[421],{
(self["webpackChunk"] = self["webpackChunk"] || []).push([["reusableComponent_js"],{
/***/ 2:
/*!******************************!*\
@ -449,30 +449,36 @@ module.exports = function() {
## Unoptimized
```
asset output.js 9.09 KiB [emitted] (name: main)
asset 588.output.js 739 bytes [emitted]
asset 366.output.js 558 bytes [emitted]
asset 145.output.js 552 bytes [emitted]
asset 421.output.js 434 bytes [emitted]
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 (runtime: main) output.js (main) 220 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
asset output.js 9.08 KiB [emitted] (name: main)
asset pageB_js.output.js 772 bytes [emitted]
asset pageA_js.output.js 565 bytes [emitted]
asset pageC_js.output.js 559 bytes [emitted]
asset reusableComponent_js.output.js 453 bytes [emitted]
chunk (runtime: main) output.js (main) 220 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./example.js 220 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk (runtime: main) 366.output.js 136 bytes [rendered]
chunk (runtime: main) pageA_js.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 (runtime: main) 421.output.js 69 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) pageB_js.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
chunk (runtime: main) pageC_js.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 (runtime: main) reusableComponent_js.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]
@ -480,54 +486,48 @@ chunk (runtime: main) 421.output.js 69 bytes [rendered] split chunk (cache group
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 (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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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]
asset 421.output.js 123 bytes [emitted] [minimized]
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 (runtime: main) output.js (main) 220 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
asset output.js 1.83 KiB [emitted] [minimized] (name: main)
asset pageB_js.output.js 231 bytes [emitted] [minimized]
asset reusableComponent_js.output.js 142 bytes [emitted] [minimized]
asset pageC_js.output.js 141 bytes [emitted] [minimized]
asset pageA_js.output.js 140 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 220 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
./example.js 220 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 366.output.js 136 bytes [rendered]
chunk (runtime: main) pageA_js.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 (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]
[used exports unknown]
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 (runtime: main) 588.output.js 133 bytes [rendered]
chunk (runtime: main) pageB_js.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.78.0 compiled successfully
chunk (runtime: main) pageC_js.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 (runtime: main) reusableComponent_js.output.js 69 bytes [rendered] split chunk (cache group: default)
> ./pageB.js 3:1-6:3
> ./example.js 3:1-6:3
./reusableComponent.js 69 bytes [built] [code generated]
[used exports unknown]
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
webpack 5.99.6 compiled successfully
```

16
examples/common-chunk-grandchildren/template.md
View File

@ -61,28 +61,28 @@ _{{webpack.config.js}}_
_{{dist/output.js}}_
```
# dist/366.output.js
# dist/pageA_js.output.js
```javascript
_{{dist/366.output.js}}_
_{{dist/pageA_js.output.js}}_
```
# dist/588.output.js
# dist/pageB_js.output.js
```javascript
_{{dist/588.output.js}}_
_{{dist/pageB_js.output.js}}_
```
# dist/145.output.js
# dist/pageC_js.output.js
```javascript
_{{dist/145.output.js}}_
_{{dist/pageC_js.output.js}}_
```
# dist/421.output.js
# dist/reusableComponent_js.output.js
```javascript
_{{dist/421.output.js}}_
_{{dist/reusableComponent_js.output.js}}_
```
# Info

2
examples/common-chunk-grandchildren/webpack.config.js
View File

@ -10,7 +10,7 @@ module.exports = {
splitChunks: {
minSize: 0 // This example is too small, in practice you can use the defaults
},
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
},
output: {
path: path.resolve(__dirname, "dist"),

4
examples/commonjs/README.md
View File

@ -144,7 +144,7 @@ chunk (runtime: main) output.js (main) 326 bytes [entry] [rendered]
./example.js 72 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -157,5 +157,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

208
examples/css/README.md
View File

@ -26,22 +26,53 @@ body {
```javascript
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ 3:
/*!*************************!*\
!*** ./images/file.png ***!
\*************************/
/*! default exports */
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */
/*!***********************!*\
!*** css ./style.css ***!
\***********************/
/*! namespace exports */
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__.p, module, __webpack_require__.* */
/*! runtime requirements: module, has css modules */
/***/ ((module) => {
/***/ }),
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */
/*!************************!*\
!*** css ./style2.css ***!
\************************/
/*! namespace exports */
/*! exports [not provided] [no usage info] */
/*! runtime requirements: module, has css modules */
/***/ ((module) => {
/***/ }),
/* 6 */
/*!******************************!*\
!*** css ./style.module.css ***!
\******************************/
/*! namespace exports */
/*! export large [provided] [no usage info] [missing usage info prevents renaming] */
/*! export main [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module, __webpack_require__.r, has css modules, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
__webpack_require__.r(module.exports = {
"large": "--app-6-large",
"main": "app-6-main"
});
/***/ })
/******/ });
/******/ ]);
```
<details><summary><code>/* webpack runtime code */</code></summary>
@ -137,6 +168,7 @@ module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -178,28 +210,11 @@ module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {};
/******/ var installedChunks = {
/******/ 0: 0
/******/ };
/******/
/******/ var uniqueName = "app";
/******/ var loadCssChunkData = (target, link, chunkId) => {
/******/ var data, token = "", token2, exports = {}, exportsWithId = [], exportsWithDashes = [], i = 0, cc = 1;
/******/ try { if(!link) link = loadStylesheet(chunkId); data = link.sheet.cssRules; data = data[data.length - 1].style; } catch(e) { data = getComputedStyle(document.head); }
/******/ data = data.getPropertyValue("--webpack-" + uniqueName + "-" + chunkId);
/******/ if(!data) return [];
/******/ for(; cc; i++) {
/******/ cc = data.charCodeAt(i);
/******/ if(cc == 40) { token2 = token; token = ""; }
/******/ else if(cc == 41) { exports[token2.replace(/^_/, "")] = token.replace(/^_/, ""); token = ""; }
/******/ else if(cc == 47 || cc == 37) { token = token.replace(/^_/, ""); exports[token] = token; exportsWithId.push(token); if(cc == 37) exportsWithDashes.push(token); token = ""; }
/******/ else if(!cc || cc == 44) { token = token.replace(/^_/, ""); exportsWithId.forEach((x) => (exports[x] = uniqueName + "-" + token + "-" + exports[x])); exportsWithDashes.forEach((x) => (exports[x] = "--" + exports[x])); __webpack_require__.r(exports); target[token] = ((exports, module) => {
/******/ module.exports = exports;
/******/ }).bind(null, exports); token = ""; exports = {}; exportsWithId.length = 0; }
/******/ else if(cc == 92) { token += data[++i] }
/******/ else { token += data[i]; }
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/
/******/ }
/******/ var loadingAttribute = "data-webpack-loading";
/******/ var loadStylesheet = (chunkId, url, done) => {
/******/ var link, needAttach, key = "chunk-" + chunkId;
@ -214,7 +229,12 @@ module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
/******/ if(!link) {
/******/ needAttach = true;
/******/ link = document.createElement('link');
/******/ link.charset = 'utf-8';
/******/ if (__webpack_require__.nc) {
/******/ link.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/ link.setAttribute("data-webpack", uniqueName + ":" + key);
/******/
/******/ link.setAttribute(loadingAttribute, 1);
/******/ link.rel = "stylesheet";
/******/ link.href = url;
@ -233,11 +253,10 @@ module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
/******/ link.onload = onLinkComplete.bind(null, link.onload);
/******/ } else onLinkComplete(undefined, { type: 'load', target: link });
/******/
/******/
/******/ needAttach && document.head.appendChild(link);
/******/ return link;
/******/ };
/******/ loadCssChunkData(__webpack_require__.m, 0, 0);
/******/
/******/ __webpack_require__.f.css = (chunkId, promises) => {
/******/ // css chunk loading
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
@ -263,25 +282,29 @@ module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
/******/ if(installedChunkData) {
/******/ if(event.type !== "load") {
/******/ var errorType = event && event.type;
/******/ var realSrc = event && event.target && event.target.src;
/******/ error.message = 'Loading css chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
/******/ var realHref = event && event.target && event.target.href;
/******/ error.message = 'Loading css chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realHref + ')';
/******/ error.name = 'ChunkLoadError';
/******/ error.type = errorType;
/******/ error.request = realSrc;
/******/ error.request = realHref;
/******/ installedChunkData[1](error);
/******/ } else {
/******/ loadCssChunkData(__webpack_require__.m, link, chunkId);
/******/ installedChunks[chunkId] = 0;
/******/ installedChunkData[0]();
/******/ }
/******/ }
/******/ }
/******/ };
/******/ var link = loadStylesheet(chunkId, url, loadingEnded);
/******/
/******/ loadStylesheet(chunkId, url, loadingEnded);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/ // no hmr
/******/ })();
/******/
@ -305,7 +328,7 @@ module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
/******/ if(installedChunkData) {
/******/ promises.push(installedChunkData[2]);
/******/ } else {
/******/ if(0 == chunkId) {
/******/ if(true) { // all chunks have JS
/******/ // setup Promise in chunk cache
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
/******/ promises.push(installedChunkData[2] = promise);
@ -330,7 +353,7 @@ module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -410,23 +433,38 @@ document.getElementsByTagName("main")[0].className = _style_module_css__WEBPACK_
# dist/output.css
```javascript
/*!********************************************************************!*\
!*** external "https://fonts.googleapis.com/css?family=Open+Sans" ***!
\********************************************************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
/*!********************************!*\
!*** css ./style-imported.css ***!
\********************************/
.img {
width: 150px;
height: 150px;
background: url(89a353e9c515885abd8e.png);
background: url(dist/89a353e9c515885abd8e.png);
}
/*!***********************!*\
!*** css ./style.css ***!
\***********************/
body {
background: green;
font-family: "Open Sans";
}
/*!************************!*\
!*** css ./style2.css ***!
\************************/
body {
background: red;
}
/*!******************************!*\
!*** css ./style.module.css ***!
\******************************/
:root {
--app-6-large: 72px;
}
@ -447,8 +485,6 @@ body {
display: grid
}
}
head{--webpack-app-0:_4,_2,_1,_5,large%main/_6;}
```
## production
@ -458,7 +494,7 @@ head{--webpack-app-0:_4,_2,_1,_5,large%main/_6;}
.img {
width: 150px;
height: 150px;
background: url(89a353e9c515885abd8e.png);
background: url(dist/89a353e9c515885abd8e.png);
}
@ -472,37 +508,36 @@ body {
}
:root {
--app-491-b: 72px;
--app-235-a: 72px;
}
.app-491-D {
font-size: var(--app-491-b);
.app-235-i {
font-size: var(--app-235-a);
color: darkblue;
}
@media (min-width: 1024px) {
.app-491-D {
.app-235-i {
color: green;
}
}
@supports (display: grid) {
.app-491-D {
.app-235-i {
display: grid
}
}
head{--webpack-app-179:_548,_431,_258,_268,b%D/_491;}
```
# dist/1.output.css
```javascript
/*!****************************!*\
!*** css ./lazy-style.css ***!
\****************************/
body {
color: blue;
}
head{--webpack-app-1:_7;}
```
# Info
@ -510,50 +545,61 @@ head{--webpack-app-1:_7;}
## Unoptimized
```
assets by chunk 17 KiB (name: main)
asset output.js 16.5 KiB [emitted] (name: main)
asset output.css 516 bytes [emitted] (name: main)
assets by path *.js 16.3 KiB
asset output.js 15.9 KiB [emitted] (name: main)
asset 1.output.js 357 bytes [emitted]
assets by path *.css 1.19 KiB
asset output.css 1.06 KiB [emitted] (name: main)
asset 1.output.css 125 bytes [emitted]
asset 89a353e9c515885abd8e.png 14.6 KiB [emitted] [immutable] [from: images/file.png] (auxiliary name: main)
asset 1.output.css 49 bytes [emitted]
Entrypoint main 17 KiB (14.6 KiB) = output.js 16.5 KiB output.css 516 bytes 1 auxiliary asset
chunk (runtime: main) output.js, output.css (main) 218 bytes (javascript) 454 bytes (css) 14.6 KiB (asset) 42 bytes (css-import) 10 KiB (runtime) [entry] [rendered]
Entrypoint main 17 KiB (14.6 KiB) = output.js 15.9 KiB output.css 1.06 KiB 1 auxiliary asset
chunk (runtime: main) output.js, output.css (main) 265 bytes (javascript) 454 bytes (css) 14.6 KiB (asset) 42 bytes (css-url) 42 bytes (css-import) 8.82 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 10 KiB 9 modules
dependent modules 42 bytes (javascript) 14.6 KiB (asset) 454 bytes (css) 42 bytes (css-import) [dependent] 6 modules
runtime modules 8.82 KiB 9 modules
dependent modules 14.6 KiB (asset) 42 bytes (css-url) 454 bytes (css) 89 bytes (javascript) 42 bytes (css-import) [dependent] 6 modules
./example.js 176 bytes [built] [code generated]
[no exports]
[used exports unknown]
entry ./example.js main
chunk (runtime: main) 1.output.css 23 bytes
chunk (runtime: main) 1.output.js, 1.output.css 1 bytes (javascript) 23 bytes (css) [rendered]
> ./lazy-style.css ./example.js 4:0-26
./lazy-style.css 23 bytes [built] [code generated]
css ./lazy-style.css 1 bytes (javascript) 23 bytes (css) [built] [code generated]
[no exports]
[used exports unknown]
import() ./lazy-style.css ./example.js 4:0-26
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
assets by chunk 4.38 KiB (name: main)
asset output.js 3.88 KiB [emitted] [minimized] (name: main)
asset output.css 514 bytes [emitted] (name: main)
assets by path *.js 3.44 KiB
asset output.js 3.35 KiB [emitted] [minimized] (name: main)
asset 822.output.js 87 bytes [emitted] [minimized]
assets by path *.css 490 bytes
asset output.css 466 bytes [emitted] (name: main)
asset 822.output.css 24 bytes [emitted]
asset 89a353e9c515885abd8e.png 14.6 KiB [emitted] [immutable] [from: images/file.png] (auxiliary name: main)
asset 159.output.css 53 bytes [emitted]
Entrypoint main 4.38 KiB (14.6 KiB) = output.js 3.88 KiB output.css 514 bytes 1 auxiliary asset
chunk (runtime: main) 159.output.css 23 bytes
> ./lazy-style.css ./example.js 4:0-26
./lazy-style.css 23 bytes [built] [code generated]
[no exports]
import() ./lazy-style.css ./example.js 4:0-26
chunk (runtime: main) output.js, output.css (main) 218 bytes (javascript) 454 bytes (css) 14.6 KiB (asset) 42 bytes (css-import) 10 KiB (runtime) [entry] [rendered]
Entrypoint main 3.81 KiB (14.6 KiB) = output.js 3.35 KiB output.css 466 bytes 1 auxiliary asset
chunk (runtime: main) output.js, output.css (main) 299 bytes (javascript) 454 bytes (css) 14.6 KiB (asset) 42 bytes (css-url) 42 bytes (css-import) 8.82 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 10 KiB 9 modules
dependent modules 42 bytes (javascript) 14.6 KiB (asset) 454 bytes (css) 42 bytes (css-import) [dependent] 6 modules
./example.js 176 bytes [built] [code generated]
runtime modules 8.82 KiB 9 modules
dependent modules 14.6 KiB (asset) 42 bytes (css-url) 119 bytes (javascript) 279 bytes (css) 42 bytes (css-import) [dependent] 4 modules
cacheable modules 180 bytes (javascript) 175 bytes (css)
./example.js + 2 modules 178 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
css ./style.css 1 bytes (javascript) 148 bytes (css) [built] [code generated]
[no exports]
[no exports used]
css ./style2.css 1 bytes (javascript) 27 bytes (css) [built] [code generated]
[no exports]
[no exports used]
chunk (runtime: main) 822.output.js, 822.output.css 1 bytes (javascript) 23 bytes (css) [rendered]
> ./lazy-style.css ./example.js 4:0-26
css ./lazy-style.css 1 bytes (javascript) 23 bytes (css) [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
import() ./lazy-style.css ./example.js + 2 modules ./example.js 4:0-26
webpack 5.99.6 compiled successfully
```

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

@ -119,7 +119,7 @@ module.exports = {
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = JSON.parse('{"title":"TOML Example","owner":{"name":"Tom Preston-Werner","organization":"GitHub","bio":"GitHub Cofounder & CEO\\nLikes tater tots and beer.","dob":"1979-05-27T07:32:00.000Z"}}');
module.exports = /*#__PURE__*/JSON.parse('{"title":"TOML Example","owner":{"name":"Tom Preston-Werner","organization":"GitHub","bio":"GitHub Cofounder & CEO\\nLikes tater tots and beer.","dob":"1979-05-27T07:32:00.000Z"}}');
/***/ }),
/* 2 */
@ -139,7 +139,7 @@ module.exports = JSON.parse('{"title":"TOML Example","owner":{"name":"Tom Presto
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = JSON.parse('{"title":"YAML Example","owner":{"name":"Tom Preston-Werner","organization":"GitHub","bio":"GitHub Cofounder & CEO\\nLikes tater tots and beer.","dob":"1979-05-27T07:32:00.000Z"}}');
module.exports = /*#__PURE__*/JSON.parse('{"title":"YAML Example","owner":{"name":"Tom Preston-Werner","organization":"GitHub","bio":"GitHub Cofounder & CEO\\nLikes tater tots and beer.","dob":"1979-05-27T07:32:00.000Z"}}');
/***/ }),
/* 3 */
@ -158,7 +158,7 @@ module.exports = JSON.parse('{"title":"YAML Example","owner":{"name":"Tom Presto
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = JSON.parse('{"title":"JSON5 Example","owner":{"name":"Tom Preston-Werner","organization":"GitHub","bio":"GitHub Cofounder & CEO\\nLikes tater tots and beer.","dob":"1979-05-27T07:32:00.000Z"}}');
module.exports = /*#__PURE__*/JSON.parse('{"title":"JSON5 Example","owner":{"name":"Tom Preston-Werner","organization":"GitHub","bio":"GitHub Cofounder & CEO\\nLikes tater tots and beer.","dob":"1979-05-27T07:32:00.000Z"}}');
/***/ })
/******/ ]);
@ -246,7 +246,7 @@ document.querySelector('#app').innerHTML = [_data_toml__WEBPACK_IMPORTED_MODULE_
## webpack output
```
asset output.js 5.87 KiB [emitted] (name: main)
asset output.js 5.91 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 919 bytes (javascript) 274 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 565 bytes [dependent] 3 modules
@ -255,5 +255,5 @@ chunk (runtime: main) output.js (main) 919 bytes (javascript) 274 bytes (runtime
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -68,7 +68,7 @@ module.exports = __webpack_require__;
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "square": () => (/* binding */ square)
/* harmony export */ square: () => (/* binding */ square)
/* harmony export */ });
function square(n) {
return n * n;
@ -171,9 +171,9 @@ chunk (runtime: main) vendor.js (main) 57 bytes (javascript) 670 bytes (runtime)
dependent modules 45 bytes [dependent] 1 module
dll main 12 bytes [built] [code generated]
[used exports unknown]
dll entry
dll entry 0:0-0
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -185,7 +185,7 @@ chunk (runtime: main) vendor.js (main) 57 bytes (javascript) 670 bytes (runtime)
runtime modules 670 bytes 3 modules
dependent modules 45 bytes [dependent] 1 module
dll main 12 bytes [built] [code generated]
dll entry
dll entry 0:0-0
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -163,13 +163,13 @@ chunk (runtime: main) app.js (main) 178 bytes (javascript) 274 bytes (runtime) [
[no exports]
[used exports unknown]
entry ./example-app main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset app.js 333 bytes [emitted] [minimized] (name: main)
asset app.js 331 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) app.js (main) 178 bytes [entry] [rendered]
> ./example-app main
dependent modules 84 bytes [dependent] 2 modules
@ -177,7 +177,7 @@ chunk (runtime: main) app.js (main) 178 bytes [entry] [rendered]
[no exports]
[no exports used]
entry ./example-app main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
<!-- @TODO:

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

@ -34,8 +34,8 @@ export { c } from "./cjs";
# webpack.config.js
```javascript
var path = require("path");
var webpack = require("../../");
const path = require("path");
const webpack = require("../../");
module.exports = {
// mode: "development" || "production",
@ -87,7 +87,7 @@ module.exports = __webpack_require__;
/*! export b [provided] [no usage info] [missing usage info prevents renaming] -> ./b.js .b */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] -> ./cjs.js .c */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__, __webpack_require__.* */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__, __webpack_require__.* */
/*! ModuleConcatenation bailout: Cannot concat with ./cjs.js: Module is not an ECMAScript module */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@ -97,25 +97,25 @@ __webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"a": () => (/* reexport */ a),
"b": () => (/* reexport */ b),
"c": () => (/* reexport */ cjs.c)
a: () => (/* reexport */ a),
b: () => (/* reexport */ b),
c: () => (/* reexport */ cjs.c)
});
;// CONCATENATED MODULE: ./b.js
;// ./b.js
// module b
function b() {
return "b";
}
;// CONCATENATED MODULE: ./a.js
;// ./a.js
// module a
var a = "a";
// EXTERNAL MODULE: ./cjs.js
var cjs = __webpack_require__(2);
;// CONCATENATED MODULE: ./example.js
;// ./example.js
@ -225,16 +225,16 @@ exports.c = "c";
## Unoptimized
```
asset dll.js 4.71 KiB [emitted] (name: dll)
asset dll.js 4.64 KiB [emitted] (name: dll)
chunk (runtime: dll) dll.js (dll) 211 bytes (javascript) 670 bytes (runtime) [entry] [rendered]
> dll
runtime modules 670 bytes 3 modules
dependent modules 199 bytes [dependent] 2 modules
dll dll 12 bytes [built] [code generated]
[used exports unknown]
dll entry
dll entry 0:0-0
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -246,7 +246,7 @@ chunk (runtime: dll) dll.js (dll) 211 bytes (javascript) 670 bytes (runtime) [en
runtime modules 670 bytes 3 modules
dependent modules 199 bytes [dependent] 2 modules
dll dll 12 bytes [built] [code generated]
dll entry
dll entry 0:0-0
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -7,18 +7,19 @@ This is the _user_ bundle, which uses the manifest from [dll-reference example](
# webpack.config.js
```javascript
var path = require("path");
var webpack = require("../../");
const path = require("path");
const webpack = require("../../");
module.exports = {
// mode: "development" || "production",
plugins: [
new webpack.DllReferencePlugin({
context: path.join(__dirname, "..", "dll"),
manifest: require("../dll/dist/alpha-manifest.json") // eslint-disable-line
manifest: require("../dll/dist/alpha-manifest.json")
}),
new webpack.DllReferencePlugin({
scope: "beta",
manifest: require("../dll/dist/beta-manifest.json"), // eslint-disable-line
manifest: require("../dll/dist/beta-manifest.json"),
extensions: [".js", ".jsx"]
})
]
@ -46,18 +47,18 @@ console.log(require("module"));
/* 0 */,
/* 1 */
/*!**************************************************************************!*\
!*** delegated ./alpha.js from dll-reference alpha_a53f6ab3ecd4de18316c ***!
!*** delegated ./alpha.js from dll-reference alpha_2239422b902ff2ef1cc1 ***!
\**************************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_a53f6ab3ecd4de18316c */ 2))(1);
module.exports = (__webpack_require__(/*! dll-reference alpha_2239422b902ff2ef1cc1 */ 2))(1);
/***/ }),
/* 2 */
/*!*********************************************!*\
!*** external "alpha_a53f6ab3ecd4de18316c" ***!
!*** external "alpha_2239422b902ff2ef1cc1" ***!
\*********************************************/
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
@ -65,34 +66,34 @@ module.exports = (__webpack_require__(/*! dll-reference alpha_a53f6ab3ecd4de1831
/***/ ((module) => {
"use strict";
module.exports = alpha_a53f6ab3ecd4de18316c;
module.exports = alpha_2239422b902ff2ef1cc1;
/***/ }),
/* 3 */
/*!**********************************************************************!*\
!*** delegated ./a.js from dll-reference alpha_a53f6ab3ecd4de18316c ***!
!*** delegated ./a.js from dll-reference alpha_2239422b902ff2ef1cc1 ***!
\**********************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_a53f6ab3ecd4de18316c */ 2))(2);
module.exports = (__webpack_require__(/*! dll-reference alpha_2239422b902ff2ef1cc1 */ 2))(2);
/***/ }),
/* 4 */
/*!************************************************************************!*\
!*** delegated ./beta.js from dll-reference beta_a53f6ab3ecd4de18316c ***!
!*** delegated ./beta.js from dll-reference beta_2239422b902ff2ef1cc1 ***!
\************************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_a53f6ab3ecd4de18316c */ 5))(5);
module.exports = (__webpack_require__(/*! dll-reference beta_2239422b902ff2ef1cc1 */ 5))(5);
/***/ }),
/* 5 */
/*!********************************************!*\
!*** external "beta_a53f6ab3ecd4de18316c" ***!
!*** external "beta_2239422b902ff2ef1cc1" ***!
\********************************************/
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
@ -100,40 +101,40 @@ module.exports = (__webpack_require__(/*! dll-reference beta_a53f6ab3ecd4de18316
/***/ ((module) => {
"use strict";
module.exports = beta_a53f6ab3ecd4de18316c;
module.exports = beta_2239422b902ff2ef1cc1;
/***/ }),
/* 6 */
/*!*********************************************************************!*\
!*** delegated ./b.js from dll-reference beta_a53f6ab3ecd4de18316c ***!
!*** delegated ./b.js from dll-reference beta_2239422b902ff2ef1cc1 ***!
\*********************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_a53f6ab3ecd4de18316c */ 5))(6);
module.exports = (__webpack_require__(/*! dll-reference beta_2239422b902ff2ef1cc1 */ 5))(6);
/***/ }),
/* 7 */
/*!**********************************************************************!*\
!*** delegated ./c.jsx from dll-reference beta_a53f6ab3ecd4de18316c ***!
!*** delegated ./c.jsx from dll-reference beta_2239422b902ff2ef1cc1 ***!
\**********************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_a53f6ab3ecd4de18316c */ 5))(7);
module.exports = (__webpack_require__(/*! dll-reference beta_2239422b902ff2ef1cc1 */ 5))(7);
/***/ }),
/* 8 */
/*!*****************************************************************************************!*\
!*** delegated ../node_modules/module.js from dll-reference alpha_a53f6ab3ecd4de18316c ***!
!*** delegated ../node_modules/module.js from dll-reference alpha_2239422b902ff2ef1cc1 ***!
\*****************************************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_a53f6ab3ecd4de18316c */ 2))(3);
module.exports = (__webpack_require__(/*! dll-reference alpha_2239422b902ff2ef1cc1 */ 2))(3);
/***/ })
/******/ ]);
@ -173,7 +174,6 @@ module.exports = (__webpack_require__(/*! dll-reference alpha_a53f6ab3ecd4de1831
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -201,14 +201,14 @@ console.log(__webpack_require__(/*! module */ 8));
## Unoptimized
```
asset output.js 5.51 KiB [emitted] (name: main)
asset output.js 5.48 KiB [emitted] (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]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -221,5 +221,5 @@ chunk (runtime: main) output.js (main) 541 bytes [entry] [rendered]
./example.js 205 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

40
examples/dll/README.md
View File

@ -7,8 +7,9 @@ This is the _reference_ bundle (with the manifests) for [dll user example](https
# webpack.config.js
```javascript
var path = require("path");
var webpack = require("../../");
const path = require("path");
const webpack = require("../../");
module.exports = {
// mode: "development" || "production",
resolve: {
@ -35,7 +36,7 @@ module.exports = {
# dist/MyDll.alpha.js
```javascript
var alpha_a53f6ab3ecd4de18316c;
var alpha_2239422b902ff2ef1cc1;
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
@ -84,6 +85,7 @@ module.exports = "a";
module.exports = "module";
/***/ })
/******/ ]);
```
@ -127,7 +129,7 @@ module.exports = "module";
/******/ // Load entry module and return exports
/******/ // This entry module doesn't tell about it's top-level declarations so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__(0);
/******/ alpha_a53f6ab3ecd4de18316c = __webpack_exports__;
/******/ alpha_2239422b902ff2ef1cc1 = __webpack_exports__;
/******/
/******/ })()
;
@ -136,7 +138,7 @@ module.exports = "module";
# dist/alpha-manifest.json
```javascript
{"name":"alpha_a53f6ab3ecd4de18316c","content":{"./alpha.js":{"id":1,"buildMeta":{}},"./a.js":{"id":2,"buildMeta":{}},"../node_modules/module.js":{"id":3,"buildMeta":{}}}}
{"name":"alpha_2239422b902ff2ef1cc1","content":{"./alpha.js":{"id":1,"buildMeta":{}},"./a.js":{"id":2,"buildMeta":{}},"../node_modules/module.js":{"id":3,"buildMeta":{}}}}
```
# Info
@ -146,39 +148,39 @@ module.exports = "module";
```
asset MyDll.alpha.js 2.58 KiB [emitted] (name: alpha)
asset MyDll.beta.js 2.55 KiB [emitted] (name: beta)
chunk (runtime: alpha) MyDll.alpha.js (alpha) 84 bytes [entry] [rendered]
chunk (runtime: alpha) MyDll.alpha.js (alpha) 85 bytes [entry] [rendered]
> alpha
dependent modules 72 bytes [dependent] 3 modules
dependent modules 73 bytes [dependent] 3 modules
dll alpha 12 bytes [built] [code generated]
[used exports unknown]
dll entry
dll entry 0:0-0
used as library export
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
dll entry 0:0-0
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset MyDll.alpha.js 313 bytes [emitted] [minimized] (name: alpha)
asset MyDll.beta.js 303 bytes [emitted] [minimized] (name: beta)
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]
dll entry
used as library export
asset MyDll.beta.js 307 bytes [emitted] [minimized] (name: beta)
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]
dll entry
dll entry 0:0-0
used as library export
webpack 5.78.0 compiled successfully
chunk (runtime: alpha) MyDll.alpha.js (alpha) 85 bytes [entry] [rendered]
> alpha
dependent modules 73 bytes [dependent] 3 modules
dll alpha 12 bytes [built] [code generated]
dll entry 0:0-0
used as library export
webpack 5.99.6 compiled successfully
```

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

@ -1,8 +1,9 @@
# webpack.config.js
```javascript
var path = require("path");
var webpack = require("../../");
const path = require("path");
const webpack = require("../../");
module.exports = [
{
name: "vendor",
@ -233,9 +234,9 @@ vendor:
dependent modules 53 bytes [dependent] 2 modules
dll main 12 bytes [built] [code generated]
[used exports unknown]
dll entry
dll entry 0:0-0
used as library export
vendor (webpack 5.78.0) compiled successfully
vendor (webpack 5.99.6) compiled successfully
app:
asset pageB.js 2.63 KiB [emitted] (name: pageB)
@ -261,7 +262,7 @@ app:
[used exports unknown]
cjs self exports reference ./pageC.js 1:0-14
entry ./pageC pageC
app (webpack 5.78.0) compiled successfully
app (webpack 5.99.6) compiled successfully
```
## Production mode
@ -273,13 +274,13 @@ vendor:
> main
dependent modules 53 bytes [dependent] 2 modules
dll main 12 bytes [built] [code generated]
dll entry
dll entry 0:0-0
used as library export
vendor (webpack 5.78.0) compiled successfully
vendor (webpack 5.99.6) compiled successfully
app:
asset pageA.js 297 bytes [emitted] [minimized] (name: pageA)
asset pageB.js 297 bytes [emitted] [minimized] (name: pageB)
asset pageA.js 295 bytes [emitted] [minimized] (name: pageA)
asset pageC.js 174 bytes [emitted] [minimized] (name: pageC)
chunk (runtime: pageB) pageB.js (pageB) 144 bytes [entry] [rendered]
> ./pageB pageB
@ -288,12 +289,6 @@ app:
[used exports unknown]
cjs self exports reference ./pageB.js 2:0-14
entry ./pageB pageB
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 (runtime: pageA) pageA.js (pageA) 143 bytes [entry] [rendered]
> ./pageA pageA
dependent modules 84 bytes [dependent] 2 modules
@ -301,5 +296,11 @@ app:
[used exports unknown]
cjs self exports reference ./pageA.js 2:0-14
entry ./pageA pageA
app (webpack 5.78.0) compiled successfully
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.99.6) compiled successfully
```

4
examples/externals/README.md vendored
View File

@ -162,7 +162,7 @@ chunk (runtime: main) output.js (main) 194 bytes [entry] [rendered]
[used exports unknown]
entry ./example.js main
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -124,6 +124,7 @@ module.exports = {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -157,7 +158,7 @@ module.exports = {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 792: 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -194,7 +195,7 @@ module.exports = {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -245,25 +246,24 @@ module.exports = {
</details>
``` js
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.oe, __webpack_require__.* */
Promise.all(/*! AMD require */[__webpack_require__.e(996), __webpack_require__.e(847), __webpack_require__.e(460)]).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(/*! ./a */ 1), __webpack_require__(/*! ./b */ 2), __webpack_require__(/*! ./c */ 3)]; (function(a, b, c) {}).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);})['catch'](__webpack_require__.oe);
Promise.all(/*! AMD require */[__webpack_require__.e(899), __webpack_require__.e(670), __webpack_require__.e(964)]).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(/*! ./a */ 1), __webpack_require__(/*! ./b */ 2), __webpack_require__(/*! ./c */ 3)]; (function(a, b, c) {}).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);})['catch'](__webpack_require__.oe);
Promise.all(/*! require.ensure */[__webpack_require__.e(996), __webpack_require__.e(847), __webpack_require__.e(767)]).then((function(require) {
Promise.all(/*! require.ensure */[__webpack_require__.e(899), __webpack_require__.e(670), __webpack_require__.e(425)]).then((function(require) {
__webpack_require__(/*! ./b */ 2);
__webpack_require__(/*! ./d */ 4);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
Promise.all(/*! require.ensure */[__webpack_require__.e(847), __webpack_require__.e(390)]).then((function(require) {
Promise.all(/*! require.ensure */[__webpack_require__.e(670), __webpack_require__.e(210)]).then((function(require) {
__webpack_require__(/*! ./a */ 1);
Promise.all(/*! require.ensure */[__webpack_require__.e(996), __webpack_require__.e(568)]).then((function(require) {
Promise.all(/*! require.ensure */[__webpack_require__.e(899), __webpack_require__.e(935)]).then((function(require) {
__webpack_require__(/*! ./f */ 6);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
Promise.all(/*! require.ensure */[__webpack_require__.e(996), __webpack_require__.e(785)]).then((function(require) {
Promise.all(/*! require.ensure */[__webpack_require__.e(899), __webpack_require__.e(888)]).then((function(require) {
__webpack_require__(/*! ./g */ 7);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -277,51 +277,27 @@ Promise.all(/*! require.ensure */[__webpack_require__.e(847), __webpack_require_
## Unoptimized
```
asset output.js 9.94 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]
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 (runtime: main) output.js (main) 346 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
./example.js 346 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk (runtime: main) 390.output.js 21 bytes [rendered]
asset output.js 9.89 KiB [emitted] (name: main)
asset 670.output.js 344 bytes [emitted]
asset 210.output.js 338 bytes [emitted]
asset 425.output.js 338 bytes [emitted]
asset 888.output.js 338 bytes [emitted]
asset 899.output.js 338 bytes [emitted]
asset 935.output.js 338 bytes [emitted]
asset 964.output.js 338 bytes [emitted]
chunk (runtime: main) 210.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 (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 (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 (runtime: main) 767.output.js 21 bytes [rendered]
chunk (runtime: main) 425.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 (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 (runtime: main) 847.output.js 21 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) 670.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
@ -332,7 +308,19 @@ chunk (runtime: main) 847.output.js 21 bytes [rendered] split chunk (cache group
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 (runtime: main) 996.output.js 21 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) output.js (main) 346 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.94 KiB 6 modules
./example.js 346 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk (runtime: main) 888.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 (runtime: main) 899.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
@ -344,57 +332,45 @@ 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.78.0 compiled successfully
chunk (runtime: main) 935.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 (runtime: main) 964.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
webpack 5.99.6 compiled successfully
```
## Production mode
```
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]
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.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
./example.js 346 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 390.output.js 21 bytes [rendered]
asset 210.output.js 81 bytes [emitted] [minimized]
asset 425.output.js 81 bytes [emitted] [minimized]
asset 670.output.js 81 bytes [emitted] [minimized]
asset 888.output.js 81 bytes [emitted] [minimized]
asset 899.output.js 81 bytes [emitted] [minimized]
asset 935.output.js 81 bytes [emitted] [minimized]
asset 964.output.js 81 bytes [emitted] [minimized]
chunk (runtime: main) 210.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 (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 (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 (runtime: main) 767.output.js 21 bytes [rendered]
chunk (runtime: main) 425.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 (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 (runtime: main) 847.output.js 21 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) 670.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
@ -405,7 +381,19 @@ chunk (runtime: main) 847.output.js 21 bytes [rendered] split chunk (cache group
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 (runtime: main) 996.output.js 21 bytes [rendered] split chunk (cache group: default)
chunk (runtime: main) output.js (main) 346 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.94 KiB 6 modules
./example.js 346 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 888.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 (runtime: main) 899.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
@ -417,5 +405,17 @@ 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.78.0 compiled successfully
chunk (runtime: main) 935.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 (runtime: main) 964.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
webpack 5.99.6 compiled successfully
```

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

@ -135,6 +135,7 @@ require.ensure(["./a"], function(require) {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -168,7 +169,7 @@ require.ensure(["./a"], function(require) {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -205,7 +206,7 @@ require.ensure(["./a"], function(require) {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -256,17 +257,16 @@ require.ensure(["./a"], function(require) {
</details>
``` js
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.oe, __webpack_require__.* */
// a chunks with a, b, c
Promise.all(/*! AMD require */[__webpack_require__.e(394), __webpack_require__.e(460)]).then(function() {[__webpack_require__(/*! ./a */ 1), __webpack_require__(/*! ./b */ 2), __webpack_require__(/*! ./c */ 3)];})['catch'](__webpack_require__.oe);
Promise.all(/*! AMD require */[__webpack_require__.e("a_js-b_js"), __webpack_require__.e("c_js")]).then(function() {[__webpack_require__(/*! ./a */ 1), __webpack_require__(/*! ./b */ 2), __webpack_require__(/*! ./c */ 3)];})['catch'](__webpack_require__.oe);
// a chunk with a, b, d
Promise.all(/*! require.ensure */[__webpack_require__.e(394), __webpack_require__.e(767)]).then((function(require) {
Promise.all(/*! require.ensure */[__webpack_require__.e("a_js-b_js"), __webpack_require__.e("d_js")]).then((function(require) {
__webpack_require__(/*! ./b */ 2);
__webpack_require__(/*! ./d */ 4);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -275,10 +275,10 @@ Promise.all(/*! require.ensure */[__webpack_require__.e(394), __webpack_require_
;
```
# dist/394.output.js
# dist/a_js-b_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[394],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["a_js-b_js"],[
/* 0 */,
/* 1 */
/*!**************!*\
@ -307,10 +307,10 @@ module.exports = "b";
]]);
```
# dist/460.output.js
# dist/c_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[460],{
(self["webpackChunk"] = self["webpackChunk"] || []).push([["c_js"],{
/***/ 3:
/*!**************!*\
@ -328,10 +328,10 @@ module.exports = "c";
}]);
```
# dist/767.output.js
# dist/d_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[767],{
(self["webpackChunk"] = self["webpackChunk"] || []).push([["d_js"],{
/***/ 4:
/*!**************!*\
@ -354,17 +354,11 @@ module.exports = "d";
## Unoptimized
```
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 (runtime: main) output.js (main) 164 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
./example.js 164 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk (runtime: main) 394.output.js 42 bytes [rendered] split chunk (cache group: default)
asset output.js 9.14 KiB [emitted] (name: main)
asset a_js-b_js.output.js 618 bytes [emitted]
asset c_js.output.js 341 bytes [emitted]
asset d_js.output.js 341 bytes [emitted]
chunk (runtime: main) a_js-b_js.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]
@ -377,35 +371,35 @@ chunk (runtime: main) 394.output.js 42 bytes [rendered] split chunk (cache group
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 (runtime: main) 460.output.js 21 bytes [rendered]
chunk (runtime: main) c_js.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 (runtime: main) 767.output.js 21 bytes [rendered]
chunk (runtime: main) d_js.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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 164 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.94 KiB 6 modules
./example.js 164 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 1.81 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.97 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
./example.js 164 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 394.output.js 42 bytes [rendered] split chunk (cache group: default)
asset output.js 1.83 KiB [emitted] [minimized] (name: main)
asset a_js-b_js.output.js 112 bytes [emitted] [minimized]
asset c_js.output.js 84 bytes [emitted] [minimized]
asset d_js.output.js 84 bytes [emitted] [minimized]
chunk (runtime: main) a_js-b_js.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]
@ -418,17 +412,23 @@ chunk (runtime: main) 394.output.js 42 bytes [rendered] split chunk (cache group
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 (runtime: main) 460.output.js 21 bytes [rendered]
chunk (runtime: main) c_js.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 (runtime: main) 767.output.js 21 bytes [rendered]
chunk (runtime: main) d_js.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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 164 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.94 KiB 6 modules
./example.js 164 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```

12
examples/extra-async-chunk/template.md
View File

@ -43,22 +43,22 @@ _{{example.js}}_
_{{dist/output.js}}_
```
# dist/394.output.js
# dist/a_js-b_js.output.js
```javascript
_{{dist/394.output.js}}_
_{{dist/a_js-b_js.output.js}}_
```
# dist/460.output.js
# dist/c_js.output.js
```javascript
_{{dist/460.output.js}}_
_{{dist/c_js.output.js}}_
```
# dist/767.output.js
# dist/d_js.output.js
```javascript
_{{dist/767.output.js}}_
_{{dist/d_js.output.js}}_
```
# Info

2
examples/extra-async-chunk/webpack.config.js
View File

@ -4,6 +4,6 @@ module.exports = {
splitChunks: {
minSize: 0 // This example is too small
},
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -102,7 +102,7 @@ exports.readFile = function() {};
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "readFile": () => (/* reexport safe */ _fs__WEBPACK_IMPORTED_MODULE_0__.readFile)
/* harmony export */ readFile: () => (/* reexport safe */ _fs__WEBPACK_IMPORTED_MODULE_0__.readFile)
/* harmony export */ });
/* harmony import */ var _fs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fs */ 1);
// reexport a CommonJs module
@ -148,7 +148,7 @@ var namedExport = module.named;
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */ "named": () => (/* binding */ named)
/* harmony export */ named: () => (/* binding */ named)
/* harmony export */ });
// just some exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("default");
@ -286,7 +286,7 @@ chunk (runtime: main) output.js (main) 1.13 KiB (javascript) 937 bytes (runtime)
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -301,5 +301,5 @@ chunk (runtime: main) output.js (main) 1.13 KiB (javascript) 670 bytes (runtime)
[no exports]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -1,7 +1,8 @@
# webpack.config.js
```javascript
var path = require("path");
const path = require("path");
module.exports = {
// mode: "development" || "production",
entry: "./example",
@ -85,8 +86,8 @@ var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */ "increment": () => (/* binding */ increment),
/* harmony export */ "value": () => (/* binding */ value)
/* harmony export */ increment: () => (/* binding */ increment),
/* harmony export */ value: () => (/* binding */ value)
/* harmony export */ });
var value = 0;
function increment() {
@ -114,7 +115,7 @@ chunk (runtime: main) MyLibrary.umd.js (main) 92 bytes (javascript) 670 bytes (r
[used exports unknown]
entry ./example main
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -128,5 +129,5 @@ chunk (runtime: main) MyLibrary.umd.js (main) 92 bytes (javascript) 670 bytes (r
[exports: default, increment, value]
entry ./example main
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -68,9 +68,9 @@ export { add as reexportedAdd, multiply as reexportedMultiply } from "./math";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "add": () => (/* binding */ add),
/* harmony export */ "list": () => (/* binding */ list),
/* harmony export */ "multiply": () => (/* binding */ multiply)
/* harmony export */ add: () => (/* binding */ add),
/* harmony export */ list: () => (/* binding */ list),
/* harmony export */ multiply: () => (/* binding */ multiply)
/* harmony export */ });
function add() {
var sum = 0, i = 0, args = arguments, l = args.length;
@ -110,11 +110,11 @@ function list() {
__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 */ 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);
@ -136,9 +136,9 @@ __webpack_require__.r(__webpack_exports__);
__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 */ 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"); }
@ -239,7 +239,7 @@ _library__WEBPACK_IMPORTED_MODULE_1__.reexportedMultiply(1, 2);
# dist/output.js
```javascript
(()=>{"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){var n=t[r];if(void 0!==n)return n.exports;var p=t[r]={exports:{}};return e[r](p,p.exports,o),p.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)})();
(()=>{"use strict";var r={627:(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,{WQ:()=>o,lw:()=>n})}},e={};function t(o){var n=e[o];if(void 0!==n)return n.exports;var a=e[o]={exports:{}};return r[o](a,a.exports,t),a.exports}t.d=(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e);var o=t(627);(0,o.WQ)(1,2),o.lw(1,2)})();
```
# Info
@ -247,7 +247,7 @@ _library__WEBPACK_IMPORTED_MODULE_1__.reexportedMultiply(1, 2);
## Unoptimized
```
asset output.js 7.03 KiB [emitted] (name: main)
asset output.js 7.01 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 698 bytes (javascript) 670 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 584 bytes [dependent] 3 modules
@ -256,13 +256,13 @@ chunk (runtime: main) output.js (main) 698 bytes (javascript) 670 bytes (runtime
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 536 bytes [emitted] [minimized] (name: main)
asset output.js 538 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 461 bytes (javascript) 396 bytes (runtime) [entry] [rendered]
> ./example.js main
runtime modules 396 bytes 2 modules
@ -271,5 +271,5 @@ chunk (runtime: main) output.js (main) 461 bytes (javascript) 396 bytes (runtime
[no exports]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

33
examples/harmony/README.md
View File

@ -39,7 +39,7 @@ export function increment(val) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "increment": () => (/* binding */ increment)
/* harmony export */ increment: () => (/* binding */ increment)
/* harmony export */ });
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math */ 2);
@ -61,7 +61,7 @@ function increment(val) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "add": () => (/* binding */ add)
/* harmony export */ add: () => (/* binding */ add)
/* harmony export */ });
function add() {
var sum = 0, i = 0, args = arguments, l = args.length;
@ -172,6 +172,7 @@ function add() {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -216,7 +217,7 @@ function add() {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 792: 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -253,7 +254,7 @@ function add() {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -320,7 +321,7 @@ var a = 1;
(0,_increment__WEBPACK_IMPORTED_MODULE_0__.increment)(a); // 2
// async loading
__webpack_require__.e(/*! import() */ 35).then(__webpack_require__.bind(__webpack_require__, /*! ./async-loaded */ 3)).then(function(asyncLoaded) {
__webpack_require__.e(/*! import() */ 655).then(__webpack_require__.bind(__webpack_require__, /*! ./async-loaded */ 3)).then(function(asyncLoaded) {
console.log(asyncLoaded);
});
@ -336,40 +337,40 @@ __webpack_require__.e(/*! import() */ 35).then(__webpack_require__.bind(__webpac
```
asset output.js 11.8 KiB [emitted] (name: main)
asset 35.output.js 774 bytes [emitted]
chunk (runtime: main) 35.output.js 24 bytes [rendered]
asset 655.output.js 773 bytes [emitted]
chunk (runtime: main) 655.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 (runtime: main) output.js (main) 400 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 400 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.54 KiB 8 modules
runtime modules 5.5 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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]
asset output.js 2.04 KiB [emitted] [minimized] (name: main)
asset 655.output.js 124 bytes [emitted] [minimized]
chunk (runtime: main) 655.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.54 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 400 bytes (javascript) 5.5 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.54 KiB 8 modules
runtime modules 5.5 KiB 8 modules
./example.js + 2 modules 400 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -17,8 +17,9 @@ The compression improves with bigger `maxSize`, as gzip works better for bigger
The backward compatibility (non-HTTP2 client) improves with bigger `maxSize`, as the number of requests decreases.
```js
var path = require("path");
var webpack = require("../../");
const path = require("path");
const webpack = require("../../");
module.exports = {
// mode: "development" || "production",
cache: true, // better performance for the AggressiveSplittingPlugin
@ -46,84 +47,61 @@ module.exports = {
## Unoptimized
```
asset 4fb93bdcf707906b4096.js 130 KiB [emitted] [immutable] (id hint: vendors)
asset 946bfb099aeb10733813.js 25.5 KiB [emitted] [immutable] (name: main)
asset fc12108f1066403ead6b.js 14.6 KiB [emitted] [immutable]
chunk (runtime: main) 946bfb099aeb10733813.js (main) 6.98 KiB (javascript) 5.02 KiB (runtime) [entry] [rendered]
asset 3010f5aee596f6f09529.js 36.3 KiB [emitted] [immutable] (name: main)
asset adcc62444431e4f1597f.js 11.9 KiB [emitted] [immutable]
chunk (runtime: main) 3010f5aee596f6f09529.js (main) 16.9 KiB (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example main
runtime modules 5.02 KiB 6 modules
dependent modules 6.94 KiB [dependent] 2 modules
runtime modules 4.94 KiB 6 modules
dependent modules 16.9 KiB [dependent] 2 modules
./example.js 42 bytes [built] [code generated]
chunk (runtime: main) fc12108f1066403ead6b.js 5.66 KiB [rendered]
chunk (runtime: main) adcc62444431e4f1597f.js 7.83 KiB [rendered]
> react-dom ./example.js 2:0-22
dependent modules 4.14 KiB [dependent] 1 module
dependent modules 6.5 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) 4fb93bdcf707906b4096.js (id hint: vendors) 129 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 129 KiB [built] [code generated]
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset 8d87087aa75c47be9b05.js 126 KiB [emitted] [immutable] [minimized] (id hint: vendors) 1 related asset
asset 9d09362c80c0b4708c7a.js 8.14 KiB [emitted] [immutable] [minimized] (name: main) 1 related asset
asset b9e0b2d00d17329af7b7.js 4.12 KiB [emitted] [immutable] [minimized] 1 related asset
chunk (runtime: main) 9d09362c80c0b4708c7a.js (main) 6.98 KiB (javascript) 5.02 KiB (runtime) [entry] [rendered]
> ./example main
runtime modules 5.02 KiB 6 modules
dependent modules 6.94 KiB [dependent] 2 modules
./example.js 42 bytes [built] [code generated]
chunk (runtime: main) b9e0b2d00d17329af7b7.js 5.66 KiB [rendered]
asset 954fd9a9a767ef883087.js 9.04 KiB [emitted] [immutable] [minimized] (name: main) 1 related asset
asset 52e3fb6cd8bed8b461cf.js 3.55 KiB [emitted] [immutable] [minimized] 1 related asset
chunk (runtime: main) 52e3fb6cd8bed8b461cf.js 7.83 KiB [rendered]
> react-dom ./example.js 2:0-22
dependent modules 4.14 KiB [dependent] 1 module
dependent modules 6.5 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) 8d87087aa75c47be9b05.js (id hint: vendors) 129 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 129 KiB [built] [code generated]
webpack 5.78.0 compiled successfully
chunk (runtime: main) 954fd9a9a767ef883087.js (main) 16.9 KiB (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example main
runtime modules 4.94 KiB 6 modules
dependent modules 16.9 KiB [dependent] 2 modules
./example.js 42 bytes [built] [code generated]
webpack 5.99.6 compiled successfully
```
## Records
```
{
"aggressiveSplits": [
{
"hash": "4fb93bdcf707906b4096f918339c66ef",
"id": 2,
"modules": [
"../../node_modules/react-dom/cjs/react-dom.production.min.js"
],
"size": 131737
}
],
"aggressiveSplits": [],
"chunks": {
"byName": {
"main": 0
},
"bySource": {
"0 ./example.js react-dom": 2,
"0 main": 0,
"1 ./example.js react-dom": 1
"0 ./example.js react-dom": 1,
"0 main": 0
},
"usedIds": [
0,
1,
2
1
]
},
"modules": {
"byIdentifier": {
"../../node_modules/react-dom/cjs/react-dom.production.min.js": 4,
"../../node_modules/react-dom/cjs/react-dom.production.js": 4,
"../../node_modules/react-dom/index.js": 3,
"../../node_modules/react/cjs/react.production.min.js": 2,
"../../node_modules/react/cjs/react.production.js": 2,
"../../node_modules/react/index.js": 1,
"../../node_modules/scheduler/cjs/scheduler.production.min.js": 6,
"../../node_modules/scheduler/index.js": 5,
"./example.js": 0
},
"usedIds": [
@ -131,9 +109,7 @@ webpack 5.78.0 compiled successfully
1,
2,
3,
4,
5,
6
4
]
}
}

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

@ -1,7 +1,8 @@
# webpack.config.js
```javascript
var path = require("path");
const path = require("path");
module.exports = {
// mode: "development" || "production",
entry: {
@ -353,6 +354,7 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -434,7 +436,7 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -550,17 +552,17 @@ 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
import() context element ./bPage ././ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk (runtime: pageA) pageA.bundle.js (pageA) 87 bytes (javascript) 7.61 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.bundle.js (pageA) 87 bytes (javascript) 7.57 KiB (runtime) [entry] [rendered]
> ./aEntry pageA
> ./router pageA
runtime modules 7.61 KiB 10 modules
runtime modules 7.57 KiB 10 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.61 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.bundle.js (pageB) 87 bytes (javascript) 7.57 KiB (runtime) [entry] [rendered]
> ./bEntry pageB
> ./router pageB
runtime modules 7.61 KiB 10 modules
runtime modules 7.57 KiB 10 modules
./bEntry.js 87 bytes [built] [code generated]
[used exports unknown]
entry ./bEntry pageB
@ -574,7 +576,7 @@ chunk (runtime: pageA, pageB) router_js.bundle.js 951 bytes [initial] [rendered]
[used exports unknown]
entry ./router pageA
entry ./router pageB
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -605,17 +607,17 @@ 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
import() context element ./bPage ././ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk (runtime: pageA) pageA.bundle.js (pageA) 87 bytes (javascript) 7.61 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.bundle.js (pageA) 87 bytes (javascript) 7.57 KiB (runtime) [entry] [rendered]
> ./aEntry pageA
> ./router pageA
runtime modules 7.61 KiB 10 modules
runtime modules 7.57 KiB 10 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.61 KiB (runtime) [entry] [rendered]
chunk (runtime: pageB) pageB.bundle.js (pageB) 87 bytes (javascript) 7.57 KiB (runtime) [entry] [rendered]
> ./bEntry pageB
> ./router pageB
runtime modules 7.61 KiB 10 modules
runtime modules 7.57 KiB 10 modules
./bEntry.js 87 bytes [built] [code generated]
[no exports used]
entry ./bEntry pageB
@ -629,5 +631,5 @@ chunk (runtime: pageA, pageB) router_js.bundle.js 951 bytes [initial] [rendered]
[no exports used]
entry ./router pageA
entry ./router pageB
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

132
examples/loader/README.md
View File

@ -67,25 +67,48 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ 3);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ 3);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ 4);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, ".some-class {\n\tcolor: hotpink;\n}\n", ""]);
___CSS_LOADER_EXPORT___.push([module.id, `.some-class {
color: hotpink;
}
`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 3 */
/*!******************************************************************!*\
!*** ../../node_modules/css-loader/dist/runtime/noSourceMaps.js ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module */
/*! CommonJS bailout: module.exports is used directly at 3:0-14 */
/***/ ((module) => {
"use strict";
module.exports = function (i) {
return i[1];
};
/***/ }),
/* 4 */
/*!*********************************************************!*\
!*** ../../node_modules/css-loader/dist/runtime/api.js ***!
\*********************************************************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: module */
/*! CommonJS bailout: module.exports is used directly at 9:0-14 */
/*! CommonJS bailout: module.exports is used directly at 7:0-14 */
/***/ ((module) => {
"use strict";
@ -95,64 +118,83 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".some-class {\n\tcolor: hotpink;\n}\n"
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
// eslint-disable-next-line func-names
module.exports = function (cssWithMappingToString) {
var list = []; // return the list of modules as css string
var list = [];
// return the list of modules as css string
list.toString = function toString() {
return this.map(function (item) {
var content = cssWithMappingToString(item);
if (item[2]) {
return "@media ".concat(item[2], " {").concat(content, "}");
var content = "";
var needLayer = typeof item[5] !== "undefined";
if (item[4]) {
content += "@supports (".concat(item[4], ") {");
}
if (item[2]) {
content += "@media ".concat(item[2], " {");
}
if (needLayer) {
content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
}
content += cssWithMappingToString(item);
if (needLayer) {
content += "}";
}
if (item[2]) {
content += "}";
}
if (item[4]) {
content += "}";
}
return content;
}).join("");
}; // import a list of modules into the list
// eslint-disable-next-line func-names
};
list.i = function (modules, mediaQuery, dedupe) {
// import a list of modules into the list
list.i = function i(modules, media, dedupe, supports, layer) {
if (typeof modules === "string") {
// eslint-disable-next-line no-param-reassign
modules = [[null, modules, ""]];
modules = [[null, modules, undefined]];
}
var alreadyImportedModules = {};
if (dedupe) {
for (var i = 0; i < this.length; i++) {
// eslint-disable-next-line prefer-destructuring
var id = this[i][0];
for (var k = 0; k < this.length; k++) {
var id = this[k][0];
if (id != null) {
alreadyImportedModules[id] = true;
}
}
}
for (var _i = 0; _i < modules.length; _i++) {
var item = [].concat(modules[_i]);
for (var _k = 0; _k < modules.length; _k++) {
var item = [].concat(modules[_k]);
if (dedupe && alreadyImportedModules[item[0]]) {
// eslint-disable-next-line no-continue
continue;
}
if (mediaQuery) {
if (!item[2]) {
item[2] = mediaQuery;
if (typeof layer !== "undefined") {
if (typeof item[5] === "undefined") {
item[5] = layer;
} else {
item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
item[5] = layer;
}
}
if (media) {
if (!item[2]) {
item[2] = media;
} else {
item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
item[2] = media;
}
}
if (supports) {
if (!item[4]) {
item[4] = "".concat(supports);
} else {
item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
item[4] = supports;
}
}
list.push(item);
}
};
return list;
};
@ -271,27 +313,27 @@ Prints in node.js (`enhanced-require example.js`) and in browser:
## Unoptimized
```
asset output.js 7.31 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 2.14 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
asset output.js 8.95 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 3.01 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 2.81 KiB [dependent] 4 modules
runtime modules 937 bytes 4 modules
dependent modules 1.94 KiB [dependent] 3 modules
./example.js 205 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 1.25 KiB [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 2.14 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
asset output.js 1.69 KiB [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 3.01 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 2.81 KiB [dependent] 4 modules
runtime modules 937 bytes 4 modules
dependent modules 1.94 KiB [dependent] 3 modules
./example.js 205 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -52,87 +52,87 @@ module.exports = {
```
assets by chunk 772 bytes (id hint: vendors)
asset 115.js 164 bytes [emitted] [minimized] (id hint: vendors)
asset 833.js 164 bytes [emitted] [minimized] (id hint: vendors)
asset 402.js 111 bytes [emitted] [minimized] (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.25 KiB [emitted] [minimized] (name: pageC)
asset pageB.js 1.25 KiB [emitted] [minimized] (name: pageB)
asset 454.js 164 bytes [emitted] [minimized] (id hint: vendors)
asset 778.js 164 bytes [emitted] [minimized] (id hint: vendors)
asset 122.js 111 bytes [emitted] [minimized] (id hint: vendors)
asset 301.js 111 bytes [emitted] [minimized] (id hint: vendors)
asset 811.js 111 bytes [emitted] [minimized] (id hint: vendors)
asset 876.js 111 bytes [emitted] [minimized] (id hint: vendors)
asset pageB.js 1.26 KiB [emitted] [minimized] (name: pageB)
asset pageC.js 1.26 KiB [emitted] [minimized] (name: pageC)
asset pageA.js 1.18 KiB [emitted] [minimized] (name: pageA)
asset pageD.js 1.18 KiB [emitted] [minimized] (name: pageD)
asset pageF.js 1.18 KiB [emitted] [minimized] (name: pageF)
asset pageA.js 1.18 KiB [emitted] [minimized] (name: pageA)
asset pageE.js 1.16 KiB [emitted] [minimized] (name: pageE)
asset pageG.js 1.15 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)
asset 554.js 139 bytes [emitted] [minimized]
chunk (runtime: pageA) 122.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/a pageA
> ./pages/b pageB
> ./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.01 KiB (runtime) [entry] [rendered]
> ./pages/b pageB
runtime modules 3.01 KiB 5 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.01 KiB (runtime) [entry] [rendered]
> ./pages/c pageC
runtime modules 3.01 KiB 5 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.01 KiB (runtime) [entry] [rendered]
> ./pages/e pageE
runtime modules 3.01 KiB 5 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)
> ./pages/c pageC
./node_modules/m5.js 43 bytes [built] [code generated]
chunk (runtime: pageA) pageA.js (pageA) 137 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/a pageA
runtime modules 3.01 KiB 5 modules
dependent modules 31 bytes [dependent] 1 module
./pages/a.js 106 bytes [built] [code generated]
chunk (runtime: pageB) 497.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/b pageB
./node_modules/m4.js 43 bytes [built] [code generated]
chunk (runtime: pageA, pageD, pageF) 505.js 62 bytes [initial] [rendered] split chunk (cache group: default)
> ./pages/a pageA
> ./pages/d pageD
> ./pages/f pageF
./stuff/s2.js 31 bytes [built] [code generated]
./stuff/s3.js 31 bytes [built] [code generated]
./node_modules/m3.js 43 bytes [built] [code generated]
chunk (runtime: pageG) pageG.js (pageG) 67 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/g pageG
runtime modules 3.01 KiB 5 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.01 KiB (runtime) [entry] [rendered]
> ./pages/d pageD
chunk (runtime: pageB) pageB.js (pageB) 199 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/b pageB
runtime modules 3.01 KiB 5 modules
dependent modules 31 bytes [dependent] 1 module
./pages/d.js 106 bytes [built] [code generated]
chunk (runtime: pageA) 730.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/a pageA
./node_modules/m3.js 43 bytes [built] [code generated]
chunk (runtime: pageD, pageE, pageF, pageG) 777.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
dependent modules 93 bytes [dependent] 3 modules
./pages/b.js 106 bytes [built] [code generated]
chunk (runtime: pageD, pageE, pageF, pageG) 301.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/d pageD
> ./pages/e pageE
> ./pages/f pageF
> ./pages/g pageG
./node_modules/m6.js 43 bytes [built] [code generated]
chunk (runtime: pageF) pageF.js (pageF) 137 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/f pageF
chunk (runtime: pageE) pageE.js (pageE) 93 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/e pageE
runtime modules 3.01 KiB 5 modules
dependent modules 31 bytes [dependent] 1 module
./pages/f.js 106 bytes [built] [code generated]
chunk (runtime: pageD, pageE, pageF) 833.js (id hint: vendors) 86 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
./pages/e.js 62 bytes [built] [code generated]
chunk (runtime: pageA) pageA.js (pageA) 137 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/a pageA
runtime modules 3.01 KiB 5 modules
dependent modules 31 bytes [dependent] 1 module
./pages/a.js 106 bytes [built] [code generated]
chunk (runtime: pageA, pageB, pageC) 454.js (id hint: vendors) 86 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/a pageA
> ./pages/b pageB
> ./pages/c pageC
./node_modules/m1.js 43 bytes [built] [code generated]
./node_modules/m2.js 43 bytes [built] [code generated]
chunk (runtime: pageA, pageD, pageF) 554.js 62 bytes [initial] [rendered] split chunk (cache group: default)
> ./pages/a pageA
> ./pages/d pageD
> ./pages/f pageF
./stuff/s2.js 31 bytes [built] [code generated]
./stuff/s3.js 31 bytes [built] [code generated]
chunk (runtime: pageD, pageE, pageF) 778.js (id hint: vendors) 86 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/d pageD
> ./pages/e pageE
> ./pages/f pageF
./node_modules/m7.js 43 bytes [built] [code generated]
./node_modules/m8.js 43 bytes [built] [code generated]
webpack 5.78.0 compiled successfully
chunk (runtime: pageB) 811.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/b pageB
./node_modules/m4.js 43 bytes [built] [code generated]
chunk (runtime: pageC) 876.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/c pageC
./node_modules/m5.js 43 bytes [built] [code generated]
chunk (runtime: pageD) pageD.js (pageD) 137 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/d pageD
runtime modules 3.01 KiB 5 modules
dependent modules 31 bytes [dependent] 1 module
./pages/d.js 106 bytes [built] [code generated]
chunk (runtime: pageC) pageC.js (pageC) 199 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/c pageC
runtime modules 3.01 KiB 5 modules
dependent modules 93 bytes [dependent] 3 modules
./pages/c.js 106 bytes [built] [code generated]
chunk (runtime: pageF) pageF.js (pageF) 137 bytes (javascript) 3.01 KiB (runtime) [entry] [rendered]
> ./pages/f pageF
runtime modules 3.01 KiB 5 modules
dependent modules 31 bytes [dependent] 1 module
./pages/f.js 106 bytes [built] [code generated]
webpack 5.99.6 compiled successfully
```

33
examples/mixed/README.md
View File

@ -236,6 +236,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -280,7 +281,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -317,7 +318,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -382,7 +383,7 @@ var amd1 = __webpack_require__(/*! ./amd */ 2);
var harmony1 = __webpack_require__(/*! ./harmony */ 3);
// AMD-style requires (with all webpack features)
__webpack_require__.e(/*! AMD require */ 635).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [
__webpack_require__.e(/*! AMD require */ "require_context_templates_sync_recursive_js_").then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [
__webpack_require__(/*! ./commonjs */ 1), __webpack_require__(/*! ./amd */ 2),
__webpack_require__(4)("./"+amd1+".js"),
Math.random() < 0.5 ? __webpack_require__(/*! ./commonjs */ 1) : __webpack_require__(/*! ./amd */ 2)]; (function(commonjs2, amd2, template, randModule) {
@ -395,10 +396,10 @@ __webpack_require__.e(/*! AMD require */ 635).then(function() { var __WEBPACK_AM
;
```
# dist/635.output.js
# dist/require_context_templates_sync_recursive_js_.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[635],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["require_context_templates_sync_recursive_js_"],[
/* 0 */,
/* 1 */,
/* 2 */,
@ -490,41 +491,41 @@ module.exports = function() {
```
asset output.js 13.8 KiB [emitted] (name: main)
asset 635.output.js 2.24 KiB [emitted]
chunk (runtime: main) output.js (main) 1010 bytes (javascript) 5.8 KiB (runtime) [entry] [rendered]
asset require_context_templates_sync_recursive_js_.output.js 2.28 KiB [emitted]
chunk (runtime: main) output.js (main) 1010 bytes (javascript) 5.77 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.8 KiB 9 modules
runtime modules 5.77 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 (runtime: main) 635.output.js 433 bytes [rendered]
chunk (runtime: main) require_context_templates_sync_recursive_js_.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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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.8 KiB (runtime) [entry] [rendered]
asset output.js 2.53 KiB [emitted] [minimized] (name: main)
asset require_context_templates_sync_recursive_js_.output.js 625 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 1010 bytes (javascript) 5.77 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.8 KiB 9 modules
runtime modules 5.77 KiB 9 modules
dependent modules 617 bytes [dependent] 3 modules
./example.js 396 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 635.output.js 433 bytes [rendered]
chunk (runtime: main) require_context_templates_sync_recursive_js_.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]
amd require context ./example.js 7:0-14:1
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

4
examples/mixed/template.md
View File

@ -26,10 +26,10 @@ _{{commonjs.js}}_
_{{dist/output.js}}_
```
# dist/635.output.js
# dist/require_context_templates_sync_recursive_js_.output.js
```javascript
_{{dist/635.output.js}}_
_{{dist/require_context_templates_sync_recursive_js_.output.js}}_
```
# Info

2
examples/mixed/webpack.config.js
View File

@ -1,5 +1,5 @@
module.exports = {
optimization: {
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

71
examples/module-code-splitting/README.md
View File

@ -128,34 +128,39 @@ export function reset() {
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ })();
/******/
/******/ /* webpack/runtime/import chunk loading */
/******/ (() => {
/******/ // no baseURI
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ // [resolve, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 0: 0
/******/ };
/******/
/******/ var installChunk = (data) => {
/******/ var {ids, modules, runtime} = data;
/******/ var {__webpack_ids__, __webpack_modules__, __webpack_runtime__} = data;
/******/ // add "modules" to the modules object,
/******/ // then flag all "ids" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0;
/******/ for(moduleId in modules) {
/******/ if(__webpack_require__.o(modules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = modules[moduleId];
/******/ for(moduleId in __webpack_modules__) {
/******/ if(__webpack_require__.o(__webpack_modules__, moduleId)) {
/******/ __webpack_require__.m[moduleId] = __webpack_modules__[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ for(;i < ids.length; i++) {
/******/ chunkId = ids[i];
/******/ if(__webpack_runtime__) __webpack_runtime__(__webpack_require__);
/******/ for(;i < __webpack_ids__.length; i++) {
/******/ chunkId = __webpack_ids__[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ installedChunks[chunkId][0]();
/******/ }
/******/ installedChunks[ids[i]] = 0;
/******/ installedChunks[__webpack_ids__[i]] = 0;
/******/ }
/******/
/******/ }
@ -171,17 +176,21 @@ export function reset() {
/******/ } else {
/******/ if(true) { // all chunks have JS
/******/ // setup Promise in chunk cache
/******/ var promise = import("./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ var promise = import(__webpack_require__.p + "./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
/******/ throw e;
/******/ });
/******/ var promise = Promise.race([promise, new Promise((resolve) => (installedChunkData = installedChunks[chunkId] = [resolve]))])
/******/ promises.push(installedChunkData[1] = promise);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no external install chunk
/******/
/******/ // no on chunks loaded
@ -200,14 +209,14 @@ var __webpack_exports__ = {};
/*! namespace exports */
/*! runtime requirements: __webpack_require__.e, __webpack_require__, __webpack_require__.* */
;// CONCATENATED MODULE: ./methods.js
;// ./methods.js
const resetCounter = async () => {
(await __webpack_require__.e(/*! import() */ 1).then(__webpack_require__.bind(__webpack_require__, /*! ./counter */ 1))).reset();
};
const print = value => console.log(value);
;// CONCATENATED MODULE: ./example.js
;// ./example.js
setTimeout(async () => {
@ -225,7 +234,7 @@ setTimeout(async () => {
# dist/output.js (production)
```javascript
var e,o,t={},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((o,t)=>(n.f[t](e,o),o)),[])),n.u=e=>e+".output.js",n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},e={179:0},o=o=>{var t,r,{ids:i,modules:a,runtime:s}=o,u=0;for(t in a)n.o(a,t)&&(n.m[t]=a[t]);for(s&&s(n);u<i.length;u++)r=i[u],n.o(e,r)&&e[r]&&e[r][0](),e[i[u]]=0},n.f.j=(t,r)=>{var i=n.o(e,t)?e[t]:void 0;if(0!==i)if(i)r.push(i[1]);else{var a=import("./"+n.u(t)).then(o,(o=>{throw 0!==e[t]&&(e[t]=void 0),o}));a=Promise.race([a,new Promise((o=>i=e[t]=[o]))]),r.push(i[1]=a)}};const i=e=>console.log(e);setTimeout((async()=>{const e=await n.e(946).then(n.bind(n,946));i(e.value),e.increment(),e.increment(),e.increment(),i(e.value),await(async()=>{(await n.e(946).then(n.bind(n,946))).reset()})(),i(e.value)}),100);
var e,t,o={},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return o[e](i,i.exports,n),i.exports}n.m=o,n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,o)=>(n.f[o](e,t),t)),[])),n.u=e=>e+".output.js",n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="dist/",e={792:0},t=t=>{var o,r,{__webpack_ids__:i,__webpack_modules__:a,__webpack_runtime__:s}=t,u=0;for(o in a)n.o(a,o)&&(n.m[o]=a[o]);for(s&&s(n);u<i.length;u++)r=i[u],n.o(e,r)&&e[r]&&e[r][0](),e[i[u]]=0},n.f.j=(o,r)=>{var i=n.o(e,o)?e[o]:void 0;if(0!==i)if(i)r.push(i[1]);else{var a=import(n.p+"./"+n.u(o)).then(t,(t=>{throw 0!==e[o]&&(e[o]=void 0),t}));a=Promise.race([a,new Promise((t=>i=e[o]=[t]))]),r.push(i[1]=a)}};const i=e=>console.log(e);setTimeout((async()=>{const e=await n.e(481).then(n.bind(n,481));i(e.value),e.increment(),e.increment(),e.increment(),i(e.value),await(async()=>{(await n.e(481).then(n.bind(n,481))).reset()})(),i(e.value)}),100);
```
# Info
@ -233,11 +242,11 @@ var e,o,t={},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=
## Unoptimized
```
asset output.js 6.34 KiB [emitted] [javascript module] (name: main)
asset 1.output.js 1.35 KiB [emitted] [javascript module]
chunk (runtime: main) output.js (main) 420 bytes (javascript) 2.87 KiB (runtime) [entry] [rendered]
asset output.js 6.61 KiB [emitted] [javascript module] (name: main)
asset 1.output.js 1.38 KiB [emitted] [javascript module]
chunk (runtime: main) output.js (main) 420 bytes (javascript) 3.05 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 2.87 KiB 6 modules
runtime modules 3.05 KiB 7 modules
./example.js + 1 modules 420 bytes [built] [code generated]
[no exports]
[no exports used]
@ -250,28 +259,28 @@ chunk (runtime: main) 1.output.js 146 bytes [rendered]
[exports: decrement, increment, reset, value]
import() ./counter ./example.js + 1 modules ./example.js 4:23-42
import() ./counter ./example.js + 1 modules ./methods.js 2:8-27
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 1.15 KiB [emitted] [javascript module] [minimized] (name: main)
asset 946.output.js 213 bytes [emitted] [javascript module] [minimized]
chunk (runtime: main) output.js (main) 420 bytes (javascript) 2.87 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 2.87 KiB 6 modules
./example.js + 1 modules 420 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
used as library export
chunk (runtime: main) 946.output.js 146 bytes [rendered]
asset output.js 1.2 KiB [emitted] [javascript module] [minimized] (name: main)
asset 481.output.js 249 bytes [emitted] [javascript module] [minimized]
chunk (runtime: main) 481.output.js 146 bytes [rendered]
> ./counter ./methods.js 2:8-27
> ./counter ./example.js 4:23-42
./counter.js 146 bytes [built] [code generated]
[exports: decrement, increment, reset, value]
import() ./counter ./example.js + 1 modules ./example.js 4:23-42
import() ./counter ./example.js + 1 modules ./methods.js 2:8-27
webpack 5.78.0 compiled successfully
chunk (runtime: main) output.js (main) 420 bytes (javascript) 3.05 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 3.05 KiB 7 modules
./example.js + 1 modules 420 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
used as library export
webpack 5.99.6 compiled successfully
```

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

File diff suppressed because it is too large Load Diff

88
examples/module-library/README.md
View File

@ -31,50 +31,6 @@ export function reset() {
# dist/output.js
```javascript
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
```
<details><summary><code>/* webpack runtime code */</code></summary>
``` js
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
```
</details>
``` js
var __webpack_exports__ = {};
/*!********************************!*\
!*** ./example.js + 2 modules ***!
\********************************/
@ -86,21 +42,9 @@ var __webpack_exports__ = {};
/*! export resetCounter [provided] [used in main] [missing usage info prevents renaming] -> ./counter.js .reset */
/*! export value [provided] [used in main] [missing usage info prevents renaming] -> ./counter.js .value */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
/*! runtime requirements: */
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"decrement": () => (/* reexport */ decrement),
"increment": () => (/* reexport */ increment),
"print": () => (/* reexport */ print),
"reset": () => (/* reexport */ counter_reset),
"resetCounter": () => (/* reexport */ counter_reset),
"value": () => (/* reexport */ value)
});
;// CONCATENATED MODULE: ./counter.js
;// ./counter.js
let value = 0;
function increment() {
value++;
@ -112,28 +56,22 @@ function counter_reset() {
value = 0;
}
;// CONCATENATED MODULE: ./methods.js
;// ./methods.js
const print = value => console.log(value);
;// CONCATENATED MODULE: ./example.js
;// ./example.js
var __webpack_exports__decrement = __webpack_exports__.decrement;
var __webpack_exports__increment = __webpack_exports__.increment;
var __webpack_exports__print = __webpack_exports__.print;
var __webpack_exports__reset = __webpack_exports__.reset;
var __webpack_exports__resetCounter = __webpack_exports__.resetCounter;
var __webpack_exports__value = __webpack_exports__.value;
export { __webpack_exports__decrement as decrement, __webpack_exports__increment as increment, __webpack_exports__print as print, __webpack_exports__reset as reset, __webpack_exports__resetCounter as resetCounter, __webpack_exports__value as value };
export { decrement, increment, print, counter_reset as reset, counter_reset as resetCounter, value };
```
# dist/output.js (production)
```javascript
var e={d:(n,t)=>{for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},n={};e.d(n,{Mj:()=>r,nP:()=>o,S0:()=>c,mc:()=>a,Uh:()=>a,S3:()=>t});let t=0;function o(){t++}function r(){t--}function a(){t=0}const c=e=>console.log(e);var s=n.Mj,i=n.nP,l=n.S0,p=n.mc,u=n.Uh,f=n.S3;export{s as decrement,i as increment,l as print,p as reset,u as resetCounter,f as value};
let n=0;function o(){n++}function t(){n--}function e(){n=0}const s=n=>console.log(n);export{t as decrement,o as increment,s as print,e as reset,e as resetCounter,n as value};
```
# Info
@ -141,29 +79,27 @@ var e={d:(n,t)=>{for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{
## Unoptimized
```
asset output.js 3.61 KiB [emitted] [javascript module] (name: main)
chunk (runtime: main) output.js (main) 302 bytes (javascript) 670 bytes (runtime) [entry] [rendered]
asset output.js 1.19 KiB [emitted] [javascript module] (name: main)
chunk (runtime: main) output.js (main) 302 bytes [entry] [rendered]
> ./example.js main
runtime modules 670 bytes 3 modules
./example.js + 2 modules 302 bytes [built] [code generated]
[exports: decrement, increment, print, reset, resetCounter, value]
[used exports unknown]
entry ./example.js main
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 446 bytes [emitted] [javascript module] [minimized] (name: main)
chunk (runtime: main) output.js (main) 302 bytes (javascript) 396 bytes (runtime) [entry] [rendered]
asset output.js 174 bytes [emitted] [javascript module] [minimized] (name: main)
chunk (runtime: main) output.js (main) 302 bytes [entry] [rendered]
> ./example.js main
runtime modules 396 bytes 2 modules
./example.js + 2 modules 302 bytes [built] [code generated]
[exports: decrement, increment, print, reset, resetCounter, value]
[all exports used]
entry ./example.js main
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

212
examples/module-worker/README.md
View File

@ -222,9 +222,9 @@ export const add = (content, from) => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames not based on template
/******/ if (chunkId === 631) return "workers/fibonacci.js";
/******/ if (chunkId === 721) return "workers/fibonacci.js";
/******/ // return url for filenames based on template
/******/ return "" + (chunkId === 348 ? "chat" : chunkId) + ".js";
/******/ return "" + (chunkId === 377 ? "chat" : chunkId) + ".js";
/******/ };
/******/ })();
/******/
@ -255,28 +255,28 @@ export const add = (content, from) => {
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ // [resolve, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 792: 0
/******/ };
/******/
/******/ var installChunk = (data) => {
/******/ var {ids, modules, runtime} = data;
/******/ var {__webpack_ids__, __webpack_modules__, __webpack_runtime__} = data;
/******/ // add "modules" to the modules object,
/******/ // then flag all "ids" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0;
/******/ for(moduleId in modules) {
/******/ if(__webpack_require__.o(modules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = modules[moduleId];
/******/ for(moduleId in __webpack_modules__) {
/******/ if(__webpack_require__.o(__webpack_modules__, moduleId)) {
/******/ __webpack_require__.m[moduleId] = __webpack_modules__[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ for(;i < ids.length; i++) {
/******/ chunkId = ids[i];
/******/ if(__webpack_runtime__) __webpack_runtime__(__webpack_require__);
/******/ for(;i < __webpack_ids__.length; i++) {
/******/ chunkId = __webpack_ids__[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ installedChunks[chunkId][0]();
/******/ }
/******/ installedChunks[ids[i]] = 0;
/******/ installedChunks[__webpack_ids__[i]] = 0;
/******/ }
/******/
/******/ }
@ -292,17 +292,21 @@ export const add = (content, from) => {
/******/ } else {
/******/ if(true) { // all chunks have JS
/******/ // setup Promise in chunk cache
/******/ var promise = import("./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ var promise = import(__webpack_require__.p + "./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
/******/ throw e;
/******/ });
/******/ var promise = Promise.race([promise, new Promise((resolve) => (installedChunkData = installedChunks[chunkId] = [resolve]))])
/******/ promises.push(installedChunkData[1] = promise);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no external install chunk
/******/
/******/ // no on chunks loaded
@ -345,7 +349,7 @@ const output2 = document.getElementById("output2");
/// CHAT with shared worker ///
const chatWorker = new SharedWorker(
new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(348), __webpack_require__.b),
new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(377), __webpack_require__.b),
{
name: "chat",
type: "module"
@ -389,7 +393,7 @@ chatWorker.port.onmessage = event => {
fib1.addEventListener("change", async () => {
try {
const value = parseInt(fib1.value, 10);
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 2));
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 3));
const result = fibonacci(value);
output1.innerText = `fib(${value}) = ${result}`;
} catch (e) {
@ -399,7 +403,7 @@ fib1.addEventListener("change", async () => {
/// FIBONACCI with worker ///
const fibWorker = new Worker(new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(631), __webpack_require__.b), {
const fibWorker = new Worker(new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(721), __webpack_require__.b), {
name: "fibonacci",
type: "module"
/* webpackEntryOptions: { filename: "workers/[name].js" } */
@ -507,34 +511,39 @@ fibWorker.onmessage = event => {
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__.p = "/dist/";
/******/ })();
/******/
/******/ /* webpack/runtime/import chunk loading */
/******/ (() => {
/******/ // no baseURI
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ // [resolve, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 348: 0
/******/ 377: 0
/******/ };
/******/
/******/ var installChunk = (data) => {
/******/ var {ids, modules, runtime} = data;
/******/ var {__webpack_ids__, __webpack_modules__, __webpack_runtime__} = data;
/******/ // add "modules" to the modules object,
/******/ // then flag all "ids" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0;
/******/ for(moduleId in modules) {
/******/ if(__webpack_require__.o(modules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = modules[moduleId];
/******/ for(moduleId in __webpack_modules__) {
/******/ if(__webpack_require__.o(__webpack_modules__, moduleId)) {
/******/ __webpack_require__.m[moduleId] = __webpack_modules__[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ for(;i < ids.length; i++) {
/******/ chunkId = ids[i];
/******/ if(__webpack_runtime__) __webpack_runtime__(__webpack_require__);
/******/ for(;i < __webpack_ids__.length; i++) {
/******/ chunkId = __webpack_ids__[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ installedChunks[chunkId][0]();
/******/ }
/******/ installedChunks[ids[i]] = 0;
/******/ installedChunks[__webpack_ids__[i]] = 0;
/******/ }
/******/
/******/ }
@ -550,17 +559,21 @@ fibWorker.onmessage = event => {
/******/ } else {
/******/ if(true) { // all chunks have JS
/******/ // setup Promise in chunk cache
/******/ var promise = import("./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ var promise = import(__webpack_require__.p + "./" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
/******/ throw e;
/******/ });
/******/ var promise = Promise.race([promise, new Promise((resolve) => (installedChunkData = installedChunks[chunkId] = [resolve]))])
/******/ promises.push(installedChunkData[1] = promise);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no external install chunk
/******/
/******/ // no on chunks loaded
@ -584,11 +597,11 @@ onconnect = function (e) {
const msg = event.data;
switch (msg.type) {
case "message":
const { add } = await __webpack_require__.e(/*! import() */ 192).then(__webpack_require__.bind(__webpack_require__, /*! ./chat-module */ 4));
const { add } = await __webpack_require__.e(/*! import() */ 936).then(__webpack_require__.bind(__webpack_require__, /*! ./chat-module */ 4));
add(msg.content, msg.from);
// fallthrough
case "history":
const { history } = await __webpack_require__.e(/*! import() */ 192).then(__webpack_require__.bind(__webpack_require__, /*! ./chat-module */ 4));
const { history } = await __webpack_require__.e(/*! import() */ 936).then(__webpack_require__.bind(__webpack_require__, /*! ./chat-module */ 4));
port.postMessage({
type: "history",
history
@ -601,7 +614,7 @@ onconnect = function (e) {
```
```javascript
var e,o,t={},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var s=r[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.m=t,n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((o,t)=>(n.f[t](e,o),o)),[])),n.u=e=>e+".js",n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},e={348:0},o=o=>{var t,r,{ids:s,modules:i,runtime:a}=o,c=0;for(t in i)n.o(i,t)&&(n.m[t]=i[t]);for(a&&a(n);c<s.length;c++)r=s[c],n.o(e,r)&&e[r]&&e[r][0](),e[s[c]]=0},n.f.j=(t,r)=>{var s=n.o(e,t)?e[t]:void 0;if(0!==s)if(s)r.push(s[1]);else{var i=import("./"+n.u(t)).then(o,(o=>{throw 0!==e[t]&&(e[t]=void 0),o}));i=Promise.race([i,new Promise((o=>s=e[t]=[o]))]),r.push(s[1]=i)}},onconnect=function(e){for(const o of e.ports)o.onmessage=async e=>{const t=e.data;switch(t.type){case"message":const{add:e}=await n.e(192).then(n.bind(n,192));e(t.content,t.from);case"history":const{history:r}=await n.e(192).then(n.bind(n,192));o.postMessage({type:"history",history:r})}}};
var e,o,t={},r={};function s(e){var o=r[e];if(void 0!==o)return o.exports;var n=r[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.m=t,s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce(((o,t)=>(s.f[t](e,o),o)),[])),s.u=e=>e+".js",s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.p="/dist/",e={377:0},o=o=>{var t,r,{__webpack_ids__:n,__webpack_modules__:a,__webpack_runtime__:i}=o,c=0;for(t in a)s.o(a,t)&&(s.m[t]=a[t]);for(i&&i(s);c<n.length;c++)r=n[c],s.o(e,r)&&e[r]&&e[r][0](),e[n[c]]=0},s.f.j=(t,r)=>{var n=s.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[1]);else{var a=import(s.p+"./"+s.u(t)).then(o,(o=>{throw 0!==e[t]&&(e[t]=void 0),o}));a=Promise.race([a,new Promise((o=>n=e[t]=[o]))]),r.push(n[1]=a)}},onconnect=function(e){for(const o of e.ports)o.onmessage=async e=>{const t=e.data;switch(t.type){case"message":const{add:e}=await s.e(936).then(s.bind(s,936));e(t.content,t.from);case"history":const{history:r}=await s.e(936).then(s.bind(s,936));o.postMessage({type:"history",history:r})}}};
```
# dist/workers/fibonacci.js
@ -692,34 +705,39 @@ var e,o,t={},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var s=
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__.p = "/dist/";
/******/ })();
/******/
/******/ /* webpack/runtime/import chunk loading */
/******/ (() => {
/******/ // no baseURI
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ // [resolve, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 631: 0
/******/ 721: 0
/******/ };
/******/
/******/ var installChunk = (data) => {
/******/ var {ids, modules, runtime} = data;
/******/ var {__webpack_ids__, __webpack_modules__, __webpack_runtime__} = data;
/******/ // add "modules" to the modules object,
/******/ // then flag all "ids" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0;
/******/ for(moduleId in modules) {
/******/ if(__webpack_require__.o(modules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = modules[moduleId];
/******/ for(moduleId in __webpack_modules__) {
/******/ if(__webpack_require__.o(__webpack_modules__, moduleId)) {
/******/ __webpack_require__.m[moduleId] = __webpack_modules__[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ for(;i < ids.length; i++) {
/******/ chunkId = ids[i];
/******/ if(__webpack_runtime__) __webpack_runtime__(__webpack_require__);
/******/ for(;i < __webpack_ids__.length; i++) {
/******/ chunkId = __webpack_ids__[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ installedChunks[chunkId][0]();
/******/ }
/******/ installedChunks[ids[i]] = 0;
/******/ installedChunks[__webpack_ids__[i]] = 0;
/******/ }
/******/
/******/ }
@ -735,17 +753,21 @@ var e,o,t={},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var s=
/******/ } else {
/******/ if(true) { // all chunks have JS
/******/ // setup Promise in chunk cache
/******/ var promise = import("../" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ var promise = import(__webpack_require__.p + "../" + __webpack_require__.u(chunkId)).then(installChunk, (e) => {
/******/ if(installedChunks[chunkId] !== 0) installedChunks[chunkId] = undefined;
/******/ throw e;
/******/ });
/******/ var promise = Promise.race([promise, new Promise((resolve) => (installedChunkData = installedChunks[chunkId] = [resolve]))])
/******/ promises.push(installedChunkData[1] = promise);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no external install chunk
/******/
/******/ // no on chunks loaded
@ -764,24 +786,24 @@ var __webpack_exports__ = {};
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__.e, __webpack_require__, __webpack_require__.* */
onmessage = async event => {
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 2));
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 3));
const value = JSON.parse(event.data);
postMessage(`fib(${value}) = ${fibonacci(value)}`);
};
```
```javascript
var e,o,r={},t={};function i(e){var o=t[e];if(void 0!==o)return o.exports;var a=t[e]={exports:{}};return r[e](a,a.exports,i),a.exports}i.m=r,i.d=(e,o)=>{for(var r in o)i.o(o,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((o,r)=>(i.f[r](e,o),o)),[])),i.u=e=>e+".js",i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},e={631:0},o=o=>{var r,t,{ids:a,modules:n,runtime:s}=o,f=0;for(r in n)i.o(n,r)&&(i.m[r]=n[r]);for(s&&s(i);f<a.length;f++)t=a[f],i.o(e,t)&&e[t]&&e[t][0](),e[a[f]]=0},i.f.j=(r,t)=>{var a=i.o(e,r)?e[r]:void 0;if(0!==a)if(a)t.push(a[1]);else{var n=import("../"+i.u(r)).then(o,(o=>{throw 0!==e[r]&&(e[r]=void 0),o}));n=Promise.race([n,new Promise((o=>a=e[r]=[o]))]),t.push(a[1]=n)}},onmessage=async e=>{const{fibonacci:o}=await i.e(129).then(i.bind(i,129)),r=JSON.parse(e.data);postMessage(`fib(${r}) = ${o(r)}`)};
var e,r,o={},t={};function a(e){var r=t[e];if(void 0!==r)return r.exports;var s=t[e]={exports:{}};return o[e](s,s.exports,a),s.exports}a.m=o,a.d=(e,r)=>{for(var o in r)a.o(r,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((r,o)=>(a.f[o](e,r),r)),[])),a.u=e=>e+".js",a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.p="/dist/",e={721:0},r=r=>{var o,t,{__webpack_ids__:s,__webpack_modules__:i,__webpack_runtime__:n}=r,p=0;for(o in i)a.o(i,o)&&(a.m[o]=i[o]);for(n&&n(a);p<s.length;p++)t=s[p],a.o(e,t)&&e[t]&&e[t][0](),e[s[p]]=0},a.f.j=(o,t)=>{var s=a.o(e,o)?e[o]:void 0;if(0!==s)if(s)t.push(s[1]);else{var i=import(a.p+"../"+a.u(o)).then(r,(r=>{throw 0!==e[o]&&(e[o]=void 0),r}));i=Promise.race([i,new Promise((r=>s=e[o]=[r]))]),t.push(s[1]=i)}},onmessage=async e=>{const{fibonacci:r}=await a.e(129).then(a.bind(a,129)),o=JSON.parse(e.data);postMessage(`fib(${o}) = ${r(o)}`)};
```
# dist/129.js
```javascript
export const id = 129;
export const ids = [129];
export const modules = {
export const __webpack_id__ = 129;
export const __webpack_ids__ = [129];
export const __webpack_modules__ = {
/***/ 2:
/***/ 3:
/*!**********************!*\
!*** ./fibonacci.js ***!
\**********************/
@ -793,7 +815,7 @@ export const modules = {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "fibonacci": () => (/* binding */ fibonacci)
/* harmony export */ fibonacci: () => (/* binding */ fibonacci)
/* harmony export */ });
function fibonacci(n) {
return n < 1 ? 0 : n <= 2 ? 1 : fibonacci(n - 1) + fibonacci(n - 2);
@ -810,11 +832,11 @@ function fibonacci(n) {
## Unoptimized
```
asset main.js 8.56 KiB [emitted] [javascript module] (name: main)
asset chat.js 6.34 KiB [emitted] [javascript module] (name: chat)
asset workers/fibonacci.js 5.99 KiB [emitted] [javascript module] (name: fibonacci)
asset 192.js 1.01 KiB [emitted] [javascript module]
asset 129.js 847 bytes [emitted] [javascript module]
asset main.js 8.74 KiB [emitted] [javascript module] (name: main)
asset chat.js 6.65 KiB [emitted] [javascript module] (name: chat)
asset workers/fibonacci.js 6.3 KiB [emitted] [javascript module] (name: fibonacci)
asset 936.js 1.04 KiB [emitted] [javascript module]
asset 129.js 881 bytes [emitted] [javascript module]
chunk (runtime: 9a81d90cfd0dfd13d748, main) 129.js 103 bytes [rendered]
> ./fibonacci ./example.js 70:30-51
> ./fibonacci ./fib-worker.js 2:29-50
@ -823,13 +845,25 @@ chunk (runtime: 9a81d90cfd0dfd13d748, main) 129.js 103 bytes [rendered]
[used exports unknown]
import() ./fibonacci ./example.js 70:30-51
import() ./fibonacci ./fib-worker.js 2:29-50
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 3.07 KiB (runtime) [entry] [rendered]
chunk (runtime: 1fad8bf8de78b0a77bfd) chat.js (chat) 442 bytes (javascript) 3.04 KiB (runtime) [entry] [rendered]
> ./example.js 25:19-31:1
runtime modules 3.04 KiB 7 modules
./chat-worker.js 442 bytes [built] [code generated]
[used exports unknown]
new Worker() ./chat-worker.js ./example.js 25:19-31:1
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 3.04 KiB (runtime) [entry] [rendered]
> ./example.js 80:18-84:2
runtime modules 3.04 KiB 7 modules
./fib-worker.js 176 bytes [built] [code generated]
[used exports unknown]
new Worker() ./fib-worker.js ./example.js 80:18-84:2
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 3.21 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 3.07 KiB 7 modules
runtime modules 3.21 KiB 7 modules
./example.js 2.25 KiB [built] [code generated]
[used exports unknown]
entry ./example.js main
chunk (runtime: 1fad8bf8de78b0a77bfd) 192.js 152 bytes [rendered]
chunk (runtime: 1fad8bf8de78b0a77bfd) 936.js 152 bytes [rendered]
> ./chat-module ./chat-worker.js 11:31-54
> ./chat-module ./chat-worker.js 7:27-50
./chat-module.js 152 bytes [built] [code generated]
@ -837,60 +871,50 @@ chunk (runtime: 1fad8bf8de78b0a77bfd) 192.js 152 bytes [rendered]
[used exports unknown]
import() ./chat-module ./chat-worker.js 7:27-50
import() ./chat-module ./chat-worker.js 11:31-54
chunk (runtime: 1fad8bf8de78b0a77bfd) chat.js (chat) 442 bytes (javascript) 2.86 KiB (runtime) [entry] [rendered]
> ./example.js 25:19-31:1
runtime modules 2.86 KiB 6 modules
./chat-worker.js 442 bytes [built] [code generated]
[used exports unknown]
new Worker() ./chat-worker.js ./example.js 25:19-31:1
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 2.87 KiB (runtime) [entry] [rendered]
> ./example.js 80:18-84:2
runtime modules 2.87 KiB 6 modules
./fib-worker.js 176 bytes [built] [code generated]
[used exports unknown]
new Worker() ./fib-worker.js ./example.js 80:18-84:2
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset main.js 2.5 KiB [emitted] [javascript module] [minimized] (name: main)
asset chat.js 1.19 KiB [emitted] [javascript module] [minimized] (name: chat)
asset workers/fibonacci.js 1.04 KiB [emitted] [javascript module] [minimized] (name: fibonacci)
asset 192.js 187 bytes [emitted] [javascript module] [minimized]
asset 129.js 161 bytes [emitted] [javascript module] [minimized]
asset main.js 2.37 KiB [emitted] [javascript module] [minimized] (name: main)
asset chat.js 1.08 KiB [emitted] [javascript module] [minimized] (name: chat)
asset workers/fibonacci.js 951 bytes [emitted] [javascript module] [minimized] (name: fibonacci)
asset 936.js 216 bytes [emitted] [javascript module] [minimized]
asset 129.js 190 bytes [emitted] [javascript module] [minimized]
chunk (runtime: 9a81d90cfd0dfd13d748, main) 129.js 103 bytes [rendered]
> ./fibonacci ./example.js 70:30-51
> ./fibonacci ./fib-worker.js 2:29-50
> ./fibonacci ./example.js 70:30-51
./fibonacci.js 103 bytes [built] [code generated]
[exports: fibonacci]
[all exports used]
import() ./fibonacci ./example.js 70:30-51
import() ./fibonacci ./fib-worker.js 2:29-50
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 3.07 KiB (runtime) [entry] [rendered]
chunk (runtime: 1fad8bf8de78b0a77bfd) chat.js (chat) 442 bytes (javascript) 2.77 KiB (runtime) [entry] [rendered]
> ./example.js 25:19-31:1
runtime modules 2.77 KiB 6 modules
./chat-worker.js 442 bytes [built] [code generated]
[no exports used]
new Worker() ./chat-worker.js ./example.js 25:19-31:1
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 2.78 KiB (runtime) [entry] [rendered]
> ./example.js 80:18-84:2
runtime modules 2.78 KiB 6 modules
./fib-worker.js 176 bytes [built] [code generated]
[no exports used]
new Worker() ./fib-worker.js ./example.js 80:18-84:2
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 2.95 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 3.07 KiB 7 modules
runtime modules 2.95 KiB 6 modules
./example.js 2.25 KiB [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: 1fad8bf8de78b0a77bfd) 192.js 152 bytes [rendered]
chunk (runtime: 1fad8bf8de78b0a77bfd) 936.js 152 bytes [rendered]
> ./chat-module ./chat-worker.js 11:31-54
> ./chat-module ./chat-worker.js 7:27-50
./chat-module.js 152 bytes [built] [code generated]
[exports: add, history]
[all exports used]
import() ./chat-module ./chat-worker.js 7:27-50
import() ./chat-module ./chat-worker.js 11:31-54
chunk (runtime: 1fad8bf8de78b0a77bfd) chat.js (chat) 442 bytes (javascript) 2.86 KiB (runtime) [entry] [rendered]
> ./example.js 25:19-31:1
runtime modules 2.86 KiB 6 modules
./chat-worker.js 442 bytes [built] [code generated]
[no exports used]
new Worker() ./chat-worker.js ./example.js 25:19-31:1
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 2.87 KiB (runtime) [entry] [rendered]
> ./example.js 80:18-84:2
runtime modules 2.87 KiB 6 modules
./fib-worker.js 176 bytes [built] [code generated]
[no exports used]
new Worker() ./fib-worker.js ./example.js 80:18-84:2
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

67
examples/module/README.md
View File

@ -40,54 +40,15 @@ export function reset() {
# dist/output.js
```javascript
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
```
<details><summary><code>/* webpack runtime code */</code></summary>
``` js
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/************************************************************************/
```
</details>
``` js
var __webpack_exports__ = {};
/*!********************************!*\
!*** ./example.js + 2 modules ***!
\********************************/
/*! namespace exports */
/*! export inc [provided] [used in main] [could be renamed] -> ./counter.js .increment */
/*! export print [provided] [used in main] [could be renamed] -> ./methods.js .print */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/*! runtime requirements: */
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"inc": () => (/* reexport */ increment),
"print": () => (/* reexport */ print)
});
;// CONCATENATED MODULE: ./counter.js
;// ./counter.js
let value = 0;
function increment() {
value++;
@ -99,12 +60,12 @@ function counter_reset() {
value = 0;
}
;// CONCATENATED MODULE: ./methods.js
;// ./methods.js
const print = value => console.log(value);
;// CONCATENATED MODULE: ./example.js
;// ./example.js
print(value);
@ -117,15 +78,13 @@ print(value);
var __webpack_exports__inc = __webpack_exports__.inc;
var __webpack_exports__print = __webpack_exports__.print;
export { __webpack_exports__inc as inc, __webpack_exports__print as print };
export { increment as inc, print };
```
# dist/output.js (production)
```javascript
var e={d:(o,r)=>{for(var t in r)e.o(r,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:r[t]})},o:(e,o)=>Object.prototype.hasOwnProperty.call(e,o)},o={};e.d(o,{a:()=>t,S:()=>a});let r=0;function t(){r++}const a=e=>console.log(e);a(r),t(),t(),t(),a(r),r=0,a(r);var n=o.a,c=o.S;export{n as inc,c as print};
let o=0;function n(){o++}const c=o=>console.log(o);c(o),n(),n(),n(),c(o),o=0,c(o);export{n as inc,c as print};
```
# Info
@ -133,29 +92,27 @@ var e={d:(o,r)=>{for(var t in r)e.o(r,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{
## Unoptimized
```
asset output.js 2.03 KiB [emitted] [javascript module] (name: main)
chunk (runtime: main) output.js (main) 453 bytes (javascript) 396 bytes (runtime) [entry] [rendered]
asset output.js 710 bytes [emitted] [javascript module] (name: main)
chunk (runtime: main) output.js (main) 453 bytes [entry] [rendered]
> ./example.js main
runtime modules 396 bytes 2 modules
./example.js + 2 modules 453 bytes [built] [code generated]
[exports: inc, print]
[all exports used]
entry ./example.js main
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 314 bytes [emitted] [javascript module] [minimized] (name: main)
chunk (runtime: main) output.js (main) 453 bytes (javascript) 396 bytes (runtime) [entry] [rendered]
asset output.js 110 bytes [emitted] [javascript module] [minimized] (name: main)
chunk (runtime: main) output.js (main) 453 bytes [entry] [rendered]
> ./example.js main
runtime modules 396 bytes 2 modules
./example.js + 2 modules 453 bytes [built] [code generated]
[exports: inc, print]
[all exports used]
entry ./example.js main
used as library export
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -10,8 +10,9 @@ console.log("Running " + ENV + " build");
# webpack.config.js
```javascript
var path = require("path");
var webpack = require("../../");
const path = require("path");
const webpack = require("../../");
module.exports = [
{
name: "mobile",
@ -49,7 +50,6 @@ module.exports = [
```javascript
/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
@ -115,7 +115,6 @@ console.log("Running " + "desktop" + " build");
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -139,37 +138,37 @@ console.log("Running " + "mobile" + " build");
```
mobile:
asset mobile.js 1.74 KiB [emitted] (name: main)
asset mobile.js 1.71 KiB [emitted] (name: main)
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.78.0) compiled successfully
mobile (webpack 5.99.6) compiled successfully
desktop:
asset desktop.js 292 bytes [emitted] (name: main)
asset desktop.js 262 bytes [emitted] (name: main)
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.78.0) compiled successfully
desktop (webpack 5.99.6) compiled successfully
```
## Production mode
```
mobile:
asset mobile.js 195 bytes [emitted] [minimized] (name: main)
asset mobile.js 193 bytes [emitted] [minimized] (name: main)
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]
[no exports used]
entry ./example main
mobile (webpack 5.78.0) compiled successfully
mobile (webpack 5.99.6) compiled successfully
desktop:
asset desktop.js 37 bytes [emitted] [minimized] (name: main)
@ -178,5 +177,5 @@ desktop:
./example.js 94 bytes [built] [code generated]
[no exports used]
entry ./example main
desktop (webpack 5.78.0) compiled successfully
desktop (webpack 5.99.6) compiled successfully
```

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

@ -15,7 +15,8 @@ Note: When your library has dependencies that should not be included in the comp
# webpack.config.js
```javascript
var path = require("path");
const path = require("path");
module.exports = {
// mode: "development" || "production",
entry: {
@ -205,21 +206,14 @@ 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset MyLibrary.alpha.js 423 bytes [emitted] [minimized] (name: alpha)
asset MyLibrary.beta.js 419 bytes [emitted] [minimized] (name: beta)
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
asset MyLibrary.beta.js 421 bytes [emitted] [minimized] (name: beta)
chunk (runtime: beta) MyLibrary.beta.js (beta) 24 bytes [entry] [rendered]
> ./beta beta
./beta.js 24 bytes [built] [code generated]
@ -227,5 +221,12 @@ 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.78.0 compiled successfully
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
webpack 5.99.6 compiled successfully
```

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

@ -67,7 +67,7 @@ module.exports = {
}
}
},
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};
```
@ -87,7 +87,7 @@ module.exports = {
# dist/commons.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[351],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["commons"],[
/* 0 */,
/* 1 */
/*!*******************!*\
@ -118,7 +118,7 @@ module.exports = "Common";
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
var common = __webpack_require__(/*! ./common */ 1);
__webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(/*! ./shared */ 3)]; (function(shared) {
__webpack_require__.e(/*! AMD require */ "shared_js").then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(/*! ./shared */ 3)]; (function(shared) {
shared("This is page A");
}).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);})['catch'](__webpack_require__.oe);
@ -242,6 +242,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -275,7 +276,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 424: 0
/******/ "pageA": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -312,7 +313,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -367,7 +368,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, [351], () => (__webpack_require__(0)))
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["commons"], () => (__webpack_require__(0)))
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
/******/
/******/ })()
@ -389,7 +390,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
var common = __webpack_require__(/*! ./common */ 1);
__webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
__webpack_require__.e(/*! require.ensure */ "shared_js").then((function(require) {
var shared = __webpack_require__(/*! ./shared */ 3);
shared("This is page B");
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -515,6 +516,7 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -548,7 +550,7 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 121: 0
/******/ "pageB": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -585,7 +587,7 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -640,17 +642,17 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, [351], () => (__webpack_require__(2)))
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["commons"], () => (__webpack_require__(2)))
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
/******/
/******/ })()
;
```
# dist/52.js
# dist/shared_js.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[52],{
(self["webpackChunk"] = self["webpackChunk"] || []).push([["shared_js"],{
/***/ 3:
/*!*******************!*\
@ -677,27 +679,11 @@ module.exports = function(msg) {
```
asset pageA.js 10.7 KiB [emitted] (name: pageA)
asset pageB.js 10.7 KiB [emitted] (name: pageB)
asset 52.js 506 bytes [emitted]
asset commons.js 364 bytes [emitted] (name: commons) (id hint: commons)
Entrypoint pageA 11.1 KiB = commons.js 364 bytes pageA.js 10.7 KiB
Entrypoint pageB 11 KiB = commons.js 364 bytes pageB.js 10.7 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]
from origin ./pageB.js
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
amd require ./shared ./pageA.js 2:0-4:2
cjs self exports reference ./shared.js 2:0-14
chunk (runtime: pageB) pageB.js (pageB) 148 bytes (javascript) 5.91 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 5.91 KiB 7 modules
./pageB.js 148 bytes [built] [code generated]
[used exports unknown]
entry ./pageB pageB
asset pageB.js 10.6 KiB [emitted] (name: pageB)
asset shared_js.js 515 bytes [emitted]
asset commons.js 370 bytes [emitted] (name: commons) (id hint: commons)
Entrypoint pageA 11.1 KiB = commons.js 370 bytes pageA.js 10.7 KiB
Entrypoint pageB 11 KiB = commons.js 370 bytes pageB.js 10.6 KiB
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
@ -707,40 +693,40 @@ 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) 5.91 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.js (pageA) 105 bytes (javascript) 5.88 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 5.91 KiB 7 modules
runtime modules 5.88 KiB 7 modules
./pageA.js 105 bytes [built] [code generated]
[used exports unknown]
entry ./pageA pageA
webpack 5.78.0 compiled successfully
chunk (runtime: pageB) pageB.js (pageB) 148 bytes (javascript) 5.88 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 5.88 KiB 7 modules
./pageB.js 148 bytes [built] [code generated]
[used exports unknown]
entry ./pageB pageB
chunk (runtime: pageA, pageB) shared_js.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]
from origin ./pageB.js
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
amd require ./shared ./pageA.js 2:0-4:2
cjs self exports reference ./shared.js 2:0-14
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset pageA.js 2.16 KiB [emitted] [minimized] (name: pageA)
asset pageB.js 2.13 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.24 KiB = commons.js 86 bytes pageA.js 2.16 KiB
Entrypoint pageB 2.21 KiB = commons.js 86 bytes pageB.js 2.13 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]
from origin ./pageB.js
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
amd require ./shared ./pageA.js 2:0-4:2
cjs self exports reference ./shared.js 2:0-14
chunk (runtime: pageB) pageB.js (pageB) 148 bytes (javascript) 5.91 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 5.91 KiB 7 modules
./pageB.js 148 bytes [built] [code generated]
[no exports used]
entry ./pageB pageB
asset pageA.js 2.17 KiB [emitted] [minimized] (name: pageA)
asset pageB.js 2.15 KiB [emitted] [minimized] (name: pageB)
asset shared_js.js 125 bytes [emitted] [minimized]
asset commons.js 92 bytes [emitted] [minimized] (name: commons) (id hint: commons)
Entrypoint pageA 2.26 KiB = commons.js 92 bytes pageA.js 2.17 KiB
Entrypoint pageB 2.24 KiB = commons.js 92 bytes pageB.js 2.15 KiB
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
@ -750,11 +736,27 @@ 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) 5.91 KiB (runtime) [entry] [rendered]
chunk (runtime: pageA) pageA.js (pageA) 105 bytes (javascript) 5.88 KiB (runtime) [entry] [rendered]
> ./pageA pageA
runtime modules 5.91 KiB 7 modules
runtime modules 5.88 KiB 7 modules
./pageA.js 105 bytes [built] [code generated]
[no exports used]
entry ./pageA pageA
webpack 5.78.0 compiled successfully
chunk (runtime: pageB) pageB.js (pageB) 148 bytes (javascript) 5.88 KiB (runtime) [entry] [rendered]
> ./pageB pageB
runtime modules 5.88 KiB 7 modules
./pageB.js 148 bytes [built] [code generated]
[no exports used]
entry ./pageB pageB
chunk (runtime: pageA, pageB) shared_js.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]
from origin ./pageB.js
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
amd require ./shared ./pageA.js 2:0-4:2
cjs self exports reference ./shared.js 2:0-14
webpack 5.99.6 compiled successfully
```

4
examples/multiple-entry-points/template.md
View File

@ -70,10 +70,10 @@ _{{dist/pageA.js}}_
_{{dist/pageB.js}}_
```
# dist/52.js
# dist/shared_js.js
```javascript
_{{dist/52.js}}_
_{{dist/shared_js.js}}_
```
# Info

2
examples/multiple-entry-points/webpack.config.js
View File

@ -15,6 +15,6 @@ module.exports = {
}
}
},
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -127,6 +127,7 @@ require.ensure(["b"], function(require) {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -160,7 +161,7 @@ require.ensure(["b"], function(require) {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -197,7 +198,7 @@ require.ensure(["b"], function(require) {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -248,7 +249,6 @@ require.ensure(["b"], function(require) {
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -258,21 +258,21 @@ var __webpack_exports__ = {};
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
var a = __webpack_require__(/*! a */ 1);
__webpack_require__.e(/*! require.ensure | my own chunk */ 666).then((function(require) {
__webpack_require__.e(/*! require.ensure | my own chunk */ "my own chunk").then((function(require) {
// a named chunk
var c = __webpack_require__(/*! c */ 3);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
__webpack_require__.e(/*! require.ensure | my own chunk */ 666).then((function(require) {
__webpack_require__.e(/*! require.ensure | my own chunk */ "my own chunk").then((function(require) {
// another chunk with the same name
var d = __webpack_require__(/*! d */ 4);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
__webpack_require__.e(/*! require.ensure | my own chunk */ 666).then((function(require) {
__webpack_require__.e(/*! require.ensure | my own chunk */ "my own chunk").then((function(require) {
// the same again
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
__webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
__webpack_require__.e(/*! require.ensure */ "node_modules_b_js-node_modules_d_js").then((function(require) {
// chunk without name
var d = __webpack_require__(/*! d */ 4);
}).bind(null, __webpack_require__))['catch'](__webpack_require__.oe);
@ -283,10 +283,10 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
;
```
# dist/666.output.js
# dist/my own chunk.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[666],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["my own chunk"],[
/* 0 */,
/* 1 */,
/* 2 */
@ -325,10 +325,10 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
]]);
```
# dist/885.output.js
# dist/node_modules_b_js-node_modules_d_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[885],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["node_modules_b_js-node_modules_d_js"],[
/* 0 */,
/* 1 */,
/* 2 */
@ -362,17 +362,17 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
## Unoptimized
```
asset output.js 9.83 KiB [emitted] (name: main)
asset 666.output.js 735 bytes [emitted] (name: my own chunk)
asset 885.output.js 528 bytes [emitted]
chunk (runtime: main) output.js (main) 432 bytes (javascript) 4.97 KiB (runtime) [entry] [rendered]
asset output.js 9.85 KiB [emitted] (name: main)
asset my own chunk.output.js 746 bytes [emitted] (name: my own chunk)
asset node_modules_b_js-node_modules_d_js.output.js 562 bytes [emitted]
chunk (runtime: main) output.js (main) 432 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 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 (runtime: main) 666.output.js (my own chunk) 33 bytes [rendered]
chunk (runtime: main) my own chunk.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
@ -388,7 +388,7 @@ chunk (runtime: main) 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 (runtime: main) 885.output.js 22 bytes [rendered]
chunk (runtime: main) node_modules_b_js-node_modules_d_js.output.js 22 bytes [rendered]
> ./example.js 17:0-20:2
./node_modules/b.js 11 bytes [built] [code generated]
[used exports unknown]
@ -399,23 +399,23 @@ 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
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.97 KiB (runtime) [entry] [rendered]
asset output.js 1.95 KiB [emitted] [minimized] (name: main)
asset my own chunk.output.js 140 bytes [emitted] [minimized] (name: my own chunk)
asset node_modules_b_js-node_modules_d_js.output.js 114 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 432 bytes (javascript) 4.94 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 4.97 KiB 6 modules
runtime modules 4.94 KiB 6 modules
dependent modules 11 bytes [dependent] 1 module
./example.js 421 bytes [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: main) 666.output.js (my own chunk) 33 bytes [rendered]
chunk (runtime: main) my own chunk.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
@ -431,7 +431,7 @@ chunk (runtime: main) 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 (runtime: main) 885.output.js 22 bytes [rendered]
chunk (runtime: main) node_modules_b_js-node_modules_d_js.output.js 22 bytes [rendered]
> ./example.js 17:0-20:2
./node_modules/b.js 11 bytes [built] [code generated]
[used exports unknown]
@ -442,5 +442,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

8
examples/named-chunks/template.md
View File

@ -10,16 +10,16 @@ _{{example.js}}_
_{{dist/output.js}}_
```
# dist/666.output.js
# dist/my own chunk.output.js
```javascript
_{{dist/666.output.js}}_
_{{dist/my own chunk.output.js}}_
```
# dist/885.output.js
# dist/node_modules_b_js-node_modules_d_js.output.js
```javascript
_{{dist/885.output.js}}_
_{{dist/node_modules_b_js-node_modules_d_js.output.js}}_
```
# Info

2
examples/named-chunks/webpack.config.js
View File

@ -1,5 +1,5 @@
module.exports = {
optimization: {
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named"
}
};

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

@ -55,34 +55,34 @@ module.exports = (env = "development") => ({
## Unoptimized
```
asset output.js 4.52 MiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 3.26 MiB (javascript) 1.29 KiB (runtime) [entry]
asset output.js 3.56 MiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 2.21 MiB (javascript) 1.29 KiB (runtime) [entry]
> ./example.js main
cached modules 3.26 MiB (javascript) 1.29 KiB (runtime) [cached] 1415 modules
webpack 5.78.0 compiled successfully
cached modules 2.21 MiB (javascript) 1.29 KiB (runtime) [cached] 1491 modules
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 630 KiB [emitted] [minimized] [big] (name: main) 1 related asset
chunk (runtime: main) output.js (main) 2.18 MiB (javascript) 1.29 KiB (runtime) [entry]
asset output.js 539 KiB [emitted] [minimized] [big] (name: main) 1 related asset
chunk (runtime: main) output.js (main) 2.15 MiB (javascript) 1.29 KiB (runtime) [entry]
> ./example.js main
cached modules 2.18 MiB (javascript) 1.29 KiB (runtime) [cached] 791 modules
cached modules 2.15 MiB (javascript) 1.29 KiB (runtime) [cached] 868 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 (630 KiB)
output.js (539 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 (630 KiB)
main (539 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.78.0 compiled with 3 warnings
webpack 5.99.6 compiled with 3 warnings
```

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

@ -81,7 +81,7 @@ const Button = () => {
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Checkbox": () => (/* binding */ Checkbox)
/* harmony export */ Checkbox: () => (/* binding */ Checkbox)
/* harmony export */ });
const Checkbox = () => {
return /*#__PURE__*/React.createElement("input", {
@ -193,7 +193,7 @@ const Login = () => {
```
```javascript
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["pages_Login_js"],{"./components/Button.js":(e,t,n)=>{n.d(t,{Z:()=>l});const l=()=>React.createElement("button",null)},"./pages/Login.js":(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var l=n("./components/Button.js");const a=({children:e})=>React.createElement("dialog",null,e),c=()=>React.createElement(React.Fragment,null,React.createElement(l.Z,null),React.createElement(a,null))}}]);
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["pages_Login_js"],{"./components/Button.js":(e,t,n)=>{n.d(t,{A:()=>l});const l=()=>React.createElement("button",null)},"./pages/Login.js":(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var l=n("./components/Button.js");const a=({children:e})=>React.createElement("dialog",null,e),c=()=>React.createElement(React.Fragment,null,React.createElement(l.A,null),React.createElement(a,null))}}]);
```
# Info
@ -204,9 +204,9 @@ const Login = () => {
asset output.js 11 KiB [emitted] (name: main)
asset pages_Login_js.output.js 2.82 KiB [emitted]
asset pages_Dashboard_js.output.js 2.78 KiB [emitted]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.51 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.54 KiB 8 modules
runtime modules 5.51 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 48 bytes [built] [code generated]
[no exports used]
@ -227,7 +227,7 @@ chunk (runtime: main) pages_Login_js.output.js 500 bytes [rendered]
[exports: default]
import() context element ./Login ./pages/ lazy ^\.\/.*$ namespace object ./Login
import() context element ./Login.js ./pages/ lazy ^\.\/.*$ namespace object ./Login.js
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -236,9 +236,9 @@ webpack 5.78.0 compiled successfully
asset output.js 2.49 KiB [emitted] [minimized] (name: main)
asset pages_Dashboard_js.output.js 450 bytes [emitted] [minimized]
asset pages_Login_js.output.js 444 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
chunk (runtime: main) output.js (main) 208 bytes (javascript) 5.51 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.54 KiB 8 modules
runtime modules 5.51 KiB 8 modules
dependent modules 160 bytes [dependent] 1 module
./example.js 48 bytes [built] [code generated]
[no exports used]
@ -259,5 +259,5 @@ chunk (runtime: main) pages_Login_js.output.js 500 bytes [rendered]
[exports: default]
import() context element ./Login ./pages/ lazy ^\.\/.*$ namespace object ./Login
import() context element ./Login.js ./pages/ lazy ^\.\/.*$ namespace object ./Login.js
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -152,7 +152,6 @@ module.exports = function() {
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -176,7 +175,7 @@ console.log(getTemplate("b"));
## Unoptimized
```
asset output.js 3.8 KiB [emitted] (name: main)
asset output.js 3.77 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 603 bytes (javascript) 88 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 457 bytes [dependent] 4 modules
@ -184,13 +183,13 @@ chunk (runtime: main) output.js (main) 603 bytes (javascript) 88 bytes (runtime)
./example.js 146 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 833 bytes [emitted] [minimized] (name: main)
asset output.js 820 bytes [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 603 bytes (javascript) 88 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 457 bytes [dependent] 4 modules
@ -198,7 +197,7 @@ chunk (runtime: main) output.js (main) 603 bytes (javascript) 88 bytes (runtime)
./example.js 146 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
# Code Splitting

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

@ -128,7 +128,7 @@ chunk (runtime: main) output.js (main) 313 bytes [entry] [rendered]
./example.js 282 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -141,5 +141,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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -10,11 +10,11 @@ The interesting thing here is that putting all modules in a single scope won't w
- Modules `lazy`, `c`, `d` and `cjs` need to be in a separate chunk
- Module `shared` is accessed by two chunks (different scopes)
- Module `cjs` is a CommonJS module
- Module `cjs` is a CommonJs module
![](graph2.png)
Webpack, therefore, uses an approach called **"Partial Scope Hoisting"** or "Module concatenation", which chooses the largest possible subsets of ES modules which can be scope hoisted and combines them with the default webpack primitives.
Webpack, therefore, uses a approach called **"Partial Scope Hoisting"** or "Module concatenation", which chooses the largest possible subsets of ES modules which can be scope hoisted and combines them with the default webpack primitives.
![](graph3.png)
@ -104,7 +104,7 @@ module.exports = {
optimization: {
usedExports: true,
concatenateModules: true,
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};
```
@ -129,15 +129,15 @@ module.exports = {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"x": () => (/* binding */ x),
"y": () => (/* reexport */ y)
x: () => (/* binding */ x),
y: () => (/* reexport */ y)
});
;// CONCATENATED MODULE: ./node_modules/shared2.js
;// ./node_modules/shared2.js
// shared2 module
var y = "y";
;// CONCATENATED MODULE: ./node_modules/shared.js
;// ./node_modules/shared.js
// shared module
var x = "x";
@ -243,6 +243,7 @@ var x = "x";
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -287,7 +288,7 @@ var x = "x";
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -324,7 +325,7 @@ var x = "x";
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -387,22 +388,22 @@ var __webpack_exports__ = {};
// EXTERNAL MODULE: ./node_modules/shared.js + 1 modules
var shared = __webpack_require__(1);
;// CONCATENATED MODULE: ./node_modules/a.js
;// ./node_modules/a.js
// module a
var a = "a";
;// CONCATENATED MODULE: ./node_modules/b.js
;// ./node_modules/b.js
// module b
function b_a() {
return "b";
};
;// CONCATENATED MODULE: ./example.js
;// ./example.js
__webpack_require__.e(/*! import() */ 872).then(__webpack_require__.bind(__webpack_require__, /*! ./lazy */ 2)).then(function(lazy) {
__webpack_require__.e(/*! import() */ "lazy_js").then(__webpack_require__.bind(__webpack_require__, /*! ./lazy */ 2)).then(function(lazy) {
console.log(a, b_a(), shared.x, shared.y, lazy.c, lazy.d.a, lazy.x, lazy.y);
});
@ -412,10 +413,10 @@ __webpack_require__.e(/*! import() */ 872).then(__webpack_require__.bind(__webpa
;
```
# dist/872.output.js
# dist/lazy_js.output.js
```javascript
(self["webpackChunk"] = self["webpackChunk"] || []).push([[872],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["lazy_js"],[
/* 0 */,
/* 1 */,
/* 2 */
@ -430,7 +431,7 @@ __webpack_require__.e(/*! import() */ 872).then(__webpack_require__.bind(__webpa
/*! export x [provided] [maybe used in main (runtime-defined)] [usage prevents renaming] -> ./node_modules/shared.js + 1 modules .x */
/*! export y [provided] [maybe used in main (runtime-defined)] [usage prevents renaming] -> ./node_modules/shared2.js .y */
/*! other exports [not provided] [maybe used in main (runtime-defined)] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__, __webpack_require__.* */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__, __webpack_require__.* */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/cjs.js: Module is not an ECMAScript module */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/shared.js: Module ./node_modules/shared.js is not in the same chunk(s) (expected in chunk(s) unnamed chunk(s), module is in chunk(s) ) */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@ -441,24 +442,24 @@ __webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"c": () => (/* reexport */ c),
"d": () => (/* reexport */ d_namespaceObject),
"x": () => (/* reexport */ shared.x),
"y": () => (/* reexport */ shared.y)
c: () => (/* reexport */ c),
d: () => (/* reexport */ d_namespaceObject),
x: () => (/* reexport */ shared.x),
y: () => (/* reexport */ shared.y)
});
// NAMESPACE OBJECT: ./node_modules/d.js
var d_namespaceObject = {};
__webpack_require__.r(d_namespaceObject);
__webpack_require__.d(d_namespaceObject, {
"a": () => (a)
a: () => (a)
});
// EXTERNAL MODULE: ./node_modules/cjs.js
var cjs = __webpack_require__(3);
// EXTERNAL MODULE: ./node_modules/shared.js + 1 modules
var shared = __webpack_require__(1);
;// CONCATENATED MODULE: ./node_modules/c.js
;// ./node_modules/c.js
// module c
@ -466,11 +467,11 @@ var c = String.fromCharCode(cjs.c.charCodeAt(0) - 2);
;// CONCATENATED MODULE: ./node_modules/d.js
;// ./node_modules/d.js
// module d
var a = "d";
;// CONCATENATED MODULE: ./lazy.js
;// ./lazy.js
@ -498,7 +499,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:()=>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"}}]);
(self.webpackChunk=self.webpackChunk||[]).push([["lazy_js"],{207:(r,a,e)=>{"use strict";e.r(a),e.d(a,{c:()=>C,d:()=>c,x:()=>s.x,y:()=>h.y});var c={};e.r(c),e.d(c,{a:()=>k});var d=e(330),s=e(331),h=e(453),C=String.fromCharCode(d.c.charCodeAt(0)-2),k="d"},330:(r,a)=>{a.c="e"}}]);
```
# Info
@ -506,43 +507,43 @@ Minimized
## Unoptimized
```
asset output.js 11.2 KiB [emitted] (name: main)
asset 872.output.js 2.74 KiB [emitted]
chunk (runtime: main) output.js (main) 367 bytes (javascript) 5.54 KiB (runtime) [entry] [rendered]
> ./example.js main
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]
[no exports used]
entry ./example.js main
chunk (runtime: main) 872.output.js 263 bytes [rendered]
asset output.js 11.1 KiB [emitted] (name: main)
asset lazy_js.output.js 2.67 KiB [emitted]
chunk (runtime: main) lazy_js.output.js 263 bytes [rendered]
> ./lazy ./example.js 4:0-16
dependent modules 42 bytes [dependent] 1 module
./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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 367 bytes (javascript) 5.51 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.51 KiB 8 modules
dependent modules 100 bytes [dependent] 1 module
./example.js + 2 modules 267 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 2.11 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.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]
entry ./example.js main
chunk (runtime: main) 872.output.js 263 bytes [rendered]
asset lazy_js.output.js 278 bytes [emitted] [minimized]
chunk (runtime: main) lazy_js.output.js 263 bytes [rendered]
> ./lazy ./example.js 4:0-16
dependent modules 42 bytes [dependent] 1 module
./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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 367 bytes (javascript) 5.51 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.51 KiB 8 modules
dependent modules 100 bytes [dependent] 2 modules
./example.js + 2 modules 267 bytes [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```

6
examples/scope-hoisting/template.md
View File

@ -86,16 +86,16 @@ _{{webpack.config.js}}_
_{{dist/output.js}}_
```
# dist/872.output.js
# dist/lazy_js.output.js
```javascript
_{{dist/872.output.js}}_
_{{dist/lazy_js.output.js}}_
```
Minimized
```javascript
_{{production:dist/872.output.js}}_
_{{production:dist/lazy_js.output.js}}_
```
# Info

2
examples/scope-hoisting/webpack.config.js
View File

@ -3,6 +3,6 @@ module.exports = {
optimization: {
usedExports: true,
concatenateModules: true,
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -76,9 +76,9 @@ console.log("side effect");
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => (/* reexport safe */ _a__WEBPACK_IMPORTED_MODULE_0__.a),
/* harmony export */ "b": () => (/* reexport safe */ _b__WEBPACK_IMPORTED_MODULE_1__.b),
/* harmony export */ "c": () => (/* reexport safe */ _c__WEBPACK_IMPORTED_MODULE_2__.c)
/* harmony export */ a: () => (/* reexport safe */ _a__WEBPACK_IMPORTED_MODULE_0__.a),
/* harmony export */ b: () => (/* reexport safe */ _b__WEBPACK_IMPORTED_MODULE_1__.b),
/* harmony export */ c: () => (/* reexport safe */ _c__WEBPACK_IMPORTED_MODULE_2__.c)
/* harmony export */ });
/* harmony import */ var _a__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./a */ 2);
/* harmony import */ var _b__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./b */ 3);
@ -103,7 +103,7 @@ console.log("side effect");
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => (/* binding */ a)
/* harmony export */ a: () => (/* binding */ a)
/* harmony export */ });
const a = "a";
@ -121,7 +121,7 @@ const a = "a";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "b": () => (/* binding */ b)
/* harmony export */ b: () => (/* binding */ b)
/* harmony export */ });
const b = "b";
@ -139,7 +139,7 @@ const b = "b";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "c": () => (/* binding */ c)
/* harmony export */ c: () => (/* binding */ c)
/* harmony export */ });
const c = "c";
@ -157,7 +157,7 @@ const c = "c";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => (/* binding */ a)
/* harmony export */ a: () => (/* binding */ a)
/* harmony export */ });
const a = "a";
@ -175,7 +175,7 @@ const a = "a";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "b": () => (/* binding */ b)
/* harmony export */ b: () => (/* binding */ b)
/* harmony export */ });
const b = "b";
@ -282,7 +282,7 @@ console.log(
## Unoptimized
```
asset output.js 8.55 KiB [emitted] (name: main)
asset output.js 8.53 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 354 bytes (javascript) 670 bytes (runtime) [entry] [rendered]
> ./example.js main
dependent modules 214 bytes [dependent] 6 modules
@ -291,7 +291,7 @@ chunk (runtime: main) output.js (main) 354 bytes (javascript) 670 bytes (runtime
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -304,5 +304,5 @@ chunk (runtime: main) output.js (main) 332 bytes [entry] [rendered]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -19,7 +19,7 @@ race = (winner, runners...) ->
# webpack.config.js
```javascript
var path = require("path");
const path = require("path");
module.exports = [
"eval",
@ -338,7 +338,7 @@ chunk (runtime: runtime~bundle) ./bundle-eval.js (bundle) 256 bytes [initial] [r
chunk (runtime: runtime~bundle) ./runtime~bundle-eval.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-eval-cheap-source-map.js 5.45 KiB [emitted] (name: runtime~bundle)
asset ./bundle-eval-cheap-source-map.js 2.2 KiB [emitted] (name: bundle)
@ -351,7 +351,7 @@ chunk (runtime: runtime~bundle) ./bundle-eval-cheap-source-map.js (bundle) 256 b
chunk (runtime: runtime~bundle) ./runtime~bundle-eval-cheap-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-eval-cheap-module-source-map.js 5.45 KiB [emitted] (name: runtime~bundle)
asset ./bundle-eval-cheap-module-source-map.js 2.33 KiB [emitted] (name: bundle)
@ -364,7 +364,7 @@ chunk (runtime: runtime~bundle) ./bundle-eval-cheap-module-source-map.js (bundle
chunk (runtime: runtime~bundle) ./runtime~bundle-eval-cheap-module-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-eval-source-map.js 5.45 KiB [emitted] (name: runtime~bundle)
asset ./bundle-eval-source-map.js 2.33 KiB [emitted] (name: bundle)
@ -377,7 +377,7 @@ chunk (runtime: runtime~bundle) ./bundle-eval-source-map.js (bundle) 256 bytes [
chunk (runtime: runtime~bundle) ./runtime~bundle-eval-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-cheap-source-map.js 4.97 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-cheap-source-map.js 938 bytes [emitted] (name: bundle) 1 related asset
@ -390,7 +390,7 @@ chunk (runtime: runtime~bundle) ./bundle-cheap-source-map.js (bundle) 256 bytes
chunk (runtime: runtime~bundle) ./runtime~bundle-cheap-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-cheap-module-source-map.js 4.97 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-cheap-module-source-map.js 945 bytes [emitted] (name: bundle) 1 related asset
@ -403,7 +403,7 @@ chunk (runtime: runtime~bundle) ./bundle-cheap-module-source-map.js (bundle) 256
chunk (runtime: runtime~bundle) ./runtime~bundle-cheap-module-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-inline-cheap-source-map.js 10.7 KiB [emitted] (name: runtime~bundle)
asset ./bundle-inline-cheap-source-map.js 1.62 KiB [emitted] (name: bundle)
@ -416,7 +416,7 @@ chunk (runtime: runtime~bundle) ./bundle-inline-cheap-source-map.js (bundle) 256
chunk (runtime: runtime~bundle) ./runtime~bundle-inline-cheap-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-inline-cheap-module-source-map.js 10.8 KiB [emitted] (name: runtime~bundle)
asset ./bundle-inline-cheap-module-source-map.js 1.51 KiB [emitted] (name: bundle)
@ -429,7 +429,7 @@ chunk (runtime: runtime~bundle) ./bundle-inline-cheap-module-source-map.js (bund
chunk (runtime: runtime~bundle) ./runtime~bundle-inline-cheap-module-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-source-map.js 4.96 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-source-map.js 932 bytes [emitted] (name: bundle) 1 related asset
@ -442,7 +442,7 @@ chunk (runtime: runtime~bundle) ./bundle-source-map.js (bundle) 256 bytes [initi
chunk (runtime: runtime~bundle) ./runtime~bundle-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-inline-source-map.js 10.7 KiB [emitted] (name: runtime~bundle)
asset ./bundle-inline-source-map.js 1.64 KiB [emitted] (name: bundle)
@ -455,7 +455,7 @@ chunk (runtime: runtime~bundle) ./bundle-inline-source-map.js (bundle) 256 bytes
chunk (runtime: runtime~bundle) ./runtime~bundle-inline-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-hidden-source-map.js 4.91 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-hidden-source-map.js 886 bytes [emitted] (name: bundle) 1 related asset
@ -468,7 +468,7 @@ chunk (runtime: runtime~bundle) ./bundle-hidden-source-map.js (bundle) 256 bytes
chunk (runtime: runtime~bundle) ./runtime~bundle-hidden-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
asset ./runtime~bundle-nosources-source-map.js 4.97 KiB [emitted] (name: runtime~bundle) 1 related asset
asset ./bundle-nosources-source-map.js 942 bytes [emitted] (name: bundle) 1 related asset
@ -481,5 +481,5 @@ chunk (runtime: runtime~bundle) ./bundle-nosources-source-map.js (bundle) 256 by
chunk (runtime: runtime~bundle) ./runtime~bundle-nosources-source-map.js (runtime~bundle) 2.45 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
runtime modules 2.45 KiB 3 modules
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

9
examples/stats-detailed/README.md
View File

@ -26,7 +26,6 @@ module.exports = {
```javascript
/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
@ -44,11 +43,11 @@ console.log("Hello World!");
```
PublicPath: dist/
asset output.js 28 bytes {179} [emitted] [minimized] (name: main)
asset output.js 28 bytes {792} [emitted] [minimized] (name: main)
Entrypoint main 28 bytes = output.js
chunk {179} (runtime: main) output.js (main) 29 bytes [entry] [rendered]
chunk {792} (runtime: main) output.js (main) 29 bytes [entry] [rendered]
> ./example.js main
./example.js [144] 29 bytes {179} [depth 0] [built] [code generated]
./example.js [695] 29 bytes {792} [depth 0] [built] [code generated]
[no exports used]
Statement (ExpressionStatement) with side effects in source code at 1:0-28
ModuleConcatenation bailout: Module is not an ECMAScript module
@ -79,5 +78,5 @@ LOG from webpack.FileSystemInfo
Directory info in cache: 0 timestamps 0 hashes 0 timestamp hash combinations
Managed items info in cache: 0 items
2023-06-23 22:57:08: webpack 5.88.0 compiled successfully (208f5e6e78a48d3e157f)
2025-04-24 20:51:31: webpack 5.99.6 compiled successfully (922245dc37adc36977b5)
```

5
examples/stats-minimal/README.md
View File

@ -14,7 +14,7 @@ console.log("Hello World!");
const path = require("path");
module.exports = {
output: {
output: {
path: path.join(__dirname, "dist"),
filename: "output.js"
},
@ -26,7 +26,6 @@ module.exports = {
```javascript
/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
@ -45,5 +44,5 @@ console.log("Hello World!");
```
1 asset
1 module
webpack 5.87.0 compiled successfully
webpack 5.99.6 compiled successfully
```

1
examples/stats-none/README.md
View File

@ -26,7 +26,6 @@ module.exports = {
```javascript
/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/

3
examples/stats-normal/README.md
View File

@ -26,7 +26,6 @@ module.exports = {
```javascript
/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
@ -45,5 +44,5 @@ console.log("Hello World!");
```
asset output.js 28 bytes [emitted] [minimized] (name: main)
./example.js 29 bytes [built] [code generated]
webpack 5.88.0 compiled successfully
webpack 5.99.6 compiled successfully
```

3
examples/stats-summary/README.md
View File

@ -26,7 +26,6 @@ module.exports = {
```javascript
/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!********************!*\
!*** ./example.js ***!
\********************/
@ -43,5 +42,5 @@ console.log("Hello World!");
## Production mode
```
webpack 5.88.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -133,11 +133,11 @@ When compiling for other targets like node.js, electron or WebWorkers, it may be
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "AlternativeCreateUserAction": () => (/* binding */ AlternativeCreateUserAction),
/* harmony export */ "CreateUserAction": () => (/* binding */ CreateUserAction)
/* harmony export */ AlternativeCreateUserAction: () => (/* binding */ AlternativeCreateUserAction),
/* harmony export */ CreateUserAction: () => (/* binding */ CreateUserAction)
/* harmony export */ });
// import() doesn't care about whether a module is an async module or not
const UserApi = __webpack_require__.e(/*! import() */ 497).then(__webpack_require__.bind(__webpack_require__, /*! ./UserApi.js */ 2));
const UserApi = __webpack_require__.e(/*! import() */ "UserApi_js").then(__webpack_require__.bind(__webpack_require__, /*! ./UserApi.js */ 2));
const CreateUserAction = async name => {
// These are normal awaits, because they are in an async function
@ -157,7 +157,7 @@ const CreateUserAction = async name => {
// Here: Connecting to the DB starts when AlternativeCreateUserAction
// is called
const AlternativeCreateUserAction = async name => {
const { createUser } = await __webpack_require__.e(/*! import() */ 497).then(__webpack_require__.bind(__webpack_require__, /*! ./UserApi.js */ 2));
const { createUser } = await __webpack_require__.e(/*! import() */ "UserApi_js").then(__webpack_require__.bind(__webpack_require__, /*! ./UserApi.js */ 2));
await createUser(name);
};
@ -207,7 +207,7 @@ const AlternativeCreateUserAction = async name => {
/******/ var webpackExports = typeof Symbol === "function" ? Symbol("webpack exports") : "__webpack_exports__";
/******/ var webpackError = typeof Symbol === "function" ? Symbol("webpack error") : "__webpack_error__";
/******/ var resolveQueue = (queue) => {
/******/ if(queue && !queue.d) {
/******/ if(queue && queue.d < 1) {
/******/ queue.d = 1;
/******/ queue.forEach((fn) => (fn.r--));
/******/ queue.forEach((fn) => (fn.r-- ? fn.r++ : fn()));
@ -238,7 +238,7 @@ const AlternativeCreateUserAction = async name => {
/******/ }));
/******/ __webpack_require__.a = (module, body, hasAwait) => {
/******/ var queue;
/******/ hasAwait && ((queue = []).d = 1);
/******/ hasAwait && ((queue = []).d = -1);
/******/ var depQueues = new Set();
/******/ var exports = module.exports;
/******/ var currentDeps;
@ -266,7 +266,7 @@ const AlternativeCreateUserAction = async name => {
/******/ });
/******/ return fn.r ? promise : getResult();
/******/ }, (err) => ((err ? reject(promise[webpackError] = err) : outerResolve(exports)), resolveQueue(queue)));
/******/ queue && (queue.d = 0);
/******/ queue && queue.d < 0 && (queue.d = 0);
/******/ };
/******/ })();
/******/
@ -334,6 +334,7 @@ const AlternativeCreateUserAction = async name => {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -378,7 +379,7 @@ const AlternativeCreateUserAction = async name => {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ "main": 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -415,7 +416,7 @@ const AlternativeCreateUserAction = async name => {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -489,11 +490,11 @@ __webpack_require__.r(__webpack_exports__);
;
```
# dist/497.output.js
# dist/UserApi_js.output.js
```javascript
"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[497],[
(self["webpackChunk"] = self["webpackChunk"] || []).push([["UserApi_js"],[
/* 0 */,
/* 1 */,
/* 2 */
@ -509,7 +510,7 @@ __webpack_require__.r(__webpack_exports__);
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "createUser": () => (/* binding */ createUser)
/* harmony export */ createUser: () => (/* binding */ createUser)
/* harmony export */ });
/* harmony import */ var _db_connection_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./db-connection.js */ 3);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_db_connection_js__WEBPACK_IMPORTED_MODULE_0__]);
@ -540,8 +541,8 @@ __webpack_async_result__();
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "close": () => (/* binding */ close),
/* harmony export */ "dbCall": () => (/* binding */ dbCall)
/* harmony export */ close: () => (/* binding */ close),
/* harmony export */ dbCall: () => (/* binding */ dbCall)
/* harmony export */ });
const connectToDB = async url => {
await new Promise(r => setTimeout(r, 1000));
@ -570,7 +571,7 @@ __webpack_async_result__();
## in production mode:
```javascript
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[497],{497:(a,e,t)=>{t.a(a,(async(a,c)=>{try{t.r(e),t.d(e,{createUser:()=>m});var s=t(447),n=a([s]);s=(n.then?(await n)():n)[0];const m=async a=>{command=`CREATE USER ${a}`,await(0,s.j)({command})};c()}catch(a){c(a)}}))},447:(a,e,t)=>{t.a(a,(async(a,c)=>{try{t.d(e,{j:()=>s});const a=async a=>{await new Promise((a=>setTimeout(a,1e3)))};await a("my-sql://example.com");const s=async a=>(await new Promise((a=>setTimeout(a,100))),"fake data");c()}catch(a){c(a)}}),1)}}]);
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["UserApi_js"],{312:(a,e,s)=>{s.a(a,(async(a,t)=>{try{s.d(e,{D:()=>c});const a=async a=>{await new Promise((a=>setTimeout(a,1e3)))};await a("my-sql://example.com");const c=async a=>(await new Promise((a=>setTimeout(a,100))),"fake data");t()}catch(a){t(a)}}),1)},560:(a,e,s)=>{s.a(a,(async(a,t)=>{try{s.r(e),s.d(e,{createUser:()=>m});var c=s(312),n=a([c]);c=(n.then?(await n)():n)[0];const m=async a=>{command=`CREATE USER ${a}`,await(0,c.D)({command})};t()}catch(a){t(a)}}))}}]);
```
# Info
@ -579,16 +580,8 @@ __webpack_async_result__();
```
asset output.js 15 KiB [emitted] (name: main)
asset 497.output.js 2.97 KiB [emitted]
chunk (runtime: main) output.js (main) 1.19 KiB (javascript) 7.57 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 7.57 KiB 9 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 (runtime: main) 497.output.js 617 bytes [rendered]
asset UserApi_js.output.js 2.97 KiB [emitted]
chunk (runtime: main) UserApi_js.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
@ -597,22 +590,23 @@ chunk (runtime: main) 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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 1.19 KiB (javascript) 7.56 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 7.56 KiB 9 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
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 2.94 KiB [emitted] [minimized] (name: main)
asset 497.output.js 531 bytes [emitted] [minimized]
chunk (runtime: main) output.js (main) 1.19 KiB (javascript) 7.57 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 7.57 KiB 9 modules
./example.js + 1 modules 1.19 KiB [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
chunk (runtime: main) 497.output.js 617 bytes [rendered]
asset output.js 2.96 KiB [emitted] [minimized] (name: main)
asset UserApi_js.output.js 540 bytes [emitted] [minimized]
chunk (runtime: main) UserApi_js.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
@ -620,5 +614,12 @@ 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.78.0 compiled successfully
chunk (runtime: main) output.js (main) 1.19 KiB (javascript) 7.56 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 7.56 KiB 9 modules
./example.js + 1 modules 1.19 KiB [built] [code generated]
[no exports]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```

6
examples/top-level-await/template.md
View File

@ -68,16 +68,16 @@ When compiling for other targets like node.js, electron or WebWorkers, it may be
_{{dist/output.js}}_
```
# dist/497.output.js
# dist/UserApi_js.output.js
```javascript
_{{dist/497.output.js}}_
_{{dist/UserApi_js.output.js}}_
```
## in production mode:
```javascript
_{{production:dist/497.output.js}}_
_{{production:dist/UserApi_js.output.js}}_
```
# Info

5
examples/top-level-await/webpack.config.js
View File

@ -1,8 +1,5 @@
module.exports = {
optimization: {
chunkIds: "deterministic" // To keep filename consistent between different modes (for example building only)
},
experiments: {
topLevelAwait: true
chunkIds: "named" // To keep filename consistent between different modes (for example building only)
}
};

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

@ -1,7 +1,8 @@
# webpack.config.js
```javascript
var path = require("path");
const path = require("path");
module.exports = {
// mode: "development" || "production",
entry: {
@ -314,29 +315,17 @@ chunk (runtime: vendor2) 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.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset pageA.js 265 bytes [emitted] [minimized] (name: pageA)
asset pageA.js 263 bytes [emitted] [minimized] (name: pageA)
asset vendor2.js 218 bytes [emitted] [minimized] (name: vendor2)
asset vendor1.js 176 bytes [emitted] [minimized] (name: vendor1)
asset pageB.js 174 bytes [emitted] [minimized] (name: pageB)
asset pageC.js 174 bytes [emitted] [minimized] (name: pageC)
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 (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 (runtime: vendor2) vendor2.js (vendor2) 77 bytes [entry] [rendered]
> ./vendor2 vendor2
dependent modules 27 bytes [dependent] 1 module
@ -345,6 +334,12 @@ chunk (runtime: vendor2) 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
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 (runtime: pageA) pageA.js (pageA) 147 bytes [entry] [rendered]
> ./pageA pageA
dependent modules 77 bytes [dependent] 2 modules
@ -360,5 +355,11 @@ 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.78.0 compiled successfully
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
webpack 5.99.6 compiled successfully
```

7
examples/typescript/README.md
View File

@ -118,7 +118,6 @@ console.log(getArray(1, 2, 3));
</details>
``` js
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************!*\
@ -139,14 +138,14 @@ console.log(__webpack_require__(/*! ./index */ 1));
## Unoptimized
```
asset output.js 2.4 KiB [emitted] (name: main)
asset output.js 2.37 KiB [emitted] (name: main)
chunk (runtime: main) output.js (main) 696 bytes [entry] [rendered]
> ./example.js main
dependent modules 663 bytes [dependent] 1 module
./example.js 33 bytes [built] [code generated]
[used exports unknown]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
@ -159,5 +158,5 @@ chunk (runtime: main) output.js (main) 696 bytes [entry] [rendered]
./example.js 33 bytes [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.78.0 compiled successfully
webpack 5.99.6 compiled successfully
```

8
examples/wasm-bindgen-esm/README.md
View File

@ -316,6 +316,7 @@ module.exports = __webpack_require__.v(exports, module.id, "ffe21e855d11d22ab54f
/******/ /* webpack/runtime/wasm loading */
/******/ (() => {
/******/ __webpack_require__.v = (exports, wasmModuleId, wasmModuleHash, importsObj) => {
/******/
/******/ var req = fetch(__webpack_require__.p + "" + wasmModuleHash + ".wasm");
/******/ var fallback = () => (req
/******/ .then((x) => (x.arrayBuffer()))
@ -323,6 +324,7 @@ module.exports = __webpack_require__.v(exports, module.id, "ffe21e855d11d22ab54f
/******/ .then((res) => (Object.assign(exports, res.instance.exports))));
/******/ return req.then((res) => {
/******/ if (typeof WebAssembly.instantiateStreaming === "function") {
/******/
/******/ return WebAssembly.instantiateStreaming(res, importsObj)
/******/ .then(
/******/ (res) => (Object.assign(exports, res.instance.exports)),
@ -376,13 +378,13 @@ chunk (runtime: main) output.js (main) 3.03 KiB (javascript) 14.8 KiB (webassemb
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.90.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset f7199313c1125f249cd6.wasm 14.8 KiB [emitted] [immutable] (auxiliary name: main)
asset 78eeb14b9b5e2c77fb0a.wasm 14.8 KiB [emitted] [immutable] (auxiliary name: main)
asset output.js 3.41 KiB [emitted] [minimized] (name: main)
chunk (runtime: main) output.js (main) 3.03 KiB (javascript) 14.8 KiB (webassembly) 3.42 KiB (runtime) [entry] [rendered]
> ./example.js main
@ -392,5 +394,5 @@ chunk (runtime: main) output.js (main) 3.03 KiB (javascript) 14.8 KiB (webassemb
[no exports]
[no exports used]
entry ./example.js main
webpack 5.90.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -360,6 +360,7 @@ function getRandomNumber() {
/******/ /* webpack/runtime/wasm loading */
/******/ (() => {
/******/ __webpack_require__.v = (exports, wasmModuleId, wasmModuleHash, importsObj) => {
/******/
/******/ var req = fetch(__webpack_require__.p + "" + wasmModuleHash + ".module.wasm");
/******/ var fallback = () => (req
/******/ .then((x) => (x.arrayBuffer()))
@ -367,6 +368,7 @@ function getRandomNumber() {
/******/ .then((res) => (Object.assign(exports, res.instance.exports))));
/******/ return req.then((res) => {
/******/ if (typeof WebAssembly.instantiateStreaming === "function") {
/******/
/******/ return WebAssembly.instantiateStreaming(res, importsObj)
/******/ .then(
/******/ (res) => (Object.assign(exports, res.instance.exports)),
@ -420,14 +422,14 @@ chunk (runtime: main) output.js (main) 696 bytes (javascript) 139 bytes (webasse
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.90.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 2.81 KiB [emitted] [minimized] (name: main)
asset 05aa07f6a3836ded50d1.module.wasm 139 bytes [emitted] [immutable] (auxiliary name: main)
asset 03b5e050bc920dbbb73e.module.wasm 139 bytes [emitted] [immutable] (auxiliary name: main)
chunk (runtime: main) output.js (main) 696 bytes (javascript) 139 bytes (webassembly) 3.42 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 3.42 KiB 5 modules
@ -436,5 +438,5 @@ chunk (runtime: main) output.js (main) 696 bytes (javascript) 139 bytes (webasse
[no exports]
[no exports used]
entry ./example.js main
webpack 5.90.0 compiled successfully
webpack 5.99.6 compiled successfully
```

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

@ -323,6 +323,7 @@ module.exports = __webpack_require__.v(exports, module.id, "5a6637e8d63cdf9c72da
/******/ /* webpack/runtime/wasm loading */
/******/ (() => {
/******/ __webpack_require__.v = (exports, wasmModuleId, wasmModuleHash, importsObj) => {
/******/
/******/ var req = fetch(__webpack_require__.p + "" + wasmModuleHash + ".wasm");
/******/ var fallback = () => (req
/******/ .then((x) => (x.arrayBuffer()))
@ -330,6 +331,7 @@ module.exports = __webpack_require__.v(exports, module.id, "5a6637e8d63cdf9c72da
/******/ .then((res) => (Object.assign(exports, res.instance.exports))));
/******/ return req.then((res) => {
/******/ if (typeof WebAssembly.instantiateStreaming === "function") {
/******/
/******/ return WebAssembly.instantiateStreaming(res, importsObj)
/******/ .then(
/******/ (res) => (Object.assign(exports, res.instance.exports)),
@ -385,16 +387,16 @@ chunk (runtime: main) output.js (main) 1.27 KiB (javascript) 170 bytes (webassem
[no exports]
[used exports unknown]
entry ./example.js main
webpack 5.90.0 compiled successfully
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset output.js 2.89 KiB [emitted] [minimized] (name: main)
asset 67aca7a09456080b5120.wasm 67 bytes [emitted] [immutable] (auxiliary name: main)
asset 36825f9224dde8d88de0.wasm 62 bytes [emitted] [immutable] (auxiliary name: main)
asset 10cff76bc58b7aa8f9cb.wasm 41 bytes [emitted] [immutable] (auxiliary name: main)
asset 93de874acf2fa7def7d9.wasm 67 bytes [emitted] [immutable] (auxiliary name: main)
asset 5055869d769f484de216.wasm 62 bytes [emitted] [immutable] (auxiliary name: main)
asset db91ebd6538fd6985888.wasm 41 bytes [emitted] [immutable] (auxiliary name: main)
chunk (runtime: main) output.js (main) 1.27 KiB (javascript) 170 bytes (webassembly) 3.42 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 3.42 KiB 5 modules
@ -403,5 +405,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.90.0 compiled successfully
webpack 5.99.6 compiled successfully
```

112
examples/worker/README.md
View File

@ -223,9 +223,9 @@ export const add = (content, from) => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames not based on template
/******/ if (chunkId === 631) return "workers/fibonacci.js";
/******/ if (chunkId === 721) return "workers/fibonacci.js";
/******/ // return url for filenames based on template
/******/ return "" + (chunkId === 348 ? "chat" : chunkId) + ".js";
/******/ return "" + (chunkId === 377 ? "chat" : chunkId) + ".js";
/******/ };
/******/ })();
/******/
@ -259,6 +259,7 @@ export const add = (content, from) => {
/******/ script.setAttribute("nonce", __webpack_require__.nc);
/******/ }
/******/
/******/
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
@ -279,17 +280,6 @@ export const add = (content, from) => {
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__.p = "/dist/";
@ -303,7 +293,7 @@ export const add = (content, from) => {
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 179: 0
/******/ 792: 0
/******/ };
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
@ -340,7 +330,7 @@ export const add = (content, from) => {
/******/ }
/******/ };
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ }
/******/ };
@ -423,7 +413,7 @@ const output2 = document.getElementById("output2");
/// CHAT with shared worker ///
const chatWorker = new SharedWorker(
new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(348), __webpack_require__.b),
new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(377), __webpack_require__.b),
{
name: "chat",
type: undefined
@ -467,7 +457,7 @@ chatWorker.port.onmessage = event => {
fib1.addEventListener("change", async () => {
try {
const value = parseInt(fib1.value, 10);
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 2));
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 3));
const result = fibonacci(value);
output1.innerText = `fib(${value}) = ${result}`;
} catch (e) {
@ -477,7 +467,7 @@ fib1.addEventListener("change", async () => {
/// FIBONACCI with worker ///
const fibWorker = new Worker(new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(631), __webpack_require__.b), {
const fibWorker = new Worker(new URL(/* worker import */ __webpack_require__.p + __webpack_require__.u(721), __webpack_require__.b), {
name: "fibonacci",
type: undefined
/* webpackEntryOptions: { filename: "workers/[name].js" } */
@ -505,14 +495,13 @@ fibWorker.onmessage = event => {
```javascript
/******/ (() => { // webpackBootstrap
/******/ "use strict";
var __webpack_exports__ = {};
/*!************************************!*\
!*** ./chat-worker.js + 1 modules ***!
\************************************/
/*! namespace exports */
/*! runtime requirements: */
;// CONCATENATED MODULE: ./chat-module.js
;// ./chat-module.js
const chat_module_history = [];
const add = (content, from) => {
@ -520,7 +509,7 @@ const add = (content, from) => {
chat_module_history.push(`${from}: ${content}`);
};
;// CONCATENATED MODULE: ./chat-worker.js
;// ./chat-worker.js
onconnect = function (e) {
@ -628,17 +617,6 @@ onconnect = function (e) {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__.p = "/dist/";
@ -651,7 +629,7 @@ onconnect = function (e) {
/******/ // object to store loaded chunks
/******/ // "1" means "already loaded"
/******/ var installedChunks = {
/******/ 631: 1
/******/ 721: 1
/******/ };
/******/
/******/ // importScripts chunk loading
@ -699,7 +677,7 @@ var __webpack_exports__ = {};
/*! runtime requirements: __webpack_require__.e, __webpack_require__, __webpack_require__.* */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
onmessage = async event => {
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 2));
const { fibonacci } = await __webpack_require__.e(/*! import() */ 129).then(__webpack_require__.bind(__webpack_require__, /*! ./fibonacci */ 3));
const value = JSON.parse(event.data);
postMessage(`fib(${value}) = ${fibonacci(value)}`);
};
@ -709,7 +687,7 @@ onmessage = async event => {
```
```javascript
(()=>{var e={},r={};function o(t){var a=r[t];if(void 0!==a)return a.exports;var n=r[t]={exports:{}};return e[t](n,n.exports,o),n.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.p+o.u(r))};var r=self.webpackChunk=self.webpackChunk||[],t=r.push.bind(r);r.push=r=>{var[a,n,p]=r;for(var s in n)o.o(n,s)&&(o.m[s]=n[s]);for(p&&p(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){var a=r[t];if(void 0!==a)return a.exports;var s=r[t]={exports:{}};return e[t](s,s.exports,o),s.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.p="/dist/",(()=>{var e={721:1};o.f.i=(r,t)=>{e[r]||importScripts(o.p+o.u(r))};var r=self.webpackChunk=self.webpackChunk||[],t=r.push.bind(r);r.push=r=>{var[a,s,p]=r;for(var n in s)o.o(s,n)&&(o.m[n]=s[n]);for(p&&p(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
@ -718,19 +696,17 @@ onmessage = async event => {
"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[129],{
/***/ 2:
/***/ 3:
/*!**********************!*\
!*** ./fibonacci.js ***!
\**********************/
/*! namespace exports */
/*! export fibonacci [provided] [maybe used in main, 9a81d90cfd0dfd13d748 (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used in main, 9a81d90cfd0dfd13d748 (runtime-defined)] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/*! export fibonacci [provided] [used in main, 9a81d90cfd0dfd13d748] [usage prevents renaming] */
/*! runtime requirements: __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 */ "fibonacci": () => (/* binding */ fibonacci)
/* harmony export */ fibonacci: () => (/* binding */ fibonacci)
/* harmony export */ });
function fibonacci(n) {
return n < 1 ? 0 : n <= 2 ? 1 : fibonacci(n - 1) + fibonacci(n - 2);
@ -747,69 +723,71 @@ function fibonacci(n) {
## Unoptimized
```
asset main.js 12.3 KiB [emitted] (name: main)
asset workers/fibonacci.js 5.43 KiB [emitted] (name: fibonacci)
asset 129.js 931 bytes [emitted]
asset chat.js 911 bytes [emitted] (name: chat)
asset main.js 11.9 KiB [emitted] (name: main)
asset workers/fibonacci.js 4.99 KiB [emitted] (name: fibonacci)
asset chat.js 839 bytes [emitted] (name: chat)
asset 129.js 741 bytes [emitted]
chunk (runtime: 9a81d90cfd0dfd13d748, main) 129.js 103 bytes [rendered]
> ./fibonacci ./example.js 70:30-51
> ./fibonacci ./fib-worker.js 2:29-50
./fibonacci.js 103 bytes [built] [code generated]
[exports: fibonacci]
[all exports used]
import() ./fibonacci ./example.js 70:30-51
import() ./fibonacci ./fib-worker.js 2:29-50
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 5.71 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.71 KiB 8 modules
./example.js 2.25 KiB [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: 1fad8bf8de78b0a77bfd) chat.js (chat) 527 bytes [entry] [rendered]
> ./example.js 25:19-31:1
./chat-worker.js + 1 modules 527 bytes [built] [code generated]
[no exports]
[no exports used]
new Worker() ./chat-worker.js ./example.js 25:19-31:1
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 2.14 KiB (runtime) [entry] [rendered]
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 1.88 KiB (runtime) [entry] [rendered]
> ./example.js 80:18-84:2
runtime modules 2.14 KiB 7 modules
runtime modules 1.88 KiB 6 modules
./fib-worker.js 176 bytes [built] [code generated]
[no exports used]
new Worker() ./fib-worker.js ./example.js 80:18-84:2
webpack 5.78.0 compiled successfully
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 5.41 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.41 KiB 7 modules
./example.js 2.25 KiB [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```
## Production mode
```
asset main.js 3.46 KiB [emitted] [minimized] (name: main)
asset workers/fibonacci.js 945 bytes [emitted] [minimized] (name: fibonacci)
asset main.js 3.29 KiB [emitted] [minimized] (name: main)
asset workers/fibonacci.js 778 bytes [emitted] [minimized] (name: fibonacci)
asset chat.js 270 bytes [emitted] [minimized] (name: chat)
asset 129.js 166 bytes [emitted] [minimized]
asset 129.js 159 bytes [emitted] [minimized]
chunk (runtime: 9a81d90cfd0dfd13d748, main) 129.js 103 bytes [rendered]
> ./fibonacci ./example.js 70:30-51
> ./fibonacci ./fib-worker.js 2:29-50
> ./fibonacci ./example.js 70:30-51
./fibonacci.js 103 bytes [built] [code generated]
[exports: fibonacci]
[all exports used]
import() ./fibonacci ./example.js 70:30-51
import() ./fibonacci ./fib-worker.js 2:29-50
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 5.71 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.71 KiB 8 modules
./example.js 2.25 KiB [built] [code generated]
[no exports used]
entry ./example.js main
chunk (runtime: 1fad8bf8de78b0a77bfd) chat.js (chat) 527 bytes [entry] [rendered]
> ./example.js 25:19-31:1
./chat-worker.js + 1 modules 527 bytes [built] [code generated]
[no exports]
[no exports used]
new Worker() ./chat-worker.js ./example.js 25:19-31:1
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 2.14 KiB (runtime) [entry] [rendered]
chunk (runtime: 9a81d90cfd0dfd13d748) workers/fibonacci.js (fibonacci) 176 bytes (javascript) 1.88 KiB (runtime) [entry] [rendered]
> ./example.js 80:18-84:2
runtime modules 2.14 KiB 7 modules
runtime modules 1.88 KiB 6 modules
./fib-worker.js 176 bytes [built] [code generated]
[no exports used]
new Worker() ./fib-worker.js ./example.js 80:18-84:2
webpack 5.78.0 compiled successfully
chunk (runtime: main) main.js (main) 2.25 KiB (javascript) 5.41 KiB (runtime) [entry] [rendered]
> ./example.js main
runtime modules 5.41 KiB 7 modules
./example.js 2.25 KiB [built] [code generated]
[no exports used]
entry ./example.js main
webpack 5.99.6 compiled successfully
```