update examples

This commit is contained in:
Tobias Koppers 2020-05-20 23:26:51 +02:00
parent 0dc42ea969
commit d0b358d108
56 changed files with 3267 additions and 3330 deletions

View File

@ -61,57 +61,57 @@ module.exports = {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
394.chunk.js 526 bytes [emitted]
456.chunk.js 6.16 KiB [emitted]
pageA.bundle.js 7.94 KiB [emitted] [name: pageA]
pageB.bundle.js 7.94 KiB [emitted] [name: pageB]
pageC.bundle.js 7.94 KiB [emitted] [name: pageC]
394.chunk.js 638 bytes [emitted]
456.chunk.js 6.32 KiB [emitted]
pageA.bundle.js 7.91 KiB [emitted] [name: pageA]
pageB.bundle.js 7.91 KiB [emitted] [name: pageB]
pageC.bundle.js 7.91 KiB [emitted] [name: pageC]
Entrypoint pageA = pageA.bundle.js
Entrypoint pageB = pageB.bundle.js
Entrypoint pageC = pageC.bundle.js
chunk pageB.bundle.js (pageB) 69 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk pageB.bundle.js (pageB) 69 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./pageB pageB
./pageB.js 69 bytes [built]
[used exports unknown]
[no exports used]
entry ./pageB pageB
+ 4 hidden chunk modules
chunk pageC.bundle.js (pageC) 68 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
+ 5 hidden chunk modules
chunk pageC.bundle.js (pageC) 68 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./pageC pageC
./pageC.js 68 bytes [built]
[used exports unknown]
[no exports used]
entry ./pageC pageC
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 394.chunk.js 42 bytes [rendered]
> ./a ./pageC.js 1:0-3:2
./a.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./a.js 1:0-14
cjs require ./a ./pageA.js 2:8-22
amd require ./a ./pageC.js 1:0-3:2
./b.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./b.js 1:0-14
cjs require ./b ./pageB.js 2:8-22
cjs require ./b ./pageC.js 2:17-31
chunk pageA.bundle.js (pageA) 69 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk pageA.bundle.js (pageA) 69 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./pageA pageA
./pageA.js 69 bytes [built]
[used exports unknown]
[no exports used]
entry ./pageA pageA
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 456.chunk.js 5.45 KiB [rendered]
> ./common ./pageA.js 1:0-3:2
> ./common ./pageB.js 1:0-3:2
./a.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./a.js 1:0-14
cjs require ./a ./pageA.js 2:8-22
amd require ./a ./pageC.js 1:0-3:2
./b.js 21 bytes [built]
[used exports unknown]
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
./common.js 5.41 KiB [built]
[used exports unknown]
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
```
@ -120,52 +120,57 @@ chunk 456.chunk.js 5.45 KiB [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
394.chunk.js 108 bytes [emitted]
456.chunk.js 159 bytes [emitted]
pageA.bundle.js 1.47 KiB [emitted] [name: pageA]
pageB.bundle.js 1.47 KiB [emitted] [name: pageB]
pageC.bundle.js 1.49 KiB [emitted] [name: pageC]
pageA.bundle.js 1.36 KiB [emitted] [name: pageA]
pageB.bundle.js 1.36 KiB [emitted] [name: pageB]
pageC.bundle.js 1.37 KiB [emitted] [name: pageC]
Entrypoint pageA = pageA.bundle.js
Entrypoint pageB = pageB.bundle.js
Entrypoint pageC = pageC.bundle.js
chunk pageB.bundle.js (pageB) 69 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk pageB.bundle.js (pageB) 69 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./pageB pageB
./pageB.js 69 bytes [built]
[no exports used]
entry ./pageB pageB
+ 4 hidden chunk modules
chunk pageC.bundle.js (pageC) 68 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
+ 5 hidden chunk modules
chunk pageC.bundle.js (pageC) 68 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./pageC pageC
./pageC.js 68 bytes [built]
[no exports used]
entry ./pageC pageC
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 394.chunk.js 42 bytes [rendered]
> ./a ./pageC.js 1:0-3:2
./a.js 21 bytes [built]
cjs self exports reference ./a.js 1:0-14
cjs require ./a ./pageA.js 2:8-22
amd require ./a ./pageC.js 1:0-3:2
./b.js 21 bytes [built]
cjs self exports reference ./b.js 1:0-14
cjs require ./b ./pageB.js 2:8-22
cjs require ./b ./pageC.js 2:17-31
chunk pageA.bundle.js (pageA) 69 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk pageA.bundle.js (pageA) 69 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./pageA pageA
./pageA.js 69 bytes [built]
[no exports used]
entry ./pageA pageA
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 456.chunk.js 5.45 KiB [rendered]
> ./common ./pageA.js 1:0-3:2
> ./common ./pageB.js 1:0-3:2
./a.js 21 bytes [built]
cjs self exports reference ./a.js 1:0-14
cjs require ./a ./pageA.js 2:8-22
amd require ./a ./pageC.js 1:0-3:2
./b.js 21 bytes [built]
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
./common.js 5.41 KiB [built]
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
```

View File

@ -77,15 +77,62 @@ module.exports = {
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/* 0 */,
/* 1 */
/*!*************************!*\
!*** ./images/file.svg ***!
\*************************/
/*! default exports */
/*! exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = "data:image/svg+xml,%3csvg xmlns='http://www.w3.or...3c/svg%3e";
/***/ })
/******/ ]);
```
<details><summary><code>/* webpack runtime code */</code></summary>
``` js
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(__webpack_module_cache__[moduleId]) {
/******/ return __webpack_module_cache__[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
```
</details>
``` js
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__ */
/* harmony import */ var _images_file_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./images/file.svg */ 1);
@ -112,80 +159,12 @@ function createImageElement(title, src) {
container.appendChild(div);
}
[_images_file_svg__WEBPACK_IMPORTED_MODULE_0__/* .default */ ].forEach(src => {
[_images_file_svg__WEBPACK_IMPORTED_MODULE_0__].forEach(src => {
createImageElement(src.split(".").pop(), src);
});
})();
/***/ }),
/* 1 */
/*!*************************!*\
!*** ./images/file.svg ***!
\*************************/
/*! export default [not provided] [no usage info] [no name, virtual] */
/*! exports [not provided] [no usage info] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = "data:image/svg+xml,%3csvg xmlns='http://www.w3.or...3c/svg%3e";
/***/ })
/******/ ]);
```
<details><summary><code>/* webpack runtime code */</code></summary>
``` js
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(__webpack_module_cache__[moduleId]) {
/******/ return __webpack_module_cache__[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
/******/ })()
;
```
@ -196,20 +175,18 @@ module.exports = "data:image/svg+xml,%3csvg xmlns='http://www.w3.or...3c/svg%3e"
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.7
Version: webpack 5.0.0-beta.16
Asset Size
output.js 4.01 KiB [emitted] [name: main]
output.js 3.02 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1.54 KiB (javascript) 274 bytes (runtime) [entry] [rendered]
chunk output.js (main) 1.54 KiB [entry] [rendered]
> ./example.js main
./example.js 658 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
./images/file.svg 915 bytes [built]
[no exports]
[used exports unknown]
harmony side effect evaluation ./images/file.svg ./example.js 1:0-36
harmony import specifier ./images/file.svg ./example.js 26:1-4
+ 1 hidden chunk module
```

View File

@ -1,4 +1,4 @@
This is a very simple example that the shows usage of the asset module type.
This is a very simple example that shows the usage of the asset module type.
Files can be imported like other modules without file-loader.
@ -64,15 +64,92 @@ module.exports = {
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/* 0 */,
/* 1 */
/*!*************************!*\
!*** ./images/file.png ***!
\*************************/
/*! default exports */
/*! exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.p, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__.p + "images/11744e207f673e90d075.png";
/***/ }),
/* 2 */
/*!*************************!*\
!*** ./images/file.jpg ***!
\*************************/
/*! default exports */
/*! exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAA...4CD/9M//Z";
/***/ }),
/* 3 */
/*!*************************!*\
!*** ./images/file.svg ***!
\*************************/
/*! default exports */
/*! exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDo...vc3ZnPgo=";
/***/ })
/******/ ]);
```
<details><summary><code>/* webpack runtime code */</code></summary>
``` js
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(__webpack_module_cache__[moduleId]) {
/******/ return __webpack_module_cache__[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ })();
/******/
/************************************************************************/
```
</details>
``` js
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__ */
/* harmony import */ var _images_file_png__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./images/file.png */ 1);
/* harmony import */ var _images_file_jpg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./images/file.jpg */ 2);
/* harmony import */ var _images_file_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./images/file.svg */ 3);
@ -103,111 +180,12 @@ function createImageElement(title, src) {
container.appendChild(div);
}
[_images_file_png__WEBPACK_IMPORTED_MODULE_0__/* .default */ , _images_file_jpg__WEBPACK_IMPORTED_MODULE_1__/* .default */ , _images_file_svg__WEBPACK_IMPORTED_MODULE_2__/* .default */ ].forEach(src => {
[_images_file_png__WEBPACK_IMPORTED_MODULE_0__, _images_file_jpg__WEBPACK_IMPORTED_MODULE_1__, _images_file_svg__WEBPACK_IMPORTED_MODULE_2__].forEach(src => {
createImageElement(src.split(".").pop(), src);
});
})();
/***/ }),
/* 1 */
/*!*************************!*\
!*** ./images/file.png ***!
\*************************/
/*! export default [not provided] [no usage info] [no name, virtual] */
/*! exports [not provided] [no usage info] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module, __webpack_require__.p, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__.p + "images/151cfcfa1bd74779aadb.png";
/***/ }),
/* 2 */
/*!*************************!*\
!*** ./images/file.jpg ***!
\*************************/
/*! export default [not provided] [no usage info] [no name, virtual] */
/*! exports [not provided] [no usage info] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAA...4CD/9M//Z";
/***/ }),
/* 3 */
/*!*************************!*\
!*** ./images/file.svg ***!
\*************************/
/*! export default [not provided] [no usage info] [no name, virtual] */
/*! exports [not provided] [no usage info] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module */
/***/ ((module) => {
module.exports = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDo...vc3ZnPgo=";
/***/ })
/******/ ]);
```
<details><summary><code>/* webpack runtime code */</code></summary>
``` js
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(__webpack_module_cache__[moduleId]) {
/******/ return __webpack_module_cache__[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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 */
/******/ !function() {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/
/************************************************************************/
```
</details>
``` js
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
/******/ })()
;
```
@ -218,31 +196,28 @@ module.exports = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDo...vc3ZnPgo="
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.7
Version: webpack 5.0.0-beta.16
Asset Size
images/151cfcfa1bd74779aadb.png 14.6 KiB [emitted] [immutable] [name: (main)]
output.js 13.4 KiB [emitted] [name: main]
Entrypoint main = output.js (images/151cfcfa1bd74779aadb.png)
chunk output.js (main) 9.58 KiB (javascript) 14.6 KiB (asset) 306 bytes (runtime) [entry] [rendered]
images/11744e207f673e90d075.png 14.6 KiB [emitted] [immutable] [name: (main)]
output.js 12.3 KiB [emitted] [name: main]
Entrypoint main = output.js (images/11744e207f673e90d075.png)
chunk output.js (main) 9.58 KiB (javascript) 14.6 KiB (asset) 32 bytes (runtime) [entry] [rendered]
> ./example.js main
./example.js 742 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
./images/file.jpg 7.92 KiB [built]
[no exports]
[used exports unknown]
harmony side effect evaluation ./images/file.jpg ./example.js 2:0-36
harmony import specifier ./images/file.jpg ./example.js 28:6-9
./images/file.png 42 bytes (javascript) 14.6 KiB (asset) [built]
[no exports]
[used exports unknown]
harmony side effect evaluation ./images/file.png ./example.js 1:0-36
harmony import specifier ./images/file.png ./example.js 28:1-4
./images/file.svg 915 bytes [built]
[no exports]
[used exports unknown]
harmony side effect evaluation ./images/file.svg ./example.js 3:0-36
harmony import specifier ./images/file.svg ./example.js 28:11-14
+ 2 hidden chunk modules
+ 1 hidden chunk module
```

View File

@ -14,7 +14,7 @@ const extraArgs = "";
const targetArgs = global.NO_TARGET_ARGS ? "" : " ./example.js -o dist/output.js ";
const displayReasons = global.NO_REASONS ? "" : " --display-reasons --display-used-exports --display-provided-exports";
const commonArgs = `--display-chunks --no-color --display-max-modules 99999 --display-origins --display-entrypoints --output-public-path "dist/" ${extraArgs} ${targetArgs}`;
const commonArgs = `--display-chunks --no-color --display-max-modules 99999 --display-origins --output-public-path "dist/" ${extraArgs} ${targetArgs}`;
let readme = fs.readFileSync(require("path").join(process.cwd(), "template.md"), "utf-8");

View File

@ -1,6 +1,6 @@
A common challenge with combining `[chunkhash]` and Code Splitting is that, the entry chunk includes the webpack runtime and with it the chunkhash mappings. This means it's always updated and the `[chunkhash]` is pretty useless because this chunk won't be cached.
A common challenge with combining `[chunkhash]` and Code Splitting is that the entry chunk includes the webpack runtime and with it the chunkhash mappings. This means it's always updated and the `[chunkhash]` is pretty useless because this chunk won't be cached.
A very simple solution to this problem is to create another chunk that contains only the webpack runtime (including chunkhash map). This can be achieved with the `optimization.runtimeChunk` options. To avoid the additional request for another chunk, this pretty small chunk can be inlined into the HTML page.
A very simple solution to this problem is to create another chunk that contains only the webpack runtime (including chunkhash map). This can be achieved with `optimization.runtimeChunk` options. To avoid the additional request for another chunk, this pretty small chunk can be inlined into the HTML page.
The configuration required for this is:
@ -43,7 +43,7 @@ module.exports = {
<body>
<!-- inlined minimized file "runtime~main.[chunkhash].js" -->
<script>
(()=>{"use strict";var e={},r={};function t(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return e[o](n,n.exports,t),n.l=!0,n.exports}t.m=e,t.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);t.r(o);var n={};if(2&r&&"object"==typeof e&&e)for(const r in e)n[r]=()=>e[r];return n.default=()=>e,t.d(o,n),o},function(){var e=Object.prototype.hasOwnProperty;t.d=(r,t)=>{for(var o in t)e.call(t,o)&&!e.call(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:t[o]})}}(),t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((r,o)=>(t.f[o](e,r),r),[])),t.u=e=>e+".[chunkhash].js",t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.p="dist/",function(){var e={303:0},r=[];t.f.j=(r,o)=>{var n=Object.prototype.hasOwnProperty.call(e,r)?e[r]:void 0;if(0!==n)if(n)o.push(n[2]);else{var a=new Promise((t,o)=>{n=e[r]=[t,o]});o.push(n[2]=a);var i,u=t.p+t.u(r),c=document.createElement("script");c.charset="utf-8",c.timeout=120,t.nc&&c.setAttribute("nonce",t.nc),c.src=u;var p=new Error;i=function(t){i=function(){},c.onerror=c.onload=null,clearTimeout(l);var o=(()=>{if(Object.prototype.hasOwnProperty.call(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n))return n[1]})();if(o){var a=t&&("load"===t.type?"missing":t.type),u=t&&t.target&&t.target.src;p.message="Loading chunk "+r+" failed.\n("+a+": "+u+")",p.name="ChunkLoadError",p.type=a,p.request=u,o(p)}};var l=setTimeout((function(){i({type:"timeout",target:c})}),12e4);c.onerror=c.onload=i,document.head.appendChild(c)}};var o=()=>{};function n(){for(var o,n=0;n<r.length;n++){for(var a=r[n],i=!0,u=1;u<a.length;u++){var c=a[u];0!==e[c]&&(i=!1)}i&&(r.splice(n--,1),o=t(t.s=a[0]))}return o}function a(n){for(var a,i,u=n[0],c=n[1],l=n[2],s=n[3],f=0,d=[];f<u.length;f++)i=u[f],Object.prototype.hasOwnProperty.call(e,i)&&e[i]&&d.push(e[i][0]),e[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(t.m[a]=c[a]);for(s&&s(t),p&&p(n);d.length;)d.shift()();return l&&r.push.apply(r,l),o()}t.x=()=>(o=n)();var i=window.webpackJsonp=window.webpackJsonp||[],u=i.push.bind(i);i.push=a,i=i.slice();for(var c=0;c<i.length;c++)a(i[c]);var p=u}(),t.x()})();
(()=>{"use strict";var e={},r={};function t(o){if(r[o])return r[o].exports;var n=r[o]={exports:{}};return e[o](n,n.exports,t),n.exports}t.m=e,t.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);t.r(o);var n={};if(2&r&&"object"==typeof e&&e)for(const r in e)n[r]=()=>e[r];return n.default=()=>e,t.d(o,n),o},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((r,o)=>(t.f[o](e,r),r),[])),t.u=e=>e+".[chunkhash].js",t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.p="dist/",(()=>{var e={303:0},r=[];t.f.j=(r,o)=>{var n=t.o(e,r)?e[r]:void 0;if(0!==n)if(n)o.push(n[2]);else{var a=new Promise((t,o)=>{n=e[r]=[t,o]});o.push(n[2]=a);var i,u=t.p+t.u(r),s=document.createElement("script");s.charset="utf-8",s.timeout=120,t.nc&&s.setAttribute("nonce",t.nc),s.src=u;var f=new Error;i=o=>{i=()=>{},s.onerror=s.onload=null,clearTimeout(l);var a=(()=>{if(t.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n))return n[1]})();if(a){var u=o&&("load"===o.type?"missing":o.type),p=o&&o.target&&o.target.src;f.message="Loading chunk "+r+" failed.\n("+u+": "+p+")",f.name="ChunkLoadError",f.type=u,f.request=p,a(f)}};var l=setTimeout(()=>{i({type:"timeout",target:s})},12e4);s.onerror=s.onload=i,document.head.appendChild(s)}};var o=()=>{};function n(){for(var o,n=0;n<r.length;n++){for(var a=r[n],i=!0,u=1;u<a.length;u++){var s=a[u];0!==e[s]&&(i=!1)}i&&(r.splice(n--,1),o=t(t.s=a[0]))}return 0===r.length&&(t.x(),t.x=()=>{}),o}function a(n){for(var a,i,u=n[0],f=n[1],l=n[2],p=n[3],c=0,d=[];c<u.length;c++)i=u[c],t.o(e,i)&&e[i]&&d.push(e[i][0]),e[i]=0;for(a in f)t.o(f,a)&&(t.m[a]=f[a]);for(p&&p(t),s&&s(n);d.length;)d.shift()();return l&&r.push.apply(r,l),o()}t.x=()=>{t.x=()=>{},i=i.slice();for(var e=0;e<i.length;e++)a(i[e]);return(o=n)()};var i=window.webpackJsonp=window.webpackJsonp||[],u=i.push.bind(i);i.push=a;var s=u})(),t.x()})();
</script>
<script src="dist/main.[chunkhash].js"></script>
@ -74,17 +74,14 @@ module.exports = {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -94,7 +91,7 @@ module.exports = {
/******/
/************************************************************************/
/******/ /* webpack/runtime/create fake namespace object */
/******/ !function() {
/******/ (() => {
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
@ -114,23 +111,22 @@ module.exports = {
/******/ __webpack_require__.d(ns, def);
/******/ return ns;
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -140,19 +136,24 @@ module.exports = {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".[chunkhash].js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -160,17 +161,15 @@ module.exports = {
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -181,11 +180,9 @@ module.exports = {
/******/ var deferredModules = [
/******/
/******/ ];
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -202,7 +199,7 @@ module.exports = {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -220,8 +217,10 @@ module.exports = {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -235,23 +234,22 @@ module.exports = {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
@ -273,10 +271,21 @@ module.exports = {
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ // no prefetch
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/
@ -286,25 +295,23 @@ module.exports = {
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -319,10 +326,8 @@ module.exports = {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -344,7 +349,8 @@ module.exports = {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
@ -363,30 +369,28 @@ __webpack_require__.e(/*! import() */ 3).then(__webpack_require__.t.bind(__webpa
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
2.[chunkhash].js 314 bytes [emitted]
3.[chunkhash].js 308 bytes [emitted]
main.[chunkhash].js 676 bytes [emitted] [name: main]
runtime~main.[chunkhash].js 10.7 KiB [emitted] [name: runtime~main]
2.[chunkhash].js 370 bytes [emitted]
3.[chunkhash].js 364 bytes [emitted]
main.[chunkhash].js 710 bytes [emitted] [name: main]
runtime~main.[chunkhash].js 10.9 KiB [emitted] [name: runtime~main]
Entrypoint main = runtime~main.[chunkhash].js main.[chunkhash].js
chunk runtime~main.[chunkhash].js (runtime~main) 6.45 KiB [entry] [rendered]
chunk runtime~main.[chunkhash].js (runtime~main) 6.59 KiB [entry] [rendered]
> ./example main
7 chunk modules
8 chunk modules
chunk main.[chunkhash].js (main) 55 bytes [initial] [rendered]
> ./example main
./example.js 55 bytes [built]
[used exports unknown]
[no exports used]
entry ./example main
chunk 2.[chunkhash].js 28 bytes [rendered]
> ./async1 ./example.js 2:0-18
./async1.js 28 bytes [built]
[used exports unknown]
import() ./async1 ./example.js 2:0-18
chunk 3.[chunkhash].js 28 bytes [rendered]
> ./async2 ./example.js 3:0-18
./async2.js 28 bytes [built]
[used exports unknown]
import() ./async2 ./example.js 3:0-18
```
@ -394,12 +398,12 @@ chunk 3.[chunkhash].js 28 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
114.[chunkhash].js 73 bytes [emitted]
172.[chunkhash].js 73 bytes [emitted]
main.[chunkhash].js 155 bytes [emitted] [name: main]
runtime~main.[chunkhash].js 2.23 KiB [emitted] [name: runtime~main]
runtime~main.[chunkhash].js 2.11 KiB [emitted] [name: runtime~main]
Entrypoint main = runtime~main.[chunkhash].js main.[chunkhash].js
chunk 114.[chunkhash].js 28 bytes [rendered]
> ./async1 ./example.js 2:0-18
@ -414,7 +418,7 @@ chunk main.[chunkhash].js (main) 55 bytes [initial] [rendered]
./example.js 55 bytes [built]
[no exports used]
entry ./example main
chunk runtime~main.[chunkhash].js (runtime~main) 6.45 KiB [entry] [rendered]
chunk runtime~main.[chunkhash].js (runtime~main) 6.6 KiB [entry] [rendered]
> ./example main
7 chunk modules
8 chunk modules
```

View File

@ -57,22 +57,17 @@ exports.multiply = function multiply() {
/*!**********************!*\
!*** ./increment.js ***!
\**********************/
/*! exports type: default defaultObject: redirect */
/*! export decrement [provided] [unused] [renamed to C] */
/*! export default [provided] [unused] [no name, virtual] */
/*! export decrement [provided] [unused] [renamed to C] */
/*! export increment [provided] [used] [renamed to pD] */
/*! export incrementBy2 [provided] [unused] [renamed to ju] */
/*! other exports [not provided] [unused] */
/*! export increment [provided] [used] [renamed to pD] */
/*! export incrementBy2 [provided] [unused] [renamed to ju] */
/*! default exports */
/*! export decrement [provided] [unused] [renamed to Mj] */
/*! export increment [provided] [used] [renamed to nP] */
/*! export incrementBy2 [provided] [unused] [renamed to pN] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_exports__ */
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
var __webpack_unused_export__;
const add = __webpack_require__(/*! ./math */ 2)/* .add */ .K;
exports.pD = function increment(val) {
const add = __webpack_require__(/*! ./math */ 2)/* .add */ .I;
exports.nP = function increment(val) {
return add(val, 1);
};
__webpack_unused_export__ = function incrementBy2(val) {
@ -88,19 +83,15 @@ __webpack_unused_export__ = function decrement(val) {
/*!*****************!*\
!*** ./math.js ***!
\*****************/
/*! exports type: default defaultObject: redirect */
/*! export add [provided] [used] [renamed to K] */
/*! export default [provided] [unused] [no name, virtual] */
/*! export add [provided] [used] [renamed to K] */
/*! export multiply [provided] [unused] [renamed to j] */
/*! other exports [not provided] [unused] */
/*! export multiply [provided] [unused] [renamed to j] */
/*! default exports */
/*! export add [provided] [used] [renamed to I] */
/*! export multiply [provided] [unused] [renamed to J] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_exports__ */
/***/ ((__unused_webpack_module, exports) => {
var __webpack_unused_export__;
exports.K = function add() {
exports.I = function add() {
var sum = 0,
i = 0,
args = arguments,
@ -164,10 +155,10 @@ __webpack_unused_export__ = function multiply() {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! dynamic exports type */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
const inc = __webpack_require__(/*! ./increment */ 1)/* .increment */ .pD;
const inc = __webpack_require__(/*! ./increment */ 1)/* .increment */ .nP;
var a = 1;
inc(a); // 2
@ -180,14 +171,14 @@ inc(a); // 2
# dist/output.js (production)
```javascript
/*! For license information please see output.js.LICENSE */
(()=>{var r=[,(r,t,n)=>{const e=n(2).K;t.pD=function(r){return e(r,1)}},(r,t)=>{t.K=function(){for(var r=0,t=0,n=arguments,e=n.length;t<e;)r+=n[t++];return r}}],t={};function n(e){if(t[e])return t[e].exports;var o=t[e]={exports:{}};return r[e](o,o.exports,n),o.exports}(0,n(1).pD)(1)})();
/*! For license information please see output.js.LICENSE.txt */
(()=>{var r=[,(r,n,t)=>{const e=t(2).I;n.nP=function(r){return e(r,1)}},(r,n)=>{n.I=function(){for(var r=0,n=0,t=arguments,e=t.length;n<e;)r+=t[n++];return r}}],n={};function t(e){if(n[e])return n[e].exports;var o=n[e]={exports:{}};return r[e](o,o.exports,t),o.exports}(0,t(1).nP)(1)})();
```
# dist/without.js (same without tree shaking)
```javascript
/*! For license information please see without.js.LICENSE */
/*! For license information please see without.js.LICENSE.txt */
(()=>{var n=[,(n,r,t)=>{const e=t(2).add;r.increment=function(n){return e(n,1)},r.incrementBy2=function(n){return e(n,2)},r.decrement=function(n){return e(n,1)}},(n,r)=>{r.add=function(){for(var n=0,r=0,t=arguments,e=t.length;r<e;)n+=t[r++];return n},r.multiply=function(){for(var n=0,r=arguments,t=r.length;n<t;)sum*=r[n++];return sum}}],r={};function t(e){if(r[e])return r[e].exports;var u=r[e]={exports:{}};return n[e](u,u.exports,t),u.exports}(0,t(1).increment)(1)})();
```
@ -197,11 +188,11 @@ inc(a); // 2
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.7
Version: webpack 5.0.0-beta.16
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
output.js 3.44 KiB [emitted] [name: main]
output.js 2.89 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 634 bytes [entry] [rendered]
> ./example.js main
@ -209,17 +200,17 @@ Child
[no exports used]
entry ./example.js main
./increment.js 251 bytes [built]
[exports: default, decrement, increment, incrementBy2]
[exports: decrement, increment, incrementBy2]
[only some exports used: increment]
cjs full require ./increment ./example.js 1:12-44
./math.js 313 bytes [built]
[exports: default, add, multiply]
[exports: add, multiply]
[only some exports used: add]
cjs full require ./math ./increment.js 1:12-33
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
without.js 3.7 KiB [emitted] [name: main]
without.js 2.97 KiB [emitted] [name: main]
Entrypoint main = without.js
chunk without.js (main) 634 bytes [entry] [rendered]
> ./example.js main
@ -227,11 +218,11 @@ Child
[used exports unknown]
entry ./example.js main
./increment.js 251 bytes [built]
[exports: default, decrement, increment, incrementBy2]
[exports: decrement, increment, incrementBy2]
[used exports unknown]
cjs full require ./increment ./example.js 1:12-44
./math.js 313 bytes [built]
[exports: default, add, multiply]
[exports: add, multiply]
[used exports unknown]
cjs full require ./math ./increment.js 1:12-33
```
@ -240,12 +231,12 @@ Child
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.7
Version: webpack 5.0.0-beta.16
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
output.js 348 bytes [emitted] [name: main]
output.js.LICENSE 1.16 KiB [emitted]
output.js 352 bytes [emitted] [name: main]
output.js.LICENSE.txt 745 bytes [emitted]
Entrypoint main = output.js
chunk output.js (main) 634 bytes [entry] [rendered]
> ./example.js main
@ -253,18 +244,18 @@ Child
[no exports used]
entry ./example.js main
./increment.js 251 bytes [built]
[exports: default, decrement, increment, incrementBy2]
[exports: decrement, increment, incrementBy2]
[only some exports used: increment]
cjs full require ./increment ./example.js 1:12-44
./math.js 313 bytes [built]
[exports: default, add, multiply]
[exports: add, multiply]
[only some exports used: add]
cjs full require ./math ./increment.js 1:12-33
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
without.js 534 bytes [emitted] [name: main]
without.js.LICENSE 1.49 KiB [emitted]
without.js 538 bytes [emitted] [name: main]
without.js.LICENSE.txt 908 bytes [emitted]
Entrypoint main = without.js
chunk without.js (main) 634 bytes [entry] [rendered]
> ./example.js main
@ -272,11 +263,11 @@ Child
[used exports unknown]
entry ./example.js main
./increment.js 251 bytes [built]
[exports: default, decrement, increment, incrementBy2]
[exports: decrement, increment, incrementBy2]
[used exports unknown]
cjs full require ./increment ./example.js 1:12-44
./math.js 313 bytes [built]
[exports: default, add, multiply]
[exports: add, multiply]
[used exports unknown]
cjs full require ./math ./increment.js 1:12-33
```

View File

@ -36,17 +36,14 @@ getTemplate("b", function(b) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -56,7 +53,7 @@ getTemplate("b", function(b) {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -66,26 +63,29 @@ getTemplate("b", function(b) {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -94,11 +94,9 @@ getTemplate("b", function(b) {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -115,7 +113,7 @@ getTemplate("b", function(b) {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -133,8 +131,10 @@ getTemplate("b", function(b) {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -148,28 +148,27 @@ getTemplate("b", function(b) {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -177,25 +176,23 @@ getTemplate("b", function(b) {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -205,9 +202,8 @@ getTemplate("b", function(b) {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -218,7 +214,8 @@ getTemplate("b", function(b) {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! 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) {
@ -244,8 +241,9 @@ getTemplate("b", function(b) {
/*!**************************************************!*\
!*** ../require.context/templates sync ^\.\/.*$ ***!
\**************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__ */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -263,7 +261,7 @@ function webpackContext(req) {
return __webpack_require__(id);
}
function webpackContextResolve(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
throw e;
@ -282,7 +280,8 @@ webpackContext.id = 1;
/*!*****************************************!*\
!*** ../require.context/templates/a.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -295,7 +294,8 @@ module.exports = function() {
/*!*****************************************!*\
!*** ../require.context/templates/b.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -308,7 +308,8 @@ module.exports = function() {
/*!*****************************************!*\
!*** ../require.context/templates/c.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -326,32 +327,31 @@ module.exports = function() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
577.output.js 2.1 KiB [emitted]
output.js 8.07 KiB [emitted] [name: main]
577.output.js 2.33 KiB [emitted]
output.js 8.05 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 251 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 251 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 251 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 577.output.js 457 bytes [rendered]
> ./example.js 2:1-4:3
../require.context/templates sync ^\.\/.*$ 217 bytes [built]
[used exports unknown]
amd require context ../require.context/templates ./example.js 2:1-4:3
../require.context/templates/a.js 80 bytes [optional] [built]
[used exports unknown]
../require.context/templates/a.js 80 bytes [built]
cjs self exports reference ../require.context/templates/a.js 1:0-14
context element ./a ../require.context/templates sync ^\.\/.*$ ./a
context element ./a.js ../require.context/templates sync ^\.\/.*$ ./a.js
../require.context/templates/b.js 80 bytes [optional] [built]
[used exports unknown]
../require.context/templates/b.js 80 bytes [built]
cjs self exports reference ../require.context/templates/b.js 1:0-14
context element ./b ../require.context/templates sync ^\.\/.*$ ./b
context element ./b.js ../require.context/templates sync ^\.\/.*$ ./b.js
../require.context/templates/c.js 80 bytes [optional] [built]
[used exports unknown]
../require.context/templates/c.js 80 bytes [built]
cjs self exports reference ../require.context/templates/c.js 1:0-14
context element ./c ../require.context/templates sync ^\.\/.*$ ./c
context element ./c.js ../require.context/templates sync ^\.\/.*$ ./c.js
```
@ -360,28 +360,31 @@ chunk 577.output.js 457 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
577.output.js 646 bytes [emitted]
output.js 1.57 KiB [emitted] [name: main]
577.output.js 613 bytes [emitted]
output.js 1.45 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 251 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 251 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 251 bytes [built]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 577.output.js 457 bytes [rendered]
> ./example.js 2:1-4:3
../require.context/templates sync ^\.\/.*$ 217 bytes [built]
amd require context ../require.context/templates ./example.js 2:1-4:3
../require.context/templates/a.js 80 bytes [optional] [built]
../require.context/templates/a.js 80 bytes [built]
cjs self exports reference ../require.context/templates/a.js 1:0-14
context element ./a ../require.context/templates sync ^\.\/.*$ ./a
context element ./a.js ../require.context/templates sync ^\.\/.*$ ./a.js
../require.context/templates/b.js 80 bytes [optional] [built]
../require.context/templates/b.js 80 bytes [built]
cjs self exports reference ../require.context/templates/b.js 1:0-14
context element ./b ../require.context/templates sync ^\.\/.*$ ./b
context element ./b.js ../require.context/templates sync ^\.\/.*$ ./b.js
../require.context/templates/c.js 80 bytes [optional] [built]
../require.context/templates/c.js 80 bytes [built]
cjs self exports reference ../require.context/templates/c.js 1:0-14
context element ./c ../require.context/templates sync ^\.\/.*$ ./c
context element ./c.js ../require.context/templates sync ^\.\/.*$ ./c.js
```

View File

@ -36,17 +36,14 @@ getTemplate("b", function(b) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -56,7 +53,7 @@ getTemplate("b", function(b) {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -66,26 +63,29 @@ getTemplate("b", function(b) {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -94,11 +94,9 @@ getTemplate("b", function(b) {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -115,7 +113,7 @@ getTemplate("b", function(b) {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -133,8 +131,10 @@ getTemplate("b", function(b) {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -148,28 +148,27 @@ getTemplate("b", function(b) {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -177,25 +176,23 @@ getTemplate("b", function(b) {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -205,9 +202,8 @@ getTemplate("b", function(b) {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -218,7 +214,8 @@ getTemplate("b", function(b) {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__.e, __webpack_require__, __webpack_require__.* */
function getTemplate(templateName, callback) {
__webpack_require__.e(/*! require.ensure */ 577).then((function(require) {
@ -244,8 +241,9 @@ getTemplate("b", function(b) {
/*!**************************************************!*\
!*** ../require.context/templates sync ^\.\/.*$ ***!
\**************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__ */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -263,7 +261,7 @@ function webpackContext(req) {
return __webpack_require__(id);
}
function webpackContextResolve(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
throw e;
@ -282,7 +280,8 @@ webpackContext.id = 1;
/*!*****************************************!*\
!*** ../require.context/templates/a.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -295,7 +294,8 @@ module.exports = function() {
/*!*****************************************!*\
!*** ../require.context/templates/b.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -308,7 +308,8 @@ module.exports = function() {
/*!*****************************************!*\
!*** ../require.context/templates/c.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -326,32 +327,31 @@ module.exports = function() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
577.output.js 2.1 KiB [emitted]
output.js 7.99 KiB [emitted] [name: main]
577.output.js 2.33 KiB [emitted]
output.js 7.96 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 266 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 266 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 266 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 577.output.js 457 bytes [rendered]
> ./example.js 2:1-4:3
../require.context/templates sync ^\.\/.*$ 217 bytes [built]
[used exports unknown]
cjs require context ../require.context/templates ./example.js 3:11-64
../require.context/templates/a.js 80 bytes [optional] [built]
[used exports unknown]
../require.context/templates/a.js 80 bytes [built]
cjs self exports reference ../require.context/templates/a.js 1:0-14
context element ./a ../require.context/templates sync ^\.\/.*$ ./a
context element ./a.js ../require.context/templates sync ^\.\/.*$ ./a.js
../require.context/templates/b.js 80 bytes [optional] [built]
[used exports unknown]
../require.context/templates/b.js 80 bytes [built]
cjs self exports reference ../require.context/templates/b.js 1:0-14
context element ./b ../require.context/templates sync ^\.\/.*$ ./b
context element ./b.js ../require.context/templates sync ^\.\/.*$ ./b.js
../require.context/templates/c.js 80 bytes [optional] [built]
[used exports unknown]
../require.context/templates/c.js 80 bytes [built]
cjs self exports reference ../require.context/templates/c.js 1:0-14
context element ./c ../require.context/templates sync ^\.\/.*$ ./c
context element ./c.js ../require.context/templates sync ^\.\/.*$ ./c.js
```
@ -360,28 +360,31 @@ chunk 577.output.js 457 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
577.output.js 646 bytes [emitted]
output.js 1.54 KiB [emitted] [name: main]
577.output.js 613 bytes [emitted]
output.js 1.42 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 266 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 266 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 266 bytes [built]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 577.output.js 457 bytes [rendered]
> ./example.js 2:1-4:3
../require.context/templates sync ^\.\/.*$ 217 bytes [built]
cjs require context ../require.context/templates ./example.js 3:11-64
../require.context/templates/a.js 80 bytes [optional] [built]
../require.context/templates/a.js 80 bytes [built]
cjs self exports reference ../require.context/templates/a.js 1:0-14
context element ./a ../require.context/templates sync ^\.\/.*$ ./a
context element ./a.js ../require.context/templates sync ^\.\/.*$ ./a.js
../require.context/templates/b.js 80 bytes [optional] [built]
../require.context/templates/b.js 80 bytes [built]
cjs self exports reference ../require.context/templates/b.js 1:0-14
context element ./b ../require.context/templates sync ^\.\/.*$ ./b
context element ./b.js ../require.context/templates sync ^\.\/.*$ ./b.js
../require.context/templates/c.js 80 bytes [optional] [built]
../require.context/templates/c.js 80 bytes [built]
cjs self exports reference ../require.context/templates/c.js 1:0-14
context element ./c ../require.context/templates sync ^\.\/.*$ ./c
context element ./c.js ../require.context/templates sync ^\.\/.*$ ./c.js
```

View File

@ -23,10 +23,11 @@ module.exports = "It works";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */
/*!******************************************************!*\
!*** (webpack)/node_modules/bundle-loader!./file.js ***!
\******************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!***********************************************************!*\
!*** ../../node_modules/bundle-loader/index.js!./file.js ***!
\***********************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
@ -37,7 +38,7 @@ module.exports = function(cb) {
else cb(data);
}
__webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
data = __webpack_require__(/*! !./file.js */ 2);
data = __webpack_require__(/*! !!./file.js */ 2);
var callbacks = cbs;
cbs = null;
for(var i = 0, l = callbacks.length; i < l; i++) {
@ -64,17 +65,14 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -84,7 +82,7 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -94,26 +92,29 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -122,11 +123,9 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -143,7 +142,7 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -161,8 +160,10 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -176,28 +177,27 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -205,25 +205,23 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -233,9 +231,8 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -243,17 +240,19 @@ __webpack_require__.e(/*! require.ensure */ 929).then((function(require) {
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
__webpack_require__(/*! bundle-loader!./file.js */ 1)(function(fileJsExports) {
console.log(fileJsExports);
});
}();
})();
/******/ })()
;
```
@ -267,7 +266,8 @@ __webpack_require__(/*! bundle-loader!./file.js */ 1)(function(fileJsExports) {
/*!*****************!*\
!*** ./file.js ***!
\*****************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -284,46 +284,48 @@ module.exports = "It works";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
929.output.js 316 bytes [emitted]
output.js 8.56 KiB [emitted] [name: main]
929.output.js 372 bytes [emitted]
output.js 8.6 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 375 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 375 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
(webpack)/node_modules/bundle-loader!./file.js 281 bytes [built]
[used exports unknown]
../../node_modules/bundle-loader/index.js!./file.js 281 bytes [built]
cjs require bundle-loader!./file.js ./example.js 1:0-34
cjs self exports reference ../../node_modules/bundle-loader/index.js!./file.js 3:0-14
./example.js 94 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 929.output.js 28 bytes [rendered]
> (webpack)/node_modules/bundle-loader!./file.js 7:0-14:2
> ../../node_modules/bundle-loader/index.js!./file.js 7:0-14:2
./file.js 28 bytes [built]
[used exports unknown]
cjs require !!./file.js (webpack)/node_modules/bundle-loader!./file.js 8:8-30
cjs self exports reference ./file.js 1:0-14
cjs require !!./file.js ../../node_modules/bundle-loader/index.js!./file.js 8:8-30
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
929.output.js 92 bytes [emitted]
output.js 1.6 KiB [emitted] [name: main]
output.js 1.48 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 375 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 375 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
(webpack)/node_modules/bundle-loader!./file.js 281 bytes [built]
../../node_modules/bundle-loader/index.js!./file.js 281 bytes [built]
cjs require bundle-loader!./file.js ./example.js 1:0-34
cjs self exports reference ../../node_modules/bundle-loader/index.js!./file.js 3:0-14
./example.js 94 bytes [built]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 929.output.js 28 bytes [rendered]
> (webpack)/node_modules/bundle-loader!./file.js 7:0-14:2
> ../../node_modules/bundle-loader/index.js!./file.js 7:0-14:2
./file.js 28 bytes [built]
cjs require !!./file.js (webpack)/node_modules/bundle-loader!./file.js 8:8-30
cjs self exports reference ./file.js 1:0-14
cjs require !!./file.js ../../node_modules/bundle-loader/index.js!./file.js 8:8-30
```

View File

@ -241,8 +241,6 @@ console.log(lodash, isomorphicFetch);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/ };
@ -441,8 +439,7 @@ console.log((lodash__WEBPACK_IMPORTED_MODULE_0___default()), (isomorphic_fetch__
!*** ./node_modules/lodash.js ***!
\********************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -455,8 +452,7 @@ module.exports = 'lodash';
!*** ./node_modules/isomorphic-fetch.js ***!
\******************************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -476,8 +472,7 @@ module.exports = "isomorphic-fetch";
!*** ./node_modules/react.js ***!
\*******************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -490,8 +485,7 @@ module.exports = 'react';
!*** ./node_modules/react-dom.js ***!
\***********************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -504,8 +498,7 @@ module.exports = 'react-dom';
!*** ./node_modules/prop-types.js ***!
\************************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -522,13 +515,13 @@ module.exports = 'prop-types';
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.13
Version: webpack 5.0.0-beta.16
Asset Size
app.js 1.09 KiB [emitted] [name: app]
lazy_js.js 1.13 KiB [emitted]
other-vendors.js 2.09 KiB [emitted] [name: other-vendors]
other-vendors.js 1.87 KiB [emitted] [name: other-vendors]
page1.js 1.56 KiB [emitted] [name: page1]
react-vendors.js 1.47 KiB [emitted] [name: react-vendors]
react-vendors.js 1.15 KiB [emitted] [name: react-vendors]
runtime.js 10.4 KiB [emitted] [name: runtime]
Entrypoint app = app.js
Entrypoint page1 = page1.js
@ -592,7 +585,7 @@ chunk react-vendors.js (react-vendors) 87 bytes ={runtime}= >{page1}< [initial]
harmony side effect evaluation react ./page1.js 2:0-26
harmony import specifier react ./page1.js 5:29-34
entry react react-vendors
chunk runtime.js (runtime) 6.2 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
chunk runtime.js (runtime) 6.18 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
> ./other-vendors other-vendors
> prop-types react-vendors
> react react-vendors
@ -604,7 +597,7 @@ chunk runtime.js (runtime) 6.2 KiB ={other-vendors}= ={react-vendors}= >{app}< >
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.13
Version: webpack 5.0.0-beta.16
Asset Size
app.js 186 bytes [emitted] [name: app]
lazy_js.js 163 bytes [emitted]
@ -674,7 +667,7 @@ chunk react-vendors.js (react-vendors) 87 bytes ={runtime}= >{page1}< [initial]
harmony side effect evaluation react ./page1.js 2:0-26
harmony import specifier react ./page1.js 5:29-34
entry react react-vendors
chunk runtime.js (runtime) 6.2 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
chunk runtime.js (runtime) 6.18 KiB ={other-vendors}= ={react-vendors}= >{app}< >{page1}< [entry] [rendered]
> ./other-vendors other-vendors
> prop-types react-vendors
> react react-vendors

View File

@ -71,8 +71,7 @@ console.log((react__WEBPACK_IMPORTED_MODULE_0___default()), (react_dom__WEBPACK_
!*** ./node_modules/react.js ***!
\*******************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -85,8 +84,7 @@ module.exports = 'react';
!*** ./node_modules/react-dom.js ***!
\***********************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -99,8 +97,7 @@ module.exports = 'react-dom';
!*** ./node_modules/prop-types.js ***!
\************************************/
/*! unknown exports (runtime-defined) */
/*! export default [maybe provided (runtime-defined)] [used] [usage and provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -288,10 +285,10 @@ module.exports = 'prop-types';
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.13
Version: webpack 5.0.0-beta.16
Asset Size
app.js 1.35 KiB [emitted] [name: app]
react-vendors.js 7.45 KiB [emitted] [name: react-vendors]
react-vendors.js 7.12 KiB [emitted] [name: react-vendors]
Entrypoint app = app.js
Entrypoint react-vendors = react-vendors.js
chunk app.js (app) 139 bytes <{react-vendors}> [initial] [rendered]
@ -326,7 +323,7 @@ chunk react-vendors.js (react-vendors) 87 bytes (javascript) 3.17 KiB (runtime)
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.13
Version: webpack 5.0.0-beta.16
Asset Size
app.js 197 bytes [emitted] [name: app]
react-vendors.js 1.08 KiB [emitted] [name: react-vendors]

View File

@ -1,4 +1,4 @@
This example shows how to use Code Splitting with the ES6 module syntax.
This example show how to use Code Splitting with the ES6 module syntax.
The standard `import` is sync.
@ -29,39 +29,13 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
```javascript
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_require__.r, __webpack_exports__, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var a__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! a */ 1);
/* harmony import */ var a__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(a__WEBPACK_IMPORTED_MODULE_0__);
__webpack_require__.e(/*! import() */ 644).then(__webpack_require__.t.bind(__webpack_require__, /*! b */ 3, 7)).then(function(b) {
console.log("b loaded", b);
})
function loadC(name) {
return __webpack_require__(2)("./" + name);
}
Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
console.log("c/1 and c/2 loaded", arr);
});
/***/ }),
/* 0 */,
/* 1 */
/*!***************************!*\
!*** ./node_modules/a.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
@ -72,8 +46,9 @@ Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
/*!*******************************************************!*\
!*** ./node_modules/c lazy ^\.\/.*$ namespace object ***!
\*******************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -95,7 +70,7 @@ var map = {
]
};
function webpackAsyncContext(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
return Promise.resolve().then(() => {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
@ -108,9 +83,7 @@ function webpackAsyncContext(req) {
return __webpack_require__.t(id, 7);
});
}
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
return Object.keys(map);
};
webpackAsyncContext.keys = () => Object.keys(map);
webpackAsyncContext.id = 2;
module.exports = webpackAsyncContext;
@ -133,17 +106,14 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -153,7 +123,7 @@ module.exports = webpackAsyncContext;
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ !function() {
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
@ -162,10 +132,10 @@ module.exports = webpackAsyncContext;
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/create fake namespace object */
/******/ !function() {
/******/ (() => {
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
@ -185,23 +155,22 @@ module.exports = webpackAsyncContext;
/******/ __webpack_require__.d(ns, def);
/******/ return ns;
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -211,19 +180,24 @@ module.exports = webpackAsyncContext;
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -231,17 +205,15 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -250,11 +222,9 @@ module.exports = webpackAsyncContext;
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -271,7 +241,7 @@ module.exports = webpackAsyncContext;
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -289,8 +259,10 @@ module.exports = webpackAsyncContext;
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -304,28 +276,27 @@ module.exports = webpackAsyncContext;
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -333,25 +304,23 @@ module.exports = webpackAsyncContext;
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -361,9 +330,8 @@ module.exports = webpackAsyncContext;
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -371,10 +339,32 @@ module.exports = webpackAsyncContext;
</details>
``` js
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
"use strict";
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/* harmony import */ var a__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! a */ 1);
/* harmony import */ var a__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(a__WEBPACK_IMPORTED_MODULE_0__);
__webpack_require__.e(/*! import() */ 644).then(__webpack_require__.t.bind(__webpack_require__, /*! b */ 3, 7)).then(function(b) {
console.log("b loaded", b);
})
function loadC(name) {
return __webpack_require__(2)("./" + name);
}
Promise.all([loadC("1"), loadC("2")]).then(function(arr) {
console.log("c/1 and c/2 loaded", arr);
});
})();
/******/ })()
;
```
@ -385,44 +375,40 @@ module.exports = webpackAsyncContext;
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
346.output.js 325 bytes [emitted]
644.output.js 317 bytes [emitted]
98.output.js 324 bytes [emitted]
output.js 12.3 KiB [emitted] [name: main]
346.output.js 381 bytes [emitted]
644.output.js 373 bytes [emitted]
98.output.js 380 bytes [emitted]
output.js 12 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk 98.output.js 13 bytes [rendered]
> ./2 ./node_modules/c lazy ^\.\/.*$ namespace object ./2
> ./2.js ./node_modules/c lazy ^\.\/.*$ namespace object ./2.js
./node_modules/c/2.js 13 bytes [optional] [built]
[used exports unknown]
context element ./2 ./node_modules/c lazy ^\.\/.*$ namespace object ./2
context element ./2.js ./node_modules/c lazy ^\.\/.*$ namespace object ./2.js
chunk output.js (main) 414 bytes (javascript) 5.77 KiB (runtime) [entry] [rendered]
chunk output.js (main) 414 bytes (javascript) 5.68 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 243 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
./node_modules/a.js 11 bytes [built]
[used exports unknown]
[no exports used]
harmony side effect evaluation a ./example.js 1:0-18
./node_modules/c lazy ^\.\/.*$ namespace object 160 bytes [built]
[used exports unknown]
import() context lazy c ./example.js 8:8-27
+ 8 hidden chunk modules
+ 9 hidden chunk modules
chunk 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]
[used exports unknown]
context element ./1 ./node_modules/c lazy ^\.\/.*$ namespace object ./1
context element ./1.js ./node_modules/c lazy ^\.\/.*$ namespace object ./1.js
chunk 644.output.js 11 bytes [rendered]
> b ./example.js 3:0-11
./node_modules/b.js 11 bytes [built]
[used exports unknown]
import() b ./example.js 3:0-11
```
@ -430,12 +416,12 @@ chunk 644.output.js 11 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
346.output.js 73 bytes [emitted]
644.output.js 73 bytes [emitted]
98.output.js 71 bytes [emitted]
output.js 2.62 KiB [emitted] [name: main]
output.js 2.4 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk 98.output.js 13 bytes [rendered]
> ./2 ./node_modules/c lazy ^\.\/.*$ namespace object ./2
@ -443,7 +429,7 @@ chunk 98.output.js 13 bytes [rendered]
./node_modules/c/2.js 13 bytes [optional] [built]
context element ./2 ./node_modules/c lazy ^\.\/.*$ namespace object ./2
context element ./2.js ./node_modules/c lazy ^\.\/.*$ namespace object ./2.js
chunk output.js (main) 414 bytes (javascript) 5.77 KiB (runtime) [entry] [rendered]
chunk output.js (main) 414 bytes (javascript) 5.68 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 243 bytes [built]
[no exports]
@ -454,7 +440,7 @@ chunk output.js (main) 414 bytes (javascript) 5.77 KiB (runtime) [entry] [render
harmony side effect evaluation a ./example.js 1:0-18
./node_modules/c lazy ^\.\/.*$ namespace object 160 bytes [built]
import() context lazy c ./example.js 8:8-27
+ 8 hidden chunk modules
+ 9 hidden chunk modules
chunk 346.output.js 13 bytes [rendered]
> ./1 ./node_modules/c lazy ^\.\/.*$ namespace object ./1
> ./1.js ./node_modules/c lazy ^\.\/.*$ namespace object ./1.js

View File

@ -53,8 +53,9 @@ export default foo;
/*!******************************************************************************************!*\
!*** ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ***!
\******************************************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -84,7 +85,7 @@ var map = {
]
};
function webpackAsyncContext(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
return Promise.resolve().then(() => {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
@ -97,9 +98,7 @@ function webpackAsyncContext(req) {
return __webpack_require__(id);
});
}
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
return Object.keys(map);
};
webpackAsyncContext.keys = () => Object.keys(map);
webpackAsyncContext.id = 1;
module.exports = webpackAsyncContext;
@ -122,17 +121,14 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -142,20 +138,19 @@ module.exports = webpackAsyncContext;
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -165,19 +160,24 @@ module.exports = webpackAsyncContext;
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -185,17 +185,15 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -204,11 +202,9 @@ module.exports = webpackAsyncContext;
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -225,7 +221,7 @@ module.exports = webpackAsyncContext;
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -243,8 +239,10 @@ module.exports = webpackAsyncContext;
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -258,28 +256,27 @@ module.exports = webpackAsyncContext;
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -287,25 +284,23 @@ module.exports = webpackAsyncContext;
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -315,9 +310,8 @@ module.exports = webpackAsyncContext;
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -325,11 +319,12 @@ module.exports = webpackAsyncContext;
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
async function getTemplate(templateName) {
try {
@ -349,7 +344,8 @@ getTemplate("bar.noimport");
getTemplate("baz.noimport");
}();
})();
/******/ })()
;
```
@ -360,28 +356,26 @@ getTemplate("baz.noimport");
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
398.output.js 835 bytes [emitted]
544.output.js 835 bytes [emitted]
718.output.js 835 bytes [emitted]
output.js 10.2 KiB [emitted] [name: main]
398.output.js 877 bytes [emitted]
544.output.js 877 bytes [emitted]
718.output.js 877 bytes [emitted]
output.js 10.1 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 597 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 597 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 437 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object 160 bytes [optional] [built]
[used exports unknown]
import() context lazy ./templates ./example.js 3:23-7:3
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 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]
[exports: default]
[used exports unknown]
context element ./bar ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar
context element ./bar.js ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./bar.js
chunk 544.output.js 38 bytes [rendered]
@ -389,7 +383,6 @@ chunk 544.output.js 38 bytes [rendered]
> ./baz.js ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz.js
./templates/baz.js 38 bytes [optional] [built]
[exports: default]
[used exports unknown]
context element ./baz ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz
context element ./baz.js ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./baz.js
chunk 718.output.js 38 bytes [rendered]
@ -397,7 +390,6 @@ chunk 718.output.js 38 bytes [rendered]
> ./foo.js ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo.js
./templates/foo.js 38 bytes [optional] [built]
[exports: default]
[used exports unknown]
context element ./foo ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo
context element ./foo.js ./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object ./foo.js
```
@ -406,21 +398,21 @@ chunk 718.output.js 38 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
398.output.js 134 bytes [emitted]
544.output.js 134 bytes [emitted]
718.output.js 134 bytes [emitted]
output.js 2.32 KiB [emitted] [name: main]
output.js 2.1 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 597 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 597 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 437 bytes [built]
[no exports used]
entry ./example.js main
./templates lazy ^\.\/.*$ include: \.js$ exclude: \.noimport\.js$ namespace object 160 bytes [optional] [built]
import() context lazy ./templates ./example.js 3:23-7:3
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 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

View File

@ -42,8 +42,9 @@ export default foo;
/*!**************************************************!*\
!*** ./templates lazy ^\.\/.*$ namespace object ***!
\**************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -73,7 +74,7 @@ var map = {
]
};
function webpackAsyncContext(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
return Promise.resolve().then(() => {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
@ -86,9 +87,7 @@ function webpackAsyncContext(req) {
return __webpack_require__(id);
});
}
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
return Object.keys(map);
};
webpackAsyncContext.keys = () => Object.keys(map);
webpackAsyncContext.id = 1;
module.exports = webpackAsyncContext;
@ -111,17 +110,14 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -131,20 +127,19 @@ module.exports = webpackAsyncContext;
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -154,19 +149,24 @@ module.exports = webpackAsyncContext;
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -174,17 +174,15 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -193,11 +191,9 @@ module.exports = webpackAsyncContext;
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -214,7 +210,7 @@ module.exports = webpackAsyncContext;
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -232,8 +228,10 @@ module.exports = webpackAsyncContext;
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -247,28 +245,27 @@ module.exports = webpackAsyncContext;
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -276,25 +273,23 @@ module.exports = webpackAsyncContext;
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -304,9 +299,8 @@ module.exports = webpackAsyncContext;
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -314,11 +308,12 @@ module.exports = webpackAsyncContext;
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
async function getTemplate(templateName) {
try {
@ -336,7 +331,8 @@ getTemplate("baz");
}();
})();
/******/ })()
;
```
@ -347,28 +343,26 @@ getTemplate("baz");
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
398.output.js 835 bytes [emitted]
544.output.js 835 bytes [emitted]
718.output.js 835 bytes [emitted]
output.js 10 KiB [emitted] [name: main]
398.output.js 877 bytes [emitted]
544.output.js 877 bytes [emitted]
718.output.js 877 bytes [emitted]
output.js 9.95 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 441 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 441 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 281 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
./templates lazy ^\.\/.*$ namespace object 160 bytes [optional] [built]
[used exports unknown]
import() context lazy ./templates ./example.js 3:23-60
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 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]
[exports: default]
[used exports unknown]
context element ./bar ./templates lazy ^\.\/.*$ namespace object ./bar
context element ./bar.js ./templates lazy ^\.\/.*$ namespace object ./bar.js
chunk 544.output.js 38 bytes [rendered]
@ -376,7 +370,6 @@ chunk 544.output.js 38 bytes [rendered]
> ./baz.js ./templates lazy ^\.\/.*$ namespace object ./baz.js
./templates/baz.js 38 bytes [optional] [built]
[exports: default]
[used exports unknown]
context element ./baz ./templates lazy ^\.\/.*$ namespace object ./baz
context element ./baz.js ./templates lazy ^\.\/.*$ namespace object ./baz.js
chunk 718.output.js 38 bytes [rendered]
@ -384,7 +377,6 @@ chunk 718.output.js 38 bytes [rendered]
> ./foo.js ./templates lazy ^\.\/.*$ namespace object ./foo.js
./templates/foo.js 38 bytes [optional] [built]
[exports: default]
[used exports unknown]
context element ./foo ./templates lazy ^\.\/.*$ namespace object ./foo
context element ./foo.js ./templates lazy ^\.\/.*$ namespace object ./foo.js
```
@ -393,21 +385,21 @@ chunk 718.output.js 38 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
398.output.js 134 bytes [emitted]
544.output.js 134 bytes [emitted]
718.output.js 134 bytes [emitted]
output.js 2.29 KiB [emitted] [name: main]
output.js 2.06 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 441 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 441 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 281 bytes [built]
[no exports used]
entry ./example.js main
./templates lazy ^\.\/.*$ namespace object 160 bytes [optional] [built]
import() context lazy ./templates ./example.js 3:23-60
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 398.output.js 38 bytes [rendered]
> ./bar ./templates lazy ^\.\/.*$ namespace object ./bar
> ./bar.js ./templates lazy ^\.\/.*$ namespace object ./bar.js

View File

@ -42,8 +42,9 @@ export default foo;
/*!*****************************************************************************!*\
!*** ./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ***!
\*****************************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -65,7 +66,7 @@ var map = {
]
};
function webpackAsyncContext(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
return Promise.resolve().then(() => {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
@ -78,9 +79,7 @@ function webpackAsyncContext(req) {
return __webpack_require__(id);
});
}
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
return Object.keys(map);
};
webpackAsyncContext.keys = () => Object.keys(map);
webpackAsyncContext.id = 1;
module.exports = webpackAsyncContext;
@ -103,17 +102,14 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -123,20 +119,19 @@ module.exports = webpackAsyncContext;
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -146,19 +141,24 @@ module.exports = webpackAsyncContext;
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -166,17 +166,15 @@ module.exports = webpackAsyncContext;
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -185,11 +183,9 @@ module.exports = webpackAsyncContext;
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -206,7 +202,7 @@ module.exports = webpackAsyncContext;
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -224,8 +220,10 @@ module.exports = webpackAsyncContext;
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -239,28 +237,27 @@ module.exports = webpackAsyncContext;
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -268,25 +265,23 @@ module.exports = webpackAsyncContext;
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -296,9 +291,8 @@ module.exports = webpackAsyncContext;
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -306,13 +300,14 @@ module.exports = webpackAsyncContext;
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
__webpack_require__.e(/*! import() | chunk-foo */ 930).then(__webpack_require__.bind(null, /*! ./templates/foo */ 2)).then(function(foo) {
__webpack_require__.e(/*! import() | chunk-foo */ 930).then(__webpack_require__.bind(__webpack_require__, /*! ./templates/foo */ 2)).then(function(foo) {
console.log('foo:', foo);
})
@ -328,7 +323,8 @@ __webpack_require__(1)("./ba" + createContextVar).then(function(bar) {
}();
})();
/******/ })()
;
```
@ -339,28 +335,26 @@ __webpack_require__(1)("./ba" + createContextVar).then(function(bar) {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
548.output.js 835 bytes [emitted] [name: chunk-bar-baz2]
791.output.js 835 bytes [emitted] [name: chunk-bar-baz0]
930.output.js 835 bytes [emitted] [name: chunk-foo]
548.output.js 877 bytes [emitted] [name: chunk-bar-baz2]
791.output.js 877 bytes [emitted] [name: chunk-bar-baz0]
930.output.js 877 bytes [emitted] [name: chunk-foo]
output.js 10.3 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 565 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 565 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 405 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object 160 bytes [built]
[used exports unknown]
import() context lazy ./templates ./example.js 11:0-84
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 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]
[exports: default]
[used exports unknown]
context element ./baz ./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz
context element ./baz.js ./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./baz.js
chunk 791.output.js (chunk-bar-baz0) 38 bytes [rendered]
@ -368,7 +362,6 @@ chunk 791.output.js (chunk-bar-baz0) 38 bytes [rendered]
> ./bar.js ./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
./templates/bar.js 38 bytes [optional] [built]
[exports: default]
[used exports unknown]
context element ./bar ./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar
context element ./bar.js ./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object ./bar.js
chunk 930.output.js (chunk-foo) 38 bytes [rendered]
@ -376,7 +369,6 @@ chunk 930.output.js (chunk-foo) 38 bytes [rendered]
> ./example.js 5:0-8:16
./templates/foo.js 38 bytes [built]
[exports: default]
[used exports unknown]
import() ./templates/foo ./example.js 1:0-62
cjs require ./templates/foo ./example.js 6:11-37
```
@ -385,21 +377,21 @@ chunk 930.output.js (chunk-foo) 38 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
548.output.js 134 bytes [emitted] [name: chunk-bar-baz2]
791.output.js 134 bytes [emitted] [name: chunk-bar-baz0]
930.output.js 134 bytes [emitted] [name: chunk-foo]
output.js 2.31 KiB [emitted] [name: main]
output.js 2.08 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 565 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 565 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 405 bytes [built]
[no exports used]
entry ./example.js main
./templates lazy ^\.\/ba.*$ chunkName: chunk-bar-baz namespace object 160 bytes [built]
import() context lazy ./templates ./example.js 11:0-84
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 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

View File

@ -44,7 +44,8 @@ require.ensure(["c"], function(require) {
/*!***************************!*\
!*** ./node_modules/a.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -55,7 +56,8 @@ require.ensure(["c"], function(require) {
/*!***************************!*\
!*** ./node_modules/b.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -80,17 +82,14 @@ require.ensure(["c"], function(require) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -100,7 +99,7 @@ require.ensure(["c"], function(require) {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -110,26 +109,29 @@ require.ensure(["c"], function(require) {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -138,11 +140,9 @@ require.ensure(["c"], function(require) {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -159,7 +159,7 @@ require.ensure(["c"], function(require) {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -177,8 +177,10 @@ require.ensure(["c"], function(require) {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -192,28 +194,27 @@ require.ensure(["c"], function(require) {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -221,25 +222,23 @@ require.ensure(["c"], function(require) {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -249,9 +248,8 @@ require.ensure(["c"], function(require) {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -259,11 +257,12 @@ require.ensure(["c"], function(require) {
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
var a = __webpack_require__(/*! a */ 1);
var b = __webpack_require__(/*! b */ 2);
@ -271,7 +270,8 @@ __webpack_require__.e(/*! require.ensure */ 796).then((function(require) {
__webpack_require__(/*! b */ 2).xyz();
var d = __webpack_require__(/*! d */ 4);
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
}();
})();
/******/ })()
;
```
@ -287,7 +287,8 @@ __webpack_require__.e(/*! require.ensure */ 796).then((function(require) {
/*!***************************!*\
!*** ./node_modules/c.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -298,7 +299,8 @@ __webpack_require__.e(/*! require.ensure */ 796).then((function(require) {
/*!***************************!*\
!*** ./node_modules/d.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -320,44 +322,12 @@ Minimized
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
796.output.js 582 bytes [emitted]
output.js 8.45 KiB [emitted] [name: main]
796.output.js 694 bytes [emitted]
output.js 8.54 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 161 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 139 bytes [built]
[used exports unknown]
entry ./example.js main
./node_modules/a.js 11 bytes [built]
[used exports unknown]
cjs require a ./example.js 1:8-20
./node_modules/b.js 11 bytes [built]
[used exports unknown]
cjs require b ./example.js 2:8-20
cjs require b ./example.js 4:4-16
+ 4 hidden chunk modules
chunk 796.output.js 22 bytes [rendered]
> ./example.js 3:0-6:2
./node_modules/c.js 11 bytes [built]
[used exports unknown]
require.ensure item c ./example.js 3:0-6:2
./node_modules/d.js 11 bytes [built]
[used exports unknown]
cjs require d ./example.js 5:12-24
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
796.output.js 84 bytes [emitted]
output.js 1.5 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 161 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 161 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 139 bytes [built]
[no exports used]
@ -366,8 +336,36 @@ chunk output.js (main) 161 bytes (javascript) 4.23 KiB (runtime) [entry] [render
cjs require a ./example.js 1:8-20
./node_modules/b.js 11 bytes [built]
cjs require b ./example.js 2:8-20
cjs require b ./example.js 4:4-16
+ 4 hidden chunk modules
cjs full require b ./example.js 4:4-20
+ 5 hidden chunk modules
chunk 796.output.js 22 bytes [rendered]
> ./example.js 3:0-6:2
./node_modules/c.js 11 bytes [built]
require.ensure item c ./example.js 3:0-6:2
./node_modules/d.js 11 bytes [built]
cjs require d ./example.js 5:12-24
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
796.output.js 84 bytes [emitted]
output.js 1.38 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 161 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 139 bytes [built]
[no exports used]
entry ./example.js main
./node_modules/a.js 11 bytes [built]
cjs require a ./example.js 1:8-20
./node_modules/b.js 11 bytes [built]
cjs require b ./example.js 2:8-20
cjs full require b ./example.js 4:4-20
+ 5 hidden chunk modules
chunk 796.output.js 22 bytes [rendered]
> ./example.js 3:0-6:2
./node_modules/c.js 11 bytes [built]

View File

@ -32,8 +32,9 @@ module.exports = 42
/*!*********************!*\
!*** ./cup1.coffee ***!
\*********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = {
@ -49,7 +50,8 @@ module.exports = {
/*!*********************!*\
!*** ./cup2.coffee ***!
\*********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -77,17 +79,14 @@ module.exports = 42;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -98,14 +97,16 @@ module.exports = 42;
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
console.log(__webpack_require__(/*! ./cup1 */ 1));
}();
})();
/******/ })()
;
```
@ -116,21 +117,21 @@ console.log(__webpack_require__(/*! ./cup1 */ 1));
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 2.09 KiB [emitted] [name: main]
output.js 2.18 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 206 bytes [entry] [rendered]
> ./example.js main
./cup1.coffee 118 bytes [built]
[used exports unknown]
cjs require ./cup1 ./example.js 1:12-29
cjs self exports reference ./cup1.coffee 1:0-14
./cup2.coffee 57 bytes [built]
[used exports unknown]
cjs require ./cup2.coffee ./cup1.coffee 4:12-36
cjs require ./cup2 ./cup1.coffee 5:9-26
cjs self exports reference ./cup2.coffee 3:0-14
./example.js 31 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
```
@ -138,17 +139,19 @@ chunk output.js (main) 206 bytes [entry] [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 294 bytes [emitted] [name: main]
output.js 278 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 206 bytes [entry] [rendered]
> ./example.js main
./cup1.coffee 118 bytes [built]
cjs require ./cup1 ./example.js 1:12-29
cjs self exports reference ./cup1.coffee 1:0-14
./cup2.coffee 57 bytes [built]
cjs require ./cup2.coffee ./cup1.coffee 4:12-36
cjs require ./cup2 ./cup1.coffee 5:9-26
cjs self exports reference ./cup2.coffee 3:0-14
./example.js 31 bytes [built]
[no exports used]
entry ./example.js main

View File

@ -79,7 +79,8 @@ module.exports = {
/*!*********************************!*\
!*** ./node_modules/vendor1.js ***!
\*********************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -91,7 +92,8 @@ module.exports = "vendor1";
/*!*********************************!*\
!*** ./node_modules/vendor2.js ***!
\*********************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -111,7 +113,8 @@ module.exports = "vendor2";
/*!*********************!*\
!*** ./utility2.js ***!
\*********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -131,7 +134,8 @@ module.exports = "utility2";
/*!*********************!*\
!*** ./utility3.js ***!
\*********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -151,8 +155,9 @@ module.exports = "utility3";
/*!******************!*\
!*** ./pageA.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var vendor1 = __webpack_require__(/*! vendor1 */ 1);
@ -168,7 +173,8 @@ module.exports = "pageA";
/*!*********************!*\
!*** ./utility1.js ***!
\*********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -193,17 +199,14 @@ module.exports = "utility1";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -212,10 +215,13 @@ module.exports = "utility1";
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -226,12 +232,12 @@ module.exports = "utility1";
/******/ var deferredModules = [
/******/ [0,"vendor","commons-utility2_js"]
/******/ ];
/******/
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
@ -253,10 +259,21 @@ module.exports = "utility1";
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ // no prefetch
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/
@ -266,25 +283,23 @@ module.exports = "utility1";
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -299,10 +314,8 @@ module.exports = "utility1";
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -326,8 +339,9 @@ module.exports = "utility1";
/*!******************!*\
!*** ./pageB.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var vendor2 = __webpack_require__(/*! vendor2 */ 5);
@ -357,17 +371,14 @@ module.exports = "pageB";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -376,10 +387,13 @@ module.exports = "pageB";
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -390,12 +404,12 @@ module.exports = "pageB";
/******/ var deferredModules = [
/******/ [4,"vendor","commons-utility2_js","commons-utility3_js"]
/******/ ];
/******/
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
@ -417,10 +431,21 @@ module.exports = "pageB";
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ // no prefetch
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/
@ -430,25 +455,23 @@ module.exports = "pageB";
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -463,10 +486,8 @@ module.exports = "pageB";
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -490,8 +511,9 @@ module.exports = "pageB";
/*!******************!*\
!*** ./pageC.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var utility2 = __webpack_require__(/*! ./utility2 */ 3);
@ -519,17 +541,14 @@ module.exports = "pageC";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -538,10 +557,13 @@ module.exports = "pageC";
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -552,12 +574,12 @@ module.exports = "pageC";
/******/ var deferredModules = [
/******/ [7,"commons-utility2_js","commons-utility3_js"]
/******/ ];
/******/
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
@ -579,10 +601,21 @@ module.exports = "pageC";
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ // no prefetch
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/
@ -592,25 +625,23 @@ module.exports = "pageC";
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -625,10 +656,8 @@ module.exports = "pageC";
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -648,14 +677,14 @@ module.exports = "pageC";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
commons-utility2_js.js 346 bytes [emitted] [id hint: commons]
commons-utility3_js.js 346 bytes [emitted] [id hint: commons]
pageA.js 5.5 KiB [emitted] [name: pageA]
pageB.js 5.27 KiB [emitted] [name: pageB]
pageC.js 5.21 KiB [emitted] [name: pageC]
vendor.js 657 bytes [emitted] [name: vendor] [id hint: vendor]
commons-utility2_js.js 402 bytes [emitted] [id hint: commons]
commons-utility3_js.js 402 bytes [emitted] [id hint: commons]
pageA.js 5.99 KiB [emitted] [name: pageA]
pageB.js 5.71 KiB [emitted] [name: pageB]
pageC.js 5.64 KiB [emitted] [name: pageC]
vendor.js 769 bytes [emitted] [name: vendor] [id hint: vendor]
Entrypoint pageA = vendor.js commons-utility2_js.js pageA.js
Entrypoint pageB = vendor.js commons-utility2_js.js commons-utility3_js.js pageB.js
Entrypoint pageC = commons-utility2_js.js commons-utility3_js.js pageC.js
@ -664,46 +693,46 @@ chunk commons-utility2_js.js (id hint: commons) 28 bytes [initial] [rendered] sp
> ./pageB pageB
> ./pageC pageC
./utility2.js 28 bytes [built]
[used exports unknown]
cjs require ./utility2 ./pageA.js 3:15-36
cjs require ./utility2 ./pageB.js 2:15-36
cjs require ./utility2 ./pageC.js 1:15-36
cjs self exports reference ./utility2.js 1:0-14
chunk commons-utility3_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
> ./pageB pageB
> ./pageC pageC
./utility3.js 28 bytes [built]
[used exports unknown]
cjs require ./utility3 ./pageB.js 3:15-36
cjs require ./utility3 ./pageC.js 2:15-36
chunk pageA.js (pageA) 165 bytes (javascript) 2.35 KiB (runtime) [entry] [rendered]
cjs self exports reference ./utility3.js 1:0-14
chunk pageA.js (pageA) 165 bytes (javascript) 2.63 KiB (runtime) [entry] [rendered]
> ./pageA pageA
./pageA.js 137 bytes [built]
[used exports unknown]
cjs self exports reference ./pageA.js 5:0-14
entry ./pageA pageA
./utility1.js 28 bytes [built]
[used exports unknown]
cjs require ./utility1 ./pageA.js 2:15-36
+ 1 hidden chunk module
chunk pageB.js (pageB) 137 bytes (javascript) 2.38 KiB (runtime) [entry] [rendered]
cjs self exports reference ./utility1.js 1:0-14
+ 2 hidden chunk modules
chunk pageB.js (pageB) 137 bytes (javascript) 2.65 KiB (runtime) [entry] [rendered]
> ./pageB pageB
./pageB.js 137 bytes [built]
[used exports unknown]
cjs self exports reference ./pageB.js 5:0-14
entry ./pageB pageB
+ 1 hidden chunk module
chunk pageC.js (pageC) 102 bytes (javascript) 2.37 KiB (runtime) [entry] [rendered]
+ 2 hidden chunk modules
chunk pageC.js (pageC) 102 bytes (javascript) 2.64 KiB (runtime) [entry] [rendered]
> ./pageC pageC
./pageC.js 102 bytes [built]
[used exports unknown]
cjs self exports reference ./pageC.js 4:0-14
entry ./pageC pageC
+ 1 hidden chunk module
+ 2 hidden chunk modules
chunk vendor.js (vendor) (id hint: vendor) 54 bytes [initial] [rendered] split chunk (cache group: vendor) (name: vendor)
> ./pageA pageA
> ./pageB pageB
./node_modules/vendor1.js 27 bytes [built]
[used exports unknown]
cjs self exports reference ./node_modules/vendor1.js 1:0-14
cjs require vendor1 ./pageA.js 1:14-32
./node_modules/vendor2.js 27 bytes [built]
[used exports unknown]
cjs self exports reference ./node_modules/vendor2.js 1:0-14
cjs require vendor2 ./pageB.js 1:14-32
```
@ -711,13 +740,13 @@ chunk vendor.js (vendor) (id hint: vendor) 54 bytes [initial] [rendered] split c
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
commons-utility2_js.js 110 bytes [emitted] [id hint: commons]
commons-utility3_js.js 110 bytes [emitted] [id hint: commons]
pageA.js 919 bytes [emitted] [name: pageA]
pageB.js 911 bytes [emitted] [name: pageB]
pageC.js 895 bytes [emitted] [name: pageC]
pageA.js 938 bytes [emitted] [name: pageA]
pageB.js 930 bytes [emitted] [name: pageB]
pageC.js 914 bytes [emitted] [name: pageC]
vendor.js 125 bytes [emitted] [name: vendor] [id hint: vendor]
Entrypoint pageA = vendor.js commons-utility2_js.js pageA.js
Entrypoint pageB = vendor.js commons-utility2_js.js commons-utility3_js.js pageB.js
@ -730,37 +759,42 @@ chunk commons-utility2_js.js (id hint: commons) 28 bytes [initial] [rendered] sp
cjs require ./utility2 ./pageA.js 3:15-36
cjs require ./utility2 ./pageB.js 2:15-36
cjs require ./utility2 ./pageC.js 1:15-36
cjs self exports reference ./utility2.js 1:0-14
chunk commons-utility3_js.js (id hint: commons) 28 bytes [initial] [rendered] split chunk (cache group: commons)
> ./pageB pageB
> ./pageC pageC
./utility3.js 28 bytes [built]
cjs require ./utility3 ./pageB.js 3:15-36
cjs require ./utility3 ./pageC.js 2:15-36
chunk pageA.js (pageA) 165 bytes (javascript) 2.36 KiB (runtime) [entry] [rendered]
cjs self exports reference ./utility3.js 1:0-14
chunk pageA.js (pageA) 165 bytes (javascript) 2.63 KiB (runtime) [entry] [rendered]
> ./pageA pageA
./pageA.js 137 bytes [built]
[no exports used]
cjs self exports reference ./pageA.js 5:0-14
entry ./pageA pageA
./utility1.js 28 bytes [built]
cjs require ./utility1 ./pageA.js 2:15-36
+ 1 hidden chunk module
chunk pageB.js (pageB) 137 bytes (javascript) 2.38 KiB (runtime) [entry] [rendered]
cjs self exports reference ./utility1.js 1:0-14
+ 2 hidden chunk modules
chunk pageB.js (pageB) 137 bytes (javascript) 2.65 KiB (runtime) [entry] [rendered]
> ./pageB pageB
./pageB.js 137 bytes [built]
[no exports used]
cjs self exports reference ./pageB.js 5:0-14
entry ./pageB pageB
+ 1 hidden chunk module
chunk pageC.js (pageC) 102 bytes (javascript) 2.37 KiB (runtime) [entry] [rendered]
+ 2 hidden chunk modules
chunk pageC.js (pageC) 102 bytes (javascript) 2.64 KiB (runtime) [entry] [rendered]
> ./pageC pageC
./pageC.js 102 bytes [built]
[no exports used]
cjs self exports reference ./pageC.js 4:0-14
entry ./pageC pageC
+ 1 hidden chunk module
+ 2 hidden chunk modules
chunk vendor.js (vendor) (id hint: vendor) 54 bytes [initial] [rendered] split chunk (cache group: vendor) (name: vendor)
> ./pageA pageA
> ./pageB pageB
./node_modules/vendor1.js 27 bytes [built]
cjs self exports reference ./node_modules/vendor1.js 1:0-14
cjs require vendor1 ./pageA.js 1:14-32
./node_modules/vendor2.js 27 bytes [built]
cjs self exports reference ./node_modules/vendor2.js 1:0-14
cjs require vendor2 ./pageB.js 1:14-32
```

View File

@ -125,17 +125,14 @@ module.exports = {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -145,7 +142,7 @@ module.exports = {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -155,26 +152,29 @@ module.exports = {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -183,11 +183,9 @@ module.exports = {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -204,7 +202,7 @@ module.exports = {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -222,8 +220,10 @@ module.exports = {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -237,28 +237,27 @@ module.exports = {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -266,25 +265,23 @@ module.exports = {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -294,9 +291,8 @@ module.exports = {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -307,7 +303,8 @@ module.exports = {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
var main = function() {
console.log("Main class");
@ -336,8 +333,9 @@ main();
/*!******************!*\
!*** ./pageA.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var reusableComponent = __webpack_require__(/*! ./reusableComponent */ 2);
@ -361,8 +359,9 @@ module.exports = function() {
/*!******************!*\
!*** ./pageB.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module, __webpack_require__.e, __webpack_require__.* */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = function() {
@ -388,8 +387,9 @@ module.exports = function() {
/*!******************!*\
!*** ./pageC.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var reusableComponent = __webpack_require__(/*! ./reusableComponent */ 2);
@ -414,7 +414,8 @@ module.exports = function() {
/*!******************************!*\
!*** ./reusableComponent.js ***!
\******************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -434,78 +435,82 @@ module.exports = function() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
145.output.js 514 bytes [emitted]
366.output.js 520 bytes [emitted]
421.output.js 396 bytes [emitted]
588.output.js 698 bytes [emitted]
output.js 8.13 KiB [emitted] [name: main]
145.output.js 570 bytes [emitted]
366.output.js 576 bytes [emitted]
421.output.js 452 bytes [emitted]
588.output.js 754 bytes [emitted]
output.js 8.11 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk 145.output.js 136 bytes [rendered]
> ./pageB.js 3:1-6:3
./pageC.js 136 bytes [built]
[used exports unknown]
cjs require ./pageC ./pageB.js 4:15-33
chunk output.js (main) 220 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
cjs self exports reference ./pageC.js 3:0-14
chunk output.js (main) 220 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 220 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 366.output.js 136 bytes [rendered]
> ./example.js 3:1-6:3
./pageA.js 136 bytes [built]
[used exports unknown]
cjs require ./pageA ./example.js 4:15-33
cjs self exports reference ./pageA.js 3:0-14
chunk 421.output.js 69 bytes [rendered] split chunk (cache group: default)
> ./example.js 3:1-6:3
> ./pageB.js 3:1-6:3
./reusableComponent.js 69 bytes [built]
[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 588.output.js 133 bytes [rendered]
> ./example.js 7:1-10:3
./pageB.js 133 bytes [built]
[used exports unknown]
cjs require ./pageB ./example.js 8:15-33
cjs self exports reference ./pageB.js 1:0-14
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
145.output.js 138 bytes [emitted]
366.output.js 138 bytes [emitted]
421.output.js 127 bytes [emitted]
588.output.js 202 bytes [emitted]
output.js 1.54 KiB [emitted] [name: main]
output.js 1.42 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk 145.output.js 136 bytes [rendered]
> ./pageB.js 3:1-6:3
./pageC.js 136 bytes [built]
cjs require ./pageC ./pageB.js 4:15-33
chunk output.js (main) 220 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
cjs self exports reference ./pageC.js 3:0-14
chunk output.js (main) 220 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 220 bytes [built]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 366.output.js 136 bytes [rendered]
> ./example.js 3:1-6:3
./pageA.js 136 bytes [built]
cjs require ./pageA ./example.js 4:15-33
cjs self exports reference ./pageA.js 3:0-14
chunk 421.output.js 69 bytes [rendered] split chunk (cache group: default)
> ./example.js 3:1-6:3
> ./pageB.js 3:1-6:3
./reusableComponent.js 69 bytes [built]
cjs require ./reusableComponent ./pageA.js 1:24-54
cjs require ./reusableComponent ./pageC.js 1:24-54
cjs self exports reference ./reusableComponent.js 1:0-14
chunk 588.output.js 133 bytes [rendered]
> ./example.js 7:1-10:3
./pageB.js 133 bytes [built]
cjs require ./pageB ./example.js 8:15-33
cjs self exports reference ./pageB.js 1:0-14
```

View File

@ -45,7 +45,9 @@ exports.add = function() {
/*!**********************!*\
!*** ./increment.js ***!
\**********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! default exports */
/*! export increment [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_exports__ */
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
@ -60,7 +62,9 @@ exports.increment = function(val) {
/*!*****************!*\
!*** ./math.js ***!
\*****************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! default exports */
/*! export add [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_exports__ */
/***/ ((__unused_webpack_module, exports) => {
@ -91,17 +95,14 @@ exports.add = function() {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -112,17 +113,19 @@ exports.add = function() {
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
const inc = __webpack_require__(/*! ./increment */ 1).increment;
const a = 1;
inc(a); // 2
}();
})();
/******/ })()
;
```
@ -133,30 +136,9 @@ inc(a); // 2
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 2.23 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 326 bytes [entry] [rendered]
> ./example.js main
./example.js 72 bytes [built]
[used exports unknown]
entry ./example.js main
./increment.js 98 bytes [built]
[used exports unknown]
cjs require ./increment ./example.js 1:12-34
./math.js 156 bytes [built]
[used exports unknown]
cjs require ./math ./increment.js 1:12-29
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
output.js 333 bytes [emitted] [name: main]
output.js 2.33 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 326 bytes [entry] [rendered]
> ./example.js main
@ -164,7 +146,34 @@ chunk output.js (main) 326 bytes [entry] [rendered]
[no exports used]
entry ./example.js main
./increment.js 98 bytes [built]
cjs require ./increment ./example.js 1:12-34
[exports: increment]
[all exports used]
cjs full require ./increment ./example.js 1:12-44
./math.js 156 bytes [built]
cjs require ./math ./increment.js 1:12-29
[exports: add]
[all exports used]
cjs full require ./math ./increment.js 1:12-33
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
output.js 297 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 326 bytes [entry] [rendered]
> ./example.js main
./example.js 72 bytes [built]
[no exports used]
entry ./example.js main
./increment.js 98 bytes [built]
[exports: increment]
[all exports used]
cjs full require ./increment ./example.js 1:12-44
./math.js 156 bytes [built]
[exports: add]
[all exports used]
cjs full require ./math ./increment.js 1:12-33
```

View File

@ -101,55 +101,21 @@ module.exports = {
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _data_toml__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./data.toml */ 1);
/* harmony import */ var _data_yaml__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./data.yaml */ 2);
/* harmony import */ var _data_json5__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./data.json5 */ 3);
document.querySelector('#app').innerHTML = [_data_toml__WEBPACK_IMPORTED_MODULE_0__/* .default */ , _data_yaml__WEBPACK_IMPORTED_MODULE_1__/* .default */ , _data_json5__WEBPACK_IMPORTED_MODULE_2__/* .default */ ].map(data => `
<h1>${data.title}</h1>
<div>${data.owner.name}</div>
<div>${data.owner.organization}</div>
<div>${data.owner.bio}</div>
<div>${data.owner.dob}</div>
`).join('<br><br>');
/***/ }),
/* 0 */,
/* 1 */
/*!*******************!*\
!*** ./data.toml ***!
\*******************/
/*! export default [provided] [no usage info] [no name, virtual] */
/*! export owner [provided] [no usage info] [missing usage info prevents renaming] */
/*! export bio [provided] [no usage info] [missing usage info prevents renaming] */
/*! export dob [provided] [no usage info] [missing usage info prevents renaming] */
/*! exports [not provided] [no usage info] */
/*! export name [provided] [no usage info] [missing usage info prevents renaming] */
/*! export organization [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export title [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export owner [provided] [no usage info] [missing usage info prevents renaming] */
/*! export bio [provided] [no usage info] [missing usage info prevents renaming] */
/*! export dob [provided] [no usage info] [missing usage info prevents renaming] */
/*! exports [not provided] [no usage info] */
/*! export name [provided] [no usage info] [missing usage info prevents renaming] */
/*! export organization [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export title [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! default exports */
/*! export owner [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export bio [provided] [unused] [could be renamed] */
/*! export dob [provided] [unused] [could be renamed] */
/*! exports [not provided] [unused] */
/*! export name [provided] [unused] [could be renamed] */
/*! export organization [provided] [unused] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! export title [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -160,25 +126,16 @@ module.exports = JSON.parse("{\"title\":\"TOML Example\",\"owner\":{\"name\":\"T
/*!*******************!*\
!*** ./data.yaml ***!
\*******************/
/*! export default [provided] [no usage info] [no name, virtual] */
/*! export owner [provided] [no usage info] [missing usage info prevents renaming] */
/*! export bio [provided] [no usage info] [missing usage info prevents renaming] */
/*! export dob [provided] [no usage info] [missing usage info prevents renaming] */
/*! exports [not provided] [no usage info] */
/*! export name [provided] [no usage info] [missing usage info prevents renaming] */
/*! export organization [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export title [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export owner [provided] [no usage info] [missing usage info prevents renaming] */
/*! export bio [provided] [no usage info] [missing usage info prevents renaming] */
/*! export dob [provided] [no usage info] [missing usage info prevents renaming] */
/*! exports [not provided] [no usage info] */
/*! export name [provided] [no usage info] [missing usage info prevents renaming] */
/*! export organization [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export title [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! default exports */
/*! export owner [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export bio [provided] [unused] [could be renamed] */
/*! export dob [provided] [unused] [could be renamed] */
/*! exports [not provided] [unused] */
/*! export name [provided] [unused] [could be renamed] */
/*! export organization [provided] [unused] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! export title [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -189,23 +146,15 @@ module.exports = JSON.parse("{\"title\":\"YAML Example\",\"owner\":{\"name\":\"T
/*!********************!*\
!*** ./data.json5 ***!
\********************/
/*! export default [provided] [no usage info] [no name, virtual] */
/*! export owner [provided] [no usage info] [missing usage info prevents renaming] */
/*! export bio [provided] [no usage info] [missing usage info prevents renaming] */
/*! export dob [provided] [no usage info] [missing usage info prevents renaming] */
/*! export name [provided] [no usage info] [missing usage info prevents renaming] */
/*! export organization [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export title [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export owner [provided] [no usage info] [missing usage info prevents renaming] */
/*! export bio [provided] [no usage info] [missing usage info prevents renaming] */
/*! export dob [provided] [no usage info] [missing usage info prevents renaming] */
/*! export name [provided] [no usage info] [missing usage info prevents renaming] */
/*! export organization [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! export title [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! default exports */
/*! export owner [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export bio [provided] [unused] [could be renamed] */
/*! export dob [provided] [unused] [could be renamed] */
/*! export name [provided] [unused] [could be renamed] */
/*! export organization [provided] [unused] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! export title [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -230,43 +179,48 @@ module.exports = JSON.parse("{\"title\":\"JSON5 Example\",\"owner\":{\"name\":\"
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__ */
/* harmony import */ var _data_toml__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./data.toml */ 1);
/* harmony import */ var _data_yaml__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./data.yaml */ 2);
/* harmony import */ var _data_json5__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./data.json5 */ 3);
document.querySelector('#app').innerHTML = [_data_toml__WEBPACK_IMPORTED_MODULE_0__, _data_yaml__WEBPACK_IMPORTED_MODULE_1__, _data_json5__WEBPACK_IMPORTED_MODULE_2__].map(data => `
<h1>${data.title}</h1>
<div>${data.owner.name}</div>
<div>${data.owner.organization}</div>
<div>${data.owner.bio}</div>
<div>${data.owner.dob}</div>
`).join('<br><br>');
})();
/******/ })()
;
```
@ -277,30 +231,26 @@ module.exports = JSON.parse("{\"title\":\"JSON5 Example\",\"owner\":{\"name\":\"
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.7
Version: webpack 5.0.0-beta.16
Asset Size
output.js 8.19 KiB [emitted] [name: main]
output.js 4.83 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 919 bytes (javascript) 274 bytes (runtime) [entry] [rendered]
chunk output.js (main) 919 bytes [entry] [rendered]
> ./example.js main
./data.json5 189 bytes [built]
[exports: default, owner, title]
[used exports unknown]
[exports: owner, title]
harmony side effect evaluation ./data.json5 ./example.js 3:0-32
harmony import specifier ./data.json5 ./example.js 5:56-60
./data.toml 188 bytes [built]
[exports: default, owner, title]
[used exports unknown]
[exports: owner, title]
harmony side effect evaluation ./data.toml ./example.js 1:0-31
harmony import specifier ./data.toml ./example.js 5:44-48
./data.yaml 188 bytes [built]
[exports: default, owner, title]
[used exports unknown]
[exports: owner, title]
harmony side effect evaluation ./data.yaml ./example.js 2:0-31
harmony import specifier ./data.yaml ./example.js 5:50-54
./example.js 354 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 1 hidden chunk module
```

View File

@ -41,13 +41,14 @@ export function square(n) {
# dist/vendor.js
```javascript
var vendor_lib_02cb05c865a84081bc8b =
var vendor_lib_c6c2f689b0bad44474d1;vendor_lib_c6c2f689b0bad44474d1 =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
/*!****************!*\
!*** dll main ***!
\****************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, module */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
@ -59,9 +60,10 @@ module.exports = __webpack_require__;
/*!*****************************************!*\
!*** ../node_modules/example-vendor.js ***!
\*****************************************/
/*! namespace exports */
/*! export square [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
@ -93,37 +95,38 @@ function square(n) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ 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 */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -131,7 +134,7 @@ function square(n) {
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -150,7 +153,7 @@ function square(n) {
# dist/vendor-manifest.json
```javascript
{"name":"vendor_lib_02cb05c865a84081bc8b","content":{"../node_modules/example-vendor.js":{"id":1,"buildMeta":{"exportsType":"namespace","async":false},"exports":["square"]}}}
{"name":"vendor_lib_c6c2f689b0bad44474d1","content":{"../node_modules/example-vendor.js":{"id":1,"buildMeta":{"exportsType":"namespace","async":false},"exports":["square"]}}}
```
# Info
@ -159,40 +162,36 @@ function square(n) {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
vendor.js 3.48 KiB [emitted] [name: main]
vendor.js 3.65 KiB [emitted] [name: main]
Entrypoint main = vendor.js
chunk vendor.js (main) 57 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
chunk vendor.js (main) 57 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> main
../node_modules/example-vendor.js 45 bytes [built]
[exports: square]
entry example-vendor dll main main[0]
DllPlugin
dll main 12 bytes [built]
dll entry
used a library export
DllPlugin
+ 2 hidden chunk modules
used as library export
+ 3 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
vendor.js 627 bytes [emitted] [name: main]
vendor.js 638 bytes [emitted] [name: main]
Entrypoint main = vendor.js
chunk vendor.js (main) 57 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
chunk vendor.js (main) 57 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> main
../node_modules/example-vendor.js 45 bytes [built]
[exports: square]
entry example-vendor dll main main[0]
DllPlugin
dll main 12 bytes [built]
dll entry
used a library export
DllPlugin
+ 2 hidden chunk modules
used as library export
+ 3 hidden chunk modules
```

View File

@ -50,46 +50,31 @@ console.log(new square(7));
```javascript
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
/*!************************!*\
!*** ./example-app.js ***!
\************************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var example_vendor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! example-vendor */ 1);
console.log((0,example_vendor__WEBPACK_IMPORTED_MODULE_0__.square)(7));
console.log(new example_vendor__WEBPACK_IMPORTED_MODULE_0__.square(7));
/***/ }),
/* 0 */,
/* 1 */
/*!******************************************************************************************************!*\
!*** delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_02cb05c865a84081bc8b ***!
!*** delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_c6c2f689b0bad44474d1 ***!
\******************************************************************************************************/
/*! export square [provided] [no usage info] [provision prevents renaming (no use info)] */
/*! other exports [not provided] [no usage info] */
/*! namespace exports */
/*! export square [provided] [used] [provision prevents renaming] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference vendor_lib_02cb05c865a84081bc8b */ 2))(1);
module.exports = (__webpack_require__(/*! dll-reference vendor_lib_c6c2f689b0bad44474d1 */ 2))(1);
/***/ }),
/* 2 */
/*!**************************************************!*\
!*** external "vendor_lib_02cb05c865a84081bc8b" ***!
!*** external "vendor_lib_c6c2f689b0bad44474d1" ***!
\**************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
"use strict";
module.exports = vendor_lib_02cb05c865a84081bc8b;
module.exports = vendor_lib_c6c2f689b0bad44474d1;
/***/ })
/******/ ]);
@ -110,43 +95,40 @@ module.exports = vendor_lib_02cb05c865a84081bc8b;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
"use strict";
/*!************************!*\
!*** ./example-app.js ***!
\************************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__ */
/* harmony import */ var example_vendor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! example-vendor */ 1);
console.log((0,example_vendor__WEBPACK_IMPORTED_MODULE_0__.square)(7));
console.log(new example_vendor__WEBPACK_IMPORTED_MODULE_0__.square(7));
})();
/******/ })()
;
```
@ -157,35 +139,9 @@ module.exports = vendor_lib_02cb05c865a84081bc8b;
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
app.js 3.5 KiB [emitted] [name: main]
Entrypoint main = app.js
chunk app.js (main) 178 bytes (javascript) 274 bytes (runtime) [entry] [rendered]
> ./example-app main
./example-app.js 94 bytes [built]
[no exports]
[used exports unknown]
entry ./example-app main
delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_02cb05c865a84081bc8b 42 bytes [built]
[exports: square]
[used exports unknown]
harmony side effect evaluation example-vendor ./example-app.js 1:0-40
harmony import specifier example-vendor ./example-app.js 3:12-18
harmony import specifier example-vendor ./example-app.js 4:16-22
external "vendor_lib_02cb05c865a84081bc8b" 42 bytes [built]
[used exports unknown]
delegated source dll-reference vendor_lib_02cb05c865a84081bc8b delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_02cb05c865a84081bc8b
+ 1 hidden chunk module
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
app.js 340 bytes [emitted] [name: main]
app.js 2.67 KiB [emitted] [name: main]
Entrypoint main = app.js
chunk app.js (main) 178 bytes [entry] [rendered]
> ./example-app main
@ -193,14 +149,38 @@ chunk app.js (main) 178 bytes [entry] [rendered]
[no exports]
[no exports used]
entry ./example-app main
delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_02cb05c865a84081bc8b 42 bytes [built]
delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_c6c2f689b0bad44474d1 42 bytes [built]
[exports: square]
[all exports used]
harmony side effect evaluation example-vendor ./example-app.js 1:0-40
harmony import specifier example-vendor ./example-app.js 3:12-18
harmony import specifier example-vendor ./example-app.js 4:16-22
external "vendor_lib_02cb05c865a84081bc8b" 42 bytes [built]
delegated source dll-reference vendor_lib_02cb05c865a84081bc8b delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_02cb05c865a84081bc8b
external "vendor_lib_c6c2f689b0bad44474d1" 42 bytes [built]
delegated source dll-reference vendor_lib_c6c2f689b0bad44474d1 delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_c6c2f689b0bad44474d1
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
app.js 319 bytes [emitted] [name: main]
Entrypoint main = app.js
chunk app.js (main) 178 bytes [entry] [rendered]
> ./example-app main
./example-app.js 94 bytes [built]
[no exports]
[no exports used]
entry ./example-app main
delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_c6c2f689b0bad44474d1 42 bytes [built]
[exports: square]
[all exports used]
harmony side effect evaluation example-vendor ./example-app.js 1:0-40
harmony import specifier example-vendor ./example-app.js 3:12-18
harmony import specifier example-vendor ./example-app.js 4:16-22
external "vendor_lib_c6c2f689b0bad44474d1" 42 bytes [built]
delegated source dll-reference vendor_lib_c6c2f689b0bad44474d1 delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_c6c2f689b0bad44474d1
```
<!-- @TODO:

View File

@ -14,7 +14,7 @@ Since some of the modules are no longer included in the "public contract" of the
they can be optimized by merging (concatenating) multiple modules together or removing unused code.
This allows taking advantage of tree shaking (scope hoisting and dead code removal) optimizations.
In this example, only `example.js` module is exposed since it's the entry point.
In this example, only `example.js` module is exposed, since it's the entry point.
Modules `a.js` and `b.js` are concatenated into `example.js`.
Module `cjs.js` is left as is since it's in CommonJS format.
@ -63,13 +63,14 @@ module.exports = {
# dist/dll.js
```javascript
var dll_5c6269cc746198ce0809 =
var dll_99b323431ba57419786c;dll_99b323431ba57419786c =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
/*!***************!*\
!*** dll dll ***!
\***************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, module */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
@ -82,17 +83,26 @@ module.exports = __webpack_require__;
/*!********************************!*\
!*** ./example.js + 2 modules ***!
\********************************/
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__, __webpack_require__.d, __webpack_require__.* */
/*! namespace exports */
/*! export a [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export b [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export c [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__, __webpack_require__.* */
/*! ModuleConcatenation bailout: Cannot concat with ./cjs.js (<- Module is not an ECMAScript module) */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"a": () => /* reexport */ a,
"b": () => /* reexport */ b,
"c": () => /* reexport */ cjs.c
});
// CONCATENATED MODULE: ./b.js
// module b
function b() {
@ -108,11 +118,6 @@ var a = "a";
var cjs = __webpack_require__(2);
// CONCATENATED MODULE: ./example.js
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__1_5b2261225d_asiSafe__ */ a,
/* harmony export */ "b": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__1_5b2262225d_asiSafe__ */ b,
/* harmony export */ "c": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__2_5b2263225d_asiSafe__ */ cjs.c
/* harmony export */ });
@ -122,7 +127,9 @@ var cjs = __webpack_require__(2);
/*!****************!*\
!*** ./cjs.js ***!
\****************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! default exports */
/*! export c [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_exports__ */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
/***/ ((__unused_webpack_module, exports) => {
@ -150,37 +157,38 @@ exports.c = "c";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ 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 */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -188,7 +196,7 @@ exports.c = "c";
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -207,7 +215,7 @@ exports.c = "c";
# dist/dll-manifest.json
```javascript
{"name":"dll_5c6269cc746198ce0809","content":{"./example.js":{"id":1,"buildMeta":{"exportsType":"namespace","async":false},"exports":["a","b","c"]}}}
{"name":"dll_99b323431ba57419786c","content":{"./example.js":{"id":1,"buildMeta":{"exportsType":"namespace","async":false},"exports":["a","b","c"]}}}
```
# Info
@ -216,38 +224,39 @@ exports.c = "c";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
dll.js 4.59 KiB [emitted] [name: dll]
Entrypoint dll = dll.js
chunk dll.js (dll) 216 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
chunk dll.js (dll) 216 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> dll
./cjs.js 42 bytes [built]
[used exports unknown]
[exports: c]
[all exports used]
harmony side effect evaluation ./cjs ./example.js + 2 modules ./example.js 2:0-26
harmony export imported specifier ./cjs ./example.js + 2 modules ./example.js 2:0-26
./example.js + 2 modules 162 bytes [built]
[exports: a, b, c]
[used exports unknown]
entry ./example dll dll dll[0]
dll dll 12 bytes [built]
dll entry
used a library export
+ 2 hidden chunk modules
used as library export
+ 3 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
dll.js 667 bytes [emitted] [name: dll]
dll.js 675 bytes [emitted] [name: dll]
Entrypoint dll = dll.js
chunk dll.js (dll) 216 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
chunk dll.js (dll) 216 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> dll
./cjs.js 42 bytes [built]
[only some exports used: c]
[exports: c]
[all exports used]
harmony side effect evaluation ./cjs ./example.js + 2 modules ./example.js 2:0-26
harmony export imported specifier ./cjs ./example.js + 2 modules ./example.js 2:0-26
./example.js + 2 modules 162 bytes [built]
@ -255,6 +264,6 @@ chunk dll.js (dll) 216 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
entry ./example dll dll dll[0]
dll dll 12 bytes [built]
dll entry
used a library export
+ 2 hidden chunk modules
used as library export
+ 3 hidden chunk modules
```

View File

@ -46,92 +46,100 @@ console.log(require("module"));
/* 0 */,
/* 1 */
/*!**************************************************************************!*\
!*** delegated ./alpha.js from dll-reference alpha_dcd111488d58f7509919 ***!
!*** delegated ./alpha.js from dll-reference alpha_54d633ccc01113a1050b ***!
\**************************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_dcd111488d58f7509919 */ 2))(1);
module.exports = (__webpack_require__(/*! dll-reference alpha_54d633ccc01113a1050b */ 2))(1);
/***/ }),
/* 2 */
/*!*********************************************!*\
!*** external "alpha_dcd111488d58f7509919" ***!
!*** external "alpha_54d633ccc01113a1050b" ***!
\*********************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
"use strict";
module.exports = alpha_dcd111488d58f7509919;
module.exports = alpha_54d633ccc01113a1050b;
/***/ }),
/* 3 */
/*!**********************************************************************!*\
!*** delegated ./a.js from dll-reference alpha_dcd111488d58f7509919 ***!
!*** delegated ./a.js from dll-reference alpha_54d633ccc01113a1050b ***!
\**********************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_dcd111488d58f7509919 */ 2))(2);
module.exports = (__webpack_require__(/*! dll-reference alpha_54d633ccc01113a1050b */ 2))(2);
/***/ }),
/* 4 */
/*!************************************************************************!*\
!*** delegated ./beta.js from dll-reference beta_dcd111488d58f7509919 ***!
!*** delegated ./beta.js from dll-reference beta_54d633ccc01113a1050b ***!
\************************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_dcd111488d58f7509919 */ 5))(5);
module.exports = (__webpack_require__(/*! dll-reference beta_54d633ccc01113a1050b */ 5))(5);
/***/ }),
/* 5 */
/*!********************************************!*\
!*** external "beta_dcd111488d58f7509919" ***!
!*** external "beta_54d633ccc01113a1050b" ***!
\********************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
"use strict";
module.exports = beta_dcd111488d58f7509919;
module.exports = beta_54d633ccc01113a1050b;
/***/ }),
/* 6 */
/*!*********************************************************************!*\
!*** delegated ./b.js from dll-reference beta_dcd111488d58f7509919 ***!
!*** delegated ./b.js from dll-reference beta_54d633ccc01113a1050b ***!
\*********************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_dcd111488d58f7509919 */ 5))(6);
module.exports = (__webpack_require__(/*! dll-reference beta_54d633ccc01113a1050b */ 5))(6);
/***/ }),
/* 7 */
/*!**********************************************************************!*\
!*** delegated ./c.jsx from dll-reference beta_dcd111488d58f7509919 ***!
!*** delegated ./c.jsx from dll-reference beta_54d633ccc01113a1050b ***!
\**********************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference beta_dcd111488d58f7509919 */ 5))(7);
module.exports = (__webpack_require__(/*! dll-reference beta_54d633ccc01113a1050b */ 5))(7);
/***/ }),
/* 8 */
/*!*****************************************************************************************!*\
!*** delegated ../node_modules/module.js from dll-reference alpha_dcd111488d58f7509919 ***!
!*** delegated ../node_modules/module.js from dll-reference alpha_54d633ccc01113a1050b ***!
\*****************************************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference alpha_dcd111488d58f7509919 */ 2))(3);
module.exports = (__webpack_require__(/*! dll-reference alpha_54d633ccc01113a1050b */ 2))(3);
/***/ })
/******/ ]);
@ -152,17 +160,14 @@ module.exports = (__webpack_require__(/*! dll-reference alpha_dcd111488d58f75099
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -173,11 +178,12 @@ module.exports = (__webpack_require__(/*! dll-reference alpha_dcd111488d58f75099
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
console.log(__webpack_require__(/*! ../dll/alpha */ 1));
console.log(__webpack_require__(/*! ../dll/a */ 3));
@ -188,7 +194,8 @@ console.log(__webpack_require__(/*! beta/c */ 7));
console.log(__webpack_require__(/*! module */ 8));
}();
})();
/******/ })()
;
```
@ -199,76 +206,68 @@ console.log(__webpack_require__(/*! module */ 8));
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 5.51 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 541 bytes [entry] [rendered]
> ./example.js main
./example.js 205 bytes [built]
[used exports unknown]
entry ./example.js main
delegated ../node_modules/module.js from dll-reference alpha_dcd111488d58f7509919 42 bytes [built]
[used exports unknown]
cjs require module ./example.js 8:12-29
delegated ./a.js from dll-reference alpha_dcd111488d58f7509919 42 bytes [built]
[used exports unknown]
cjs require ../dll/a ./example.js 2:12-31
delegated ./alpha.js from dll-reference alpha_dcd111488d58f7509919 42 bytes [built]
[used exports unknown]
cjs require ../dll/alpha ./example.js 1:12-35
delegated ./b.js from dll-reference beta_dcd111488d58f7509919 42 bytes [built]
[used exports unknown]
cjs require beta/b ./example.js 5:12-29
delegated ./beta.js from dll-reference beta_dcd111488d58f7509919 42 bytes [built]
[used exports unknown]
cjs require beta/beta ./example.js 4:12-32
delegated ./c.jsx from dll-reference beta_dcd111488d58f7509919 42 bytes [built]
[used exports unknown]
cjs require beta/c ./example.js 6:12-29
external "alpha_dcd111488d58f7509919" 42 bytes [built]
[used exports unknown]
delegated source dll-reference alpha_dcd111488d58f7509919 delegated ./alpha.js from dll-reference alpha_dcd111488d58f7509919
delegated source dll-reference alpha_dcd111488d58f7509919 delegated ./a.js from dll-reference alpha_dcd111488d58f7509919
delegated source dll-reference alpha_dcd111488d58f7509919 delegated ../node_modules/module.js from dll-reference alpha_dcd111488d58f7509919
external "beta_dcd111488d58f7509919" 42 bytes [built]
[used exports unknown]
delegated source dll-reference beta_dcd111488d58f7509919 delegated ./beta.js from dll-reference beta_dcd111488d58f7509919
delegated source dll-reference beta_dcd111488d58f7509919 delegated ./b.js from dll-reference beta_dcd111488d58f7509919
delegated source dll-reference beta_dcd111488d58f7509919 delegated ./c.jsx from dll-reference beta_dcd111488d58f7509919
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
output.js 589 bytes [emitted] [name: main]
output.js 5.93 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 541 bytes [entry] [rendered]
> ./example.js main
./example.js 205 bytes [built]
[no exports used]
entry ./example.js main
delegated ../node_modules/module.js from dll-reference alpha_dcd111488d58f7509919 42 bytes [built]
delegated ../node_modules/module.js from dll-reference alpha_54d633ccc01113a1050b 42 bytes [built]
cjs require module ./example.js 8:12-29
delegated ./a.js from dll-reference alpha_dcd111488d58f7509919 42 bytes [built]
delegated ./a.js from dll-reference alpha_54d633ccc01113a1050b 42 bytes [built]
cjs require ../dll/a ./example.js 2:12-31
delegated ./alpha.js from dll-reference alpha_dcd111488d58f7509919 42 bytes [built]
delegated ./alpha.js from dll-reference alpha_54d633ccc01113a1050b 42 bytes [built]
cjs require ../dll/alpha ./example.js 1:12-35
delegated ./b.js from dll-reference beta_dcd111488d58f7509919 42 bytes [built]
delegated ./b.js from dll-reference beta_54d633ccc01113a1050b 42 bytes [built]
cjs require beta/b ./example.js 5:12-29
delegated ./beta.js from dll-reference beta_dcd111488d58f7509919 42 bytes [built]
delegated ./beta.js from dll-reference beta_54d633ccc01113a1050b 42 bytes [built]
cjs require beta/beta ./example.js 4:12-32
delegated ./c.jsx from dll-reference beta_dcd111488d58f7509919 42 bytes [built]
delegated ./c.jsx from dll-reference beta_54d633ccc01113a1050b 42 bytes [built]
cjs require beta/c ./example.js 6:12-29
external "alpha_dcd111488d58f7509919" 42 bytes [built]
delegated source dll-reference alpha_dcd111488d58f7509919 delegated ./alpha.js from dll-reference alpha_dcd111488d58f7509919
delegated source dll-reference alpha_dcd111488d58f7509919 delegated ./a.js from dll-reference alpha_dcd111488d58f7509919
delegated source dll-reference alpha_dcd111488d58f7509919 delegated ../node_modules/module.js from dll-reference alpha_dcd111488d58f7509919
external "beta_dcd111488d58f7509919" 42 bytes [built]
delegated source dll-reference beta_dcd111488d58f7509919 delegated ./beta.js from dll-reference beta_dcd111488d58f7509919
delegated source dll-reference beta_dcd111488d58f7509919 delegated ./b.js from dll-reference beta_dcd111488d58f7509919
delegated source dll-reference beta_dcd111488d58f7509919 delegated ./c.jsx from dll-reference beta_dcd111488d58f7509919
external "alpha_54d633ccc01113a1050b" 42 bytes [built]
delegated source dll-reference alpha_54d633ccc01113a1050b delegated ./alpha.js from dll-reference alpha_54d633ccc01113a1050b
delegated source dll-reference alpha_54d633ccc01113a1050b delegated ./a.js from dll-reference alpha_54d633ccc01113a1050b
delegated source dll-reference alpha_54d633ccc01113a1050b delegated ../node_modules/module.js from dll-reference alpha_54d633ccc01113a1050b
external "beta_54d633ccc01113a1050b" 42 bytes [built]
delegated source dll-reference beta_54d633ccc01113a1050b delegated ./beta.js from dll-reference beta_54d633ccc01113a1050b
delegated source dll-reference beta_54d633ccc01113a1050b delegated ./b.js from dll-reference beta_54d633ccc01113a1050b
delegated source dll-reference beta_54d633ccc01113a1050b delegated ./c.jsx from dll-reference beta_54d633ccc01113a1050b
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
output.js 573 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 541 bytes [entry] [rendered]
> ./example.js main
./example.js 205 bytes [built]
[no exports used]
entry ./example.js main
delegated ../node_modules/module.js from dll-reference alpha_54d633ccc01113a1050b 42 bytes [built]
cjs require module ./example.js 8:12-29
delegated ./a.js from dll-reference alpha_54d633ccc01113a1050b 42 bytes [built]
cjs require ../dll/a ./example.js 2:12-31
delegated ./alpha.js from dll-reference alpha_54d633ccc01113a1050b 42 bytes [built]
cjs require ../dll/alpha ./example.js 1:12-35
delegated ./b.js from dll-reference beta_54d633ccc01113a1050b 42 bytes [built]
cjs require beta/b ./example.js 5:12-29
delegated ./beta.js from dll-reference beta_54d633ccc01113a1050b 42 bytes [built]
cjs require beta/beta ./example.js 4:12-32
delegated ./c.jsx from dll-reference beta_54d633ccc01113a1050b 42 bytes [built]
cjs require beta/c ./example.js 6:12-29
external "alpha_54d633ccc01113a1050b" 42 bytes [built]
delegated source dll-reference alpha_54d633ccc01113a1050b delegated ./alpha.js from dll-reference alpha_54d633ccc01113a1050b
delegated source dll-reference alpha_54d633ccc01113a1050b delegated ./a.js from dll-reference alpha_54d633ccc01113a1050b
delegated source dll-reference alpha_54d633ccc01113a1050b delegated ../node_modules/module.js from dll-reference alpha_54d633ccc01113a1050b
external "beta_54d633ccc01113a1050b" 42 bytes [built]
delegated source dll-reference beta_54d633ccc01113a1050b delegated ./beta.js from dll-reference beta_54d633ccc01113a1050b
delegated source dll-reference beta_54d633ccc01113a1050b delegated ./b.js from dll-reference beta_54d633ccc01113a1050b
delegated source dll-reference beta_54d633ccc01113a1050b delegated ./c.jsx from dll-reference beta_54d633ccc01113a1050b
```

View File

@ -35,13 +35,14 @@ module.exports = {
# dist/MyDll.alpha.js
```javascript
var alpha_dcd111488d58f7509919 =
var alpha_54d633ccc01113a1050b;alpha_54d633ccc01113a1050b =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
/*!*****************!*\
!*** dll alpha ***!
\*****************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, module */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
@ -53,6 +54,7 @@ module.exports = __webpack_require__;
/*!******************!*\
!*** ./alpha.js ***!
\******************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -64,6 +66,7 @@ module.exports = "alpha";
/*!**************!*\
!*** ./a.js ***!
\**************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -75,6 +78,7 @@ module.exports = "a";
/*!*********************************!*\
!*** ../node_modules/module.js ***!
\*********************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -100,17 +104,14 @@ module.exports = "module";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -132,7 +133,7 @@ module.exports = "module";
# dist/alpha-manifest.json
```javascript
{"name":"alpha_dcd111488d58f7509919","content":{"./alpha.js":{"id":1,"buildMeta":{}},"./a.js":{"id":2,"buildMeta":{}},"../node_modules/module.js":{"id":3,"buildMeta":{}}}}
{"name":"alpha_54d633ccc01113a1050b","content":{"./alpha.js":{"id":1,"buildMeta":{}},"./a.js":{"id":2,"buildMeta":{}},"../node_modules/module.js":{"id":3,"buildMeta":{}}}}
```
# Info
@ -141,82 +142,78 @@ module.exports = "module";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
MyDll.alpha.js 2.44 KiB [emitted] [name: alpha]
MyDll.beta.js 2.41 KiB [emitted] [name: beta]
MyDll.alpha.js 2.58 KiB [emitted] [name: alpha]
MyDll.beta.js 2.55 KiB [emitted] [name: beta]
Entrypoint alpha = MyDll.alpha.js
Entrypoint beta = MyDll.beta.js
chunk MyDll.alpha.js (alpha) 84 bytes [entry] [rendered]
> alpha
../node_modules/module.js 26 bytes [built]
cjs self exports reference ../node_modules/module.js 1:0-14
entry module dll alpha alpha[2]
DllPlugin
./a.js 21 bytes [built]
cjs self exports reference ./a.js 1:0-14
entry ./a dll alpha alpha[1]
DllPlugin
./alpha.js 25 bytes [built]
cjs self exports reference ./alpha.js 1:0-14
entry ./alpha dll alpha alpha[0]
DllPlugin
dll alpha 12 bytes [built]
dll entry
used a library export
DllPlugin
used as library export
chunk MyDll.beta.js (beta) 80 bytes [entry] [rendered]
> beta
./b.js 21 bytes [built]
cjs self exports reference ./b.js 1:0-14
entry ./b dll beta beta[1]
DllPlugin
./beta.js 24 bytes [built]
cjs self exports reference ./beta.js 1:0-14
entry ./beta dll beta beta[0]
DllPlugin
./c.jsx 23 bytes [built]
cjs self exports reference ./c.jsx 1:0-14
entry ./c dll beta beta[2]
DllPlugin
dll beta 12 bytes [built]
dll entry
used a library export
DllPlugin
used as library export
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
MyDll.alpha.js 291 bytes [emitted] [name: alpha]
MyDll.beta.js 282 bytes [emitted] [name: beta]
MyDll.alpha.js 302 bytes [emitted] [name: alpha]
MyDll.beta.js 292 bytes [emitted] [name: beta]
Entrypoint alpha = MyDll.alpha.js
Entrypoint beta = MyDll.beta.js
chunk MyDll.alpha.js (alpha) 84 bytes [entry] [rendered]
> alpha
../node_modules/module.js 26 bytes [built]
cjs self exports reference ../node_modules/module.js 1:0-14
entry module dll alpha alpha[2]
DllPlugin
./a.js 21 bytes [built]
cjs self exports reference ./a.js 1:0-14
entry ./a dll alpha alpha[1]
DllPlugin
./alpha.js 25 bytes [built]
cjs self exports reference ./alpha.js 1:0-14
entry ./alpha dll alpha alpha[0]
DllPlugin
dll alpha 12 bytes [built]
dll entry
used a library export
DllPlugin
used as library export
chunk MyDll.beta.js (beta) 80 bytes [entry] [rendered]
> beta
./b.js 21 bytes [built]
cjs self exports reference ./b.js 1:0-14
entry ./b dll beta beta[1]
DllPlugin
./beta.js 24 bytes [built]
cjs self exports reference ./beta.js 1:0-14
entry ./beta dll beta beta[0]
DllPlugin
./c.jsx 23 bytes [built]
cjs self exports reference ./c.jsx 1:0-14
entry ./c dll beta beta[2]
DllPlugin
dll beta 12 bytes [built]
dll entry
used a library export
DllPlugin
used as library export
```

View File

@ -46,13 +46,14 @@ module.exports = [
# dist/vendor.js
```javascript
var vendor_57330e24282ed92fe266 =
var vendor_8437ee63870abffcff70;vendor_8437ee63870abffcff70 =
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
/*!****************!*\
!*** dll main ***!
\****************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, module */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
@ -64,6 +65,7 @@ module.exports = __webpack_require__;
/*!*******************!*\
!*** ./vendor.js ***!
\*******************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -75,6 +77,7 @@ module.exports = "Vendor";
/*!********************!*\
!*** ./vendor2.js ***!
\********************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -100,17 +103,14 @@ module.exports = "Vendor2";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -138,8 +138,9 @@ module.exports = "Vendor2";
/*!******************!*\
!*** ./pageA.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
console.log(__webpack_require__(/*! ./vendor */ 1));
@ -148,25 +149,27 @@ module.exports = "pageA";
/***/ }),
/* 1 */
/*!****************************************************************************!*\
!*** delegated ./vendor.js from dll-reference vendor_57330e24282ed92fe266 ***!
!*** delegated ./vendor.js from dll-reference vendor_8437ee63870abffcff70 ***!
\****************************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = (__webpack_require__(/*! dll-reference vendor_57330e24282ed92fe266 */ 2))(1);
module.exports = (__webpack_require__(/*! dll-reference vendor_8437ee63870abffcff70 */ 2))(1);
/***/ }),
/* 2 */
/*!**********************************************!*\
!*** external "vendor_57330e24282ed92fe266" ***!
!*** external "vendor_8437ee63870abffcff70" ***!
\**********************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
"use strict";
module.exports = vendor_57330e24282ed92fe266;
module.exports = vendor_8437ee63870abffcff70;
/***/ })
/******/ ]);
@ -187,17 +190,14 @@ module.exports = vendor_57330e24282ed92fe266;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -210,8 +210,8 @@ module.exports = vendor_57330e24282ed92fe266;
``` js
/******/ // startup
/******/ // Load entry module
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ __webpack_require__(0);
/******/ // This entry module used 'module' so it can't be inlined
/******/ })()
;
```
@ -222,61 +222,56 @@ module.exports = vendor_57330e24282ed92fe266;
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Child vendor:
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
vendor.js 2.17 KiB [emitted] [name: main]
vendor.js 2.27 KiB [emitted] [name: main]
Entrypoint main = vendor.js
chunk vendor.js (main) 65 bytes [entry] [rendered]
> main
./vendor.js 26 bytes [built]
cjs self exports reference ./vendor.js 1:0-14
entry ./vendor dll main main[0]
DllPlugin
./vendor2.js 27 bytes [built]
cjs self exports reference ./vendor2.js 1:0-14
entry ./vendor2 dll main main[1]
DllPlugin
dll main 12 bytes [built]
dll entry
used a library export
DllPlugin
used as library export
Child app:
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
pageA.js 2.5 KiB [emitted] [name: pageA]
pageB.js 2.53 KiB [emitted] [name: pageB]
pageC.js 1.5 KiB [emitted] [name: pageC]
pageA.js 2.63 KiB [emitted] [name: pageA]
pageB.js 2.66 KiB [emitted] [name: pageB]
pageC.js 1.52 KiB [emitted] [name: pageC]
Entrypoint pageA = pageA.js
Entrypoint pageB = pageB.js
Entrypoint pageC = pageC.js
chunk pageA.js (pageA) 143 bytes [entry] [rendered]
> ./pageA pageA
./pageA.js 59 bytes [built]
[used exports unknown]
cjs self exports reference ./pageA.js 2:0-14
entry ./pageA pageA
delegated ./vendor.js from dll-reference vendor_57330e24282ed92fe266 42 bytes [built]
[used exports unknown]
delegated ./vendor.js from dll-reference vendor_8437ee63870abffcff70 42 bytes [built]
cjs require ./vendor ./pageA.js 1:12-31
external "vendor_57330e24282ed92fe266" 42 bytes [built]
[used exports unknown]
delegated source dll-reference vendor_57330e24282ed92fe266 delegated ./vendor.js from dll-reference vendor_57330e24282ed92fe266
delegated source dll-reference vendor_57330e24282ed92fe266 delegated ./vendor2.js from dll-reference vendor_57330e24282ed92fe266
external "vendor_8437ee63870abffcff70" 42 bytes [built]
delegated source dll-reference vendor_8437ee63870abffcff70 delegated ./vendor.js from dll-reference vendor_8437ee63870abffcff70
delegated source dll-reference vendor_8437ee63870abffcff70 delegated ./vendor2.js from dll-reference vendor_8437ee63870abffcff70
chunk pageB.js (pageB) 144 bytes [entry] [rendered]
> ./pageB pageB
./pageB.js 60 bytes [built]
[used exports unknown]
cjs self exports reference ./pageB.js 2:0-14
entry ./pageB pageB
delegated ./vendor2.js from dll-reference vendor_57330e24282ed92fe266 42 bytes [built]
[used exports unknown]
delegated ./vendor2.js from dll-reference vendor_8437ee63870abffcff70 42 bytes [built]
cjs require ./vendor2 ./pageB.js 1:12-32
external "vendor_57330e24282ed92fe266" 42 bytes [built]
[used exports unknown]
delegated source dll-reference vendor_57330e24282ed92fe266 delegated ./vendor.js from dll-reference vendor_57330e24282ed92fe266
delegated source dll-reference vendor_57330e24282ed92fe266 delegated ./vendor2.js from dll-reference vendor_57330e24282ed92fe266
external "vendor_8437ee63870abffcff70" 42 bytes [built]
delegated source dll-reference vendor_8437ee63870abffcff70 delegated ./vendor.js from dll-reference vendor_8437ee63870abffcff70
delegated source dll-reference vendor_8437ee63870abffcff70 delegated ./vendor2.js from dll-reference vendor_8437ee63870abffcff70
chunk pageC.js (pageC) 25 bytes [entry] [rendered]
> ./pageC pageC
./pageC.js 25 bytes [built]
[used exports unknown]
cjs self exports reference ./pageC.js 1:0-14
entry ./pageC pageC
```
@ -284,56 +279,55 @@ Child app:
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Child vendor:
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
vendor.js 271 bytes [emitted] [name: main]
vendor.js 283 bytes [emitted] [name: main]
Entrypoint main = vendor.js
chunk vendor.js (main) 65 bytes [entry] [rendered]
> main
./vendor.js 26 bytes [built]
cjs self exports reference ./vendor.js 1:0-14
entry ./vendor dll main main[0]
DllPlugin
./vendor2.js 27 bytes [built]
cjs self exports reference ./vendor2.js 1:0-14
entry ./vendor2 dll main main[1]
DllPlugin
dll main 12 bytes [built]
dll entry
used a library export
DllPlugin
used as library export
Child app:
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
pageA.js 299 bytes [emitted] [name: pageA]
pageB.js 297 bytes [emitted] [name: pageB]
pageC.js 176 bytes [emitted] [name: pageC]
pageA.js 283 bytes [emitted] [name: pageA]
pageB.js 283 bytes [emitted] [name: pageB]
pageC.js 160 bytes [emitted] [name: pageC]
Entrypoint pageA = pageA.js
Entrypoint pageB = pageB.js
Entrypoint pageC = pageC.js
chunk pageB.js (pageB) 144 bytes [entry] [rendered]
> ./pageB pageB
./pageB.js 60 bytes [built]
[no exports used]
cjs self exports reference ./pageB.js 2:0-14
entry ./pageB pageB
delegated ./vendor2.js from dll-reference vendor_480562d40e553ce49bd3 42 bytes [built]
delegated ./vendor2.js from dll-reference vendor_cd36378c41b73a2600dc 42 bytes [built]
cjs require ./vendor2 ./pageB.js 1:12-32
external "vendor_480562d40e553ce49bd3" 42 bytes [built]
delegated source dll-reference vendor_480562d40e553ce49bd3 delegated ./vendor2.js from dll-reference vendor_480562d40e553ce49bd3
delegated source dll-reference vendor_480562d40e553ce49bd3 delegated ./vendor.js from dll-reference vendor_480562d40e553ce49bd3
external "vendor_cd36378c41b73a2600dc" 42 bytes [built]
delegated source dll-reference vendor_cd36378c41b73a2600dc delegated ./vendor2.js from dll-reference vendor_cd36378c41b73a2600dc
delegated source dll-reference vendor_cd36378c41b73a2600dc delegated ./vendor.js from dll-reference vendor_cd36378c41b73a2600dc
chunk pageC.js (pageC) 25 bytes [entry] [rendered]
> ./pageC pageC
./pageC.js 25 bytes [built]
[no exports used]
cjs self exports reference ./pageC.js 1:0-14
entry ./pageC pageC
chunk pageA.js (pageA) 143 bytes [entry] [rendered]
> ./pageA pageA
./pageA.js 59 bytes [built]
[no exports used]
cjs self exports reference ./pageA.js 2:0-14
entry ./pageA pageA
delegated ./vendor.js from dll-reference vendor_480562d40e553ce49bd3 42 bytes [built]
delegated ./vendor.js from dll-reference vendor_cd36378c41b73a2600dc 42 bytes [built]
cjs require ./vendor ./pageA.js 1:12-31
external "vendor_480562d40e553ce49bd3" 42 bytes [built]
delegated source dll-reference vendor_480562d40e553ce49bd3 delegated ./vendor2.js from dll-reference vendor_480562d40e553ce49bd3
delegated source dll-reference vendor_480562d40e553ce49bd3 delegated ./vendor.js from dll-reference vendor_480562d40e553ce49bd3
external "vendor_cd36378c41b73a2600dc" 42 bytes [built]
delegated source dll-reference vendor_cd36378c41b73a2600dc delegated ./vendor2.js from dll-reference vendor_cd36378c41b73a2600dc
delegated source dll-reference vendor_cd36378c41b73a2600dc delegated ./vendor.js from dll-reference vendor_cd36378c41b73a2600dc
```

View File

@ -4,14 +4,14 @@ We use the `libraryTarget: "umd"` option to build a UMD module that is consumabl
We use the `externals` option to define dependencies that should be resolved in the target environment.
In the simple case, we just need to specify a string (`"add"`). Then it's resolved as `"add"` module in CommonJS and AMD, and as global `add` when used with the script tag.
In the simple case we just need to specify a string (`"add"`). Then it's resolved as `"add"` module in CommonJS and AMD, and as global `add` when used with the script tag.
In the complex case we specify different values for each environment:
| environment | config value | resolved as |
| ------------------ | ------------------------ | ---------------------------- |
| CommonJs (strict) | `["./math", "subtract"]` | `require("./math").subtract` |
| CommonJs (node.js) | `"./subtract"` | `require("./subtract")` |
| CommonJS (strict) | `["./math", "subtract"]` | `require("./math").subtract` |
| CommonJS (node.js) | `"./subtract"` | `require("./subtract")` |
| AMD | `"subtract"` | `define(["subtract"], ...)` |
| script tag | `"subtract"` | `this.subtract` |
@ -65,8 +65,10 @@ return /******/ (() => { // webpackBootstrap
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, __webpack_exports__ */
/*! default exports */
/*! export exampleValue [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_exports__, __webpack_require__ */
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
var add = __webpack_require__(/*! add */ 1);
@ -79,7 +81,8 @@ exports.exampleValue = subtract(add(42, 2), 2);
/*!**********************!*\
!*** external "add" ***!
\**********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -91,7 +94,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1__;
/*!***************************************************************************************************************!*\
!*** external {"root":"subtract","commonjs2":"./subtract","commonjs":["./math","subtract"],"amd":"subtract"} ***!
\***************************************************************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -117,17 +121,14 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -153,20 +154,19 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 3.18 KiB [emitted] [name: main]
output.js 3.34 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 194 bytes [entry] [rendered]
> ./example.js main
./example.js 110 bytes [built]
[exports: exampleValue]
entry ./example.js main
used a library export
used as library export
external "add" 42 bytes [built]
[used exports unknown]
cjs require add ./example.js 1:10-24
external {"root":"subtract","commonjs2":"./subtract","commonjs":["./math","subtract"],"amd":"subtract"} 42 bytes [built]
[used exports unknown]
cjs require subtract ./example.js 2:15-34
```
@ -174,15 +174,16 @@ chunk output.js (main) 194 bytes [entry] [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 668 bytes [emitted] [name: main]
output.js 652 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 194 bytes [entry] [rendered]
> ./example.js main
./example.js 110 bytes [built]
[exports: exampleValue]
entry ./example.js main
used a library export
used as library export
external "add" 42 bytes [built]
cjs require add ./example.js 1:10-24
external {"root":"subtract","commonjs2":"./subtract","commonjs":["./math","subtract"],"amd":"subtract"} 42 bytes [built]

View File

@ -55,17 +55,14 @@ module.exports = {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -75,7 +72,7 @@ module.exports = {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -85,26 +82,29 @@ module.exports = {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -113,11 +113,9 @@ module.exports = {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -134,7 +132,7 @@ module.exports = {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -152,8 +150,10 @@ module.exports = {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -167,28 +167,27 @@ module.exports = {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -196,25 +195,23 @@ module.exports = {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -224,9 +221,8 @@ module.exports = {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -237,7 +233,8 @@ module.exports = {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! 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);
@ -266,54 +263,54 @@ Promise.all(/*! require.ensure */[__webpack_require__.e(847), __webpack_require_
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
390.output.js 300 bytes [emitted]
460.output.js 300 bytes [emitted]
568.output.js 300 bytes [emitted]
767.output.js 300 bytes [emitted]
785.output.js 300 bytes [emitted]
847.output.js 306 bytes [emitted]
996.output.js 300 bytes [emitted]
output.js 8.96 KiB [emitted] [name: main]
390.output.js 356 bytes [emitted]
460.output.js 356 bytes [emitted]
568.output.js 356 bytes [emitted]
767.output.js 356 bytes [emitted]
785.output.js 356 bytes [emitted]
847.output.js 362 bytes [emitted]
996.output.js 356 bytes [emitted]
output.js 8.94 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 346 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 346 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 346 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 390.output.js 21 bytes [rendered]
> ./example.js 8:0-16:2
./e.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./e.js 1:0-14
require.ensure item ./e ./example.js 8:0-16:2
chunk 460.output.js 21 bytes [rendered]
> ./a ./b ./c ./example.js 1:0-52
./c.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./c.js 1:0-14
amd require ./c ./example.js 1:0-52
chunk 568.output.js 21 bytes [rendered]
> ./example.js 10:1-12:3
./f.js 21 bytes [built]
[used exports unknown]
cjs require ./f ./example.js 11:2-16
cjs self exports reference ./f.js 1:0-14
chunk 767.output.js 21 bytes [rendered]
> ./example.js 3:0-6:2
./d.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./d.js 1:0-14
cjs require ./d ./example.js 5:1-15
chunk 785.output.js 21 bytes [rendered]
> ./example.js 13:1-15:3
./g.js 21 bytes [built]
[used exports unknown]
cjs require ./g ./example.js 14:2-16
cjs self exports reference ./g.js 1:0-14
chunk 847.output.js 21 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 1:0-52
> ./example.js 3:0-6:2
> ./example.js 8:0-16:2
./a.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./a.js 1:0-14
amd require ./a ./example.js 1:0-52
require.ensure item ./a ./example.js 3:0-6:2
require.ensure item ./a ./example.js 8:0-16:2
@ -324,7 +321,7 @@ chunk 996.output.js 21 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 1:0-52
> ./example.js 3:0-6:2
./b.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./b.js 1:0-14
amd require ./b ./example.js 1:0-52
cjs require ./b ./example.js 4:1-15
require.ensure item ./b ./example.js 10:1-12:3
@ -335,7 +332,7 @@ chunk 996.output.js 21 bytes [rendered] split chunk (cache group: default)
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
390.output.js 85 bytes [emitted]
460.output.js 85 bytes [emitted]
@ -344,39 +341,45 @@ Version: webpack 5.0.0-beta.6
785.output.js 85 bytes [emitted]
847.output.js 85 bytes [emitted]
996.output.js 85 bytes [emitted]
output.js 1.86 KiB [emitted] [name: main]
output.js 1.74 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 346 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 346 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 346 bytes [built]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 390.output.js 21 bytes [rendered]
> ./example.js 8:0-16:2
./e.js 21 bytes [built]
cjs self exports reference ./e.js 1:0-14
require.ensure item ./e ./example.js 8:0-16:2
chunk 460.output.js 21 bytes [rendered]
> ./a ./b ./c ./example.js 1:0-52
./c.js 21 bytes [built]
cjs self exports reference ./c.js 1:0-14
amd require ./c ./example.js 1:0-52
chunk 568.output.js 21 bytes [rendered]
> ./example.js 10:1-12:3
./f.js 21 bytes [built]
cjs require ./f ./example.js 11:2-16
cjs self exports reference ./f.js 1:0-14
chunk 767.output.js 21 bytes [rendered]
> ./example.js 3:0-6:2
./d.js 21 bytes [built]
cjs self exports reference ./d.js 1:0-14
cjs require ./d ./example.js 5:1-15
chunk 785.output.js 21 bytes [rendered]
> ./example.js 13:1-15:3
./g.js 21 bytes [built]
cjs require ./g ./example.js 14:2-16
cjs self exports reference ./g.js 1:0-14
chunk 847.output.js 21 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 1:0-52
> ./example.js 3:0-6:2
> ./example.js 8:0-16:2
./a.js 21 bytes [built]
cjs self exports reference ./a.js 1:0-14
amd require ./a ./example.js 1:0-52
require.ensure item ./a ./example.js 3:0-6:2
require.ensure item ./a ./example.js 8:0-16:2
@ -387,6 +390,7 @@ chunk 996.output.js 21 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 1:0-52
> ./example.js 3:0-6:2
./b.js 21 bytes [built]
cjs self exports reference ./b.js 1:0-14
amd require ./b ./example.js 1:0-52
cjs require ./b ./example.js 4:1-15
require.ensure item ./b ./example.js 10:1-12:3

View File

@ -66,17 +66,14 @@ require.ensure(["./a"], function(require) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -86,7 +83,7 @@ require.ensure(["./a"], function(require) {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -96,26 +93,29 @@ require.ensure(["./a"], function(require) {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -124,11 +124,9 @@ require.ensure(["./a"], function(require) {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -145,7 +143,7 @@ require.ensure(["./a"], function(require) {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -163,8 +161,10 @@ require.ensure(["./a"], function(require) {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -178,28 +178,27 @@ require.ensure(["./a"], function(require) {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -207,25 +206,23 @@ require.ensure(["./a"], function(require) {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -235,9 +232,8 @@ require.ensure(["./a"], function(require) {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -248,7 +244,8 @@ require.ensure(["./a"], function(require) {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! 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);
@ -272,7 +269,8 @@ Promise.all(/*! require.ensure */[__webpack_require__.e(394), __webpack_require_
/*!**************!*\
!*** ./a.js ***!
\**************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -283,7 +281,8 @@ module.exports = "a";
/*!**************!*\
!*** ./b.js ***!
\**************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -302,7 +301,8 @@ module.exports = "b";
/*!**************!*\
!*** ./c.js ***!
\**************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -322,7 +322,8 @@ module.exports = "c";
/*!**************!*\
!*** ./d.js ***!
\**************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -339,39 +340,39 @@ module.exports = "d";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
394.output.js 530 bytes [emitted]
460.output.js 300 bytes [emitted]
767.output.js 300 bytes [emitted]
output.js 8.2 KiB [emitted] [name: main]
394.output.js 642 bytes [emitted]
460.output.js 356 bytes [emitted]
767.output.js 356 bytes [emitted]
output.js 8.18 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 164 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 164 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 164 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 394.output.js 42 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 2:0-30
> ./example.js 5:0-8:2
./a.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./a.js 1:0-14
amd require ./a ./example.js 2:0-30
require.ensure item ./a ./example.js 5:0-8:2
./b.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./b.js 1:0-14
amd require ./b ./example.js 2:0-30
cjs require ./b ./example.js 6:1-15
chunk 460.output.js 21 bytes [rendered]
> ./a ./b ./c ./example.js 2:0-30
./c.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./c.js 1:0-14
amd require ./c ./example.js 2:0-30
chunk 767.output.js 21 bytes [rendered]
> ./example.js 5:0-8:2
./d.js 21 bytes [built]
[used exports unknown]
cjs self exports reference ./d.js 1:0-14
cjs require ./d ./example.js 7:1-15
```
@ -379,34 +380,38 @@ chunk 767.output.js 21 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
394.output.js 108 bytes [emitted]
460.output.js 85 bytes [emitted]
767.output.js 85 bytes [emitted]
output.js 1.56 KiB [emitted] [name: main]
output.js 1.44 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 164 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 164 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 164 bytes [built]
[no exports used]
entry ./example.js main
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 394.output.js 42 bytes [rendered] split chunk (cache group: default)
> ./a ./b ./c ./example.js 2:0-30
> ./example.js 5:0-8:2
./a.js 21 bytes [built]
cjs self exports reference ./a.js 1:0-14
amd require ./a ./example.js 2:0-30
require.ensure item ./a ./example.js 5:0-8:2
./b.js 21 bytes [built]
cjs self exports reference ./b.js 1:0-14
amd require ./b ./example.js 2:0-30
cjs require ./b ./example.js 6:1-15
chunk 460.output.js 21 bytes [rendered]
> ./a ./b ./c ./example.js 2:0-30
./c.js 21 bytes [built]
cjs self exports reference ./c.js 1:0-14
amd require ./c ./example.js 2:0-30
chunk 767.output.js 21 bytes [rendered]
> ./example.js 5:0-8:2
./d.js 21 bytes [built]
cjs self exports reference ./d.js 1:0-14
cjs require ./d ./example.js 7:1-15
```

View File

@ -3,7 +3,7 @@
```javascript
// harmony module
// import from CommonJs module
// import from CommonJS module
import fs from "./fs";
import { readFile } from "./fs";
import * as fs2 from "./fs";
@ -68,45 +68,14 @@ export var named = "named";
```javascript
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _fs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fs */ 1);
/* harmony import */ var _fs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_fs__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _reexport_commonjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reexport-commonjs */ 2);
/* harmony import */ var _example2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./example2 */ 3);
/* harmony import */ var _example2__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_example2__WEBPACK_IMPORTED_MODULE_2__);
// harmony module
// import from CommonJs module
_fs__WEBPACK_IMPORTED_MODULE_0___default().readFile("file");
(0,_fs__WEBPACK_IMPORTED_MODULE_0__.readFile)("file");
_fs__WEBPACK_IMPORTED_MODULE_0__.readFile("file");
// import from harmony module
(0,_reexport_commonjs__WEBPACK_IMPORTED_MODULE_1__.readFile)("file");
// import a CommonJs module for side effects
/***/ }),
/* 0 */,
/* 1 */
/*!***************!*\
!*** ./fs.js ***!
\***************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! default exports */
/*! export readFile [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_exports__ */
/***/ ((__unused_webpack_module, exports) => {
@ -124,17 +93,17 @@ exports.readFile = function() {};
/*!******************************!*\
!*** ./reexport-commonjs.js ***!
\******************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export readFile [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"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 */ });
/* harmony import */ var _fs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fs */ 1);
/* harmony import */ var _fs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_fs__WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _fs__WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _fs__WEBPACK_IMPORTED_MODULE_0__[__WEBPACK_IMPORT_KEY__]
/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
// reexport a CommonJs module
// Note that the default export doesn't reexport via export *
@ -149,7 +118,8 @@ __webpack_require__.r(__webpack_exports__);
/*!*********************!*\
!*** ./example2.js ***!
\*********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
@ -167,10 +137,11 @@ var namedExport = module.named;
/*!********************!*\
!*** ./harmony.js ***!
\********************/
/*! export default [provided] [no usage info] [missing usage info prevents renaming] */
/*! export named [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export default [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export named [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.r, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
@ -203,24 +174,21 @@ var named = "named";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ !function() {
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
@ -229,23 +197,27 @@ var named = "named";
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ 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 */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -253,7 +225,7 @@ var named = "named";
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -261,10 +233,37 @@ var named = "named";
</details>
``` js
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
"use strict";
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_require__.* */
/* harmony import */ var _fs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fs */ 1);
/* harmony import */ var _reexport_commonjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reexport-commonjs */ 2);
/* harmony import */ var _example2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./example2 */ 3);
/* harmony import */ var _example2__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_example2__WEBPACK_IMPORTED_MODULE_2__);
// harmony module
// import from CommonJS module
_fs__WEBPACK_IMPORTED_MODULE_0__.readFile("file");
(0,_fs__WEBPACK_IMPORTED_MODULE_0__.readFile)("file");
_fs__WEBPACK_IMPORTED_MODULE_0__.readFile("file");
// import from harmony module
(0,_reexport_commonjs__WEBPACK_IMPORTED_MODULE_1__.readFile)("file");
// import a CommonJs module for side effects
})();
/******/ })()
;
```
@ -275,21 +274,22 @@ var named = "named";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 7.42 KiB [emitted] [name: main]
output.js 6.79 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1.13 KiB (javascript) 895 bytes (runtime) [entry] [rendered]
chunk output.js (main) 1.13 KiB (javascript) 931 bytes (runtime) [entry] [rendered]
> ./example.js main
./example.js 373 bytes [built]
./example.js 374 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
./example2.js 152 bytes [built]
[used exports unknown]
[no exports used]
harmony side effect evaluation ./example2 ./example.js 16:0-20
./fs.js 257 bytes [built]
[used exports unknown]
[exports: readFile]
[all exports used]
harmony side effect evaluation ./fs ./example.js 4:0-22
harmony side effect evaluation ./fs ./example.js 5:0-32
harmony side effect evaluation ./fs ./example.js 6:0-28
@ -300,48 +300,45 @@ chunk output.js (main) 1.13 KiB (javascript) 895 bytes (runtime) [entry] [render
harmony export imported specifier ./fs ./reexport-commonjs.js 2:0-21
./harmony.js 75 bytes [built]
[exports: default, named]
[used exports unknown]
cjs require ./harmony ./example2.js 4:13-33
./reexport-commonjs.js 301 bytes [built]
[used exports unknown]
[exports: readFile]
[all exports used]
harmony side effect evaluation ./reexport-commonjs ./example.js 12:0-60
harmony import specifier ./reexport-commonjs ./example.js 13:0-9
+ 3 hidden chunk modules
+ 4 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 1020 bytes [emitted] [name: main]
output.js 724 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1.13 KiB (javascript) 895 bytes (runtime) [entry] [rendered]
chunk output.js (main) 1.14 KiB (javascript) 668 bytes (runtime) [entry] [rendered]
> ./example.js main
./example.js 373 bytes [built]
./example.js + 1 modules 685 bytes [built]
[no exports]
[no exports used]
entry ./example.js main
./example2.js 152 bytes [built]
[no exports used]
harmony side effect evaluation ./example2 ./example.js 16:0-20
harmony side effect evaluation ./example2 ./example.js + 1 modules ./example.js 16:0-20
./fs.js 257 bytes [built]
[only some exports used: default, readFile]
harmony side effect evaluation ./fs ./example.js 4:0-22
harmony side effect evaluation ./fs ./example.js 5:0-32
harmony side effect evaluation ./fs ./example.js 6:0-28
harmony import specifier ./fs ./example.js 7:0-11
harmony import specifier ./fs ./example.js 8:0-8
harmony import specifier ./fs ./example.js 9:0-12
harmony side effect evaluation ./fs ./reexport-commonjs.js 2:0-21
harmony export imported specifier ./fs ./reexport-commonjs.js 2:0-21
[exports: readFile]
[all exports used]
harmony side effect evaluation ./fs ./example.js + 1 modules ./example.js 4:0-22
harmony side effect evaluation ./fs ./example.js + 1 modules ./example.js 5:0-32
harmony side effect evaluation ./fs ./example.js + 1 modules ./example.js 6:0-28
harmony import specifier ./fs ./example.js + 1 modules ./example.js 7:0-11
harmony import specifier ./fs ./example.js + 1 modules ./example.js 8:0-8
harmony import specifier ./fs ./example.js + 1 modules ./example.js 9:0-12
harmony side effect evaluation ./fs ./example.js + 1 modules ./reexport-commonjs.js 2:0-21
harmony export imported specifier ./fs ./example.js + 1 modules ./reexport-commonjs.js 2:0-21
./harmony.js 75 bytes [built]
[exports: default, named]
cjs require ./harmony ./example2.js 4:13-33
./reexport-commonjs.js 301 bytes [built]
[only some exports used: readFile]
harmony side effect evaluation ./reexport-commonjs ./example.js 12:0-60
harmony import specifier ./reexport-commonjs ./example.js 13:0-9
+ 3 hidden chunk modules
```

View File

@ -34,11 +34,12 @@ return /******/ (() => { // webpackBootstrap
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! export default [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export increment [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export value [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! runtime requirements: __webpack_exports__, __webpack_require__.r, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
@ -73,37 +74,38 @@ function increment() {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ 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 */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -111,7 +113,7 @@ function increment() {
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -134,32 +136,32 @@ function increment() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
MyLibrary.umd.js 3.83 KiB [emitted] [name: main]
MyLibrary.umd.js 3.94 KiB [emitted] [name: main]
Entrypoint main = MyLibrary.umd.js
chunk MyLibrary.umd.js (main) 92 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
chunk MyLibrary.umd.js (main) 92 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> ./example main
./example.js 92 bytes [built]
[exports: default, increment, value]
entry ./example main
used a library export
+ 2 hidden chunk modules
used as library export
+ 3 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
MyLibrary.umd.js 840 bytes [emitted] [name: main]
MyLibrary.umd.js 819 bytes [emitted] [name: main]
Entrypoint main = MyLibrary.umd.js
chunk MyLibrary.umd.js (main) 92 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
chunk MyLibrary.umd.js (main) 92 bytes (javascript) 668 bytes (runtime) [entry] [rendered]
> ./example main
./example.js 92 bytes [built]
[exports: default, increment, value]
entry ./example main
used a library export
+ 2 hidden chunk modules
used as library export
+ 3 hidden chunk modules
```

View File

@ -53,42 +53,24 @@ export { add as reexportedAdd, multiply as reexportedMultiply } from "./math";
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math */ 1);
/* harmony import */ var _library__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./library */ 2);
(0,_math__WEBPACK_IMPORTED_MODULE_0__.add)(1, 2);
_library__WEBPACK_IMPORTED_MODULE_1__.reexportedMultiply(1, 2);
/***/ }),
/* 0 */,
/* 1 */
/*!*****************!*\
!*** ./math.js ***!
\*****************/
/*! export add [provided] [no usage info] [missing usage info prevents renaming] */
/*! export list [provided] [no usage info] [missing usage info prevents renaming] */
/*! export multiply [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export add [provided] [used] [could be renamed] */
/*! export list [provided] [unused] [could be renamed] */
/*! export multiply [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "add": () => /* binding */ add,
/* harmony export */ "multiply": () => /* binding */ multiply,
/* harmony export */ "list": () => /* binding */ list
/* harmony export */ "multiply": () => /* binding */ multiply
/* harmony export */ });
/* unused harmony export list */
function add() {
var sum = 0, i = 0, args = arguments, l = args.length;
while (i < l) {
@ -115,21 +97,17 @@ function list() {
/*!********************!*\
!*** ./library.js ***!
\********************/
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] */
/*! export reexportedAdd [provided] [no usage info] [missing usage info prevents renaming] */
/*! export reexportedMultiply [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export a [provided] [unused] [could be renamed] */
/*! export b [provided] [unused] [could be renamed] */
/*! export c [provided] [unused] [could be renamed] */
/*! export reexportedAdd [provided] [unused] [could be renamed] */
/*! export reexportedMultiply [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => /* 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);
@ -142,19 +120,15 @@ __webpack_require__.r(__webpack_exports__);
/*!****************!*\
!*** ./abc.js ***!
\****************/
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export a [provided] [unused] [could be renamed] */
/*! export b [provided] [unused] [could be renamed] */
/*! export c [provided] [unused] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "a": () => /* binding */ a,
/* harmony export */ "b": () => /* binding */ b,
/* harmony export */ "c": () => /* binding */ c
/* harmony export */ });
/* unused harmony exports a, b, c */
function a() { console.log("a"); }
function b() { console.log("b"); }
function c() { console.log("c"); }
@ -179,45 +153,35 @@ function c() { console.log("c"); }
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/************************************************************************/
```
@ -225,10 +189,23 @@ function c() { console.log("c"); }
</details>
``` js
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__ */
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math */ 1);
/* harmony import */ var _library__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./library */ 2);
(0,_math__WEBPACK_IMPORTED_MODULE_0__.add)(1, 2);
_library__WEBPACK_IMPORTED_MODULE_1__.reexportedMultiply(1, 2);
})();
/******/ })()
;
```
@ -236,7 +213,7 @@ function c() { console.log("c"); }
# dist/output.js
```javascript
(()=>{"use strict";var r={169:(r,t,e)=>{},345:(r,t,e)=>{e.d(t,{H:()=>n.jj});e(169);var n=e(451)},451:(r,t,e)=>{function n(){for(var r=0,t=0,e=arguments,n=e.length;t<n;)r+=e[t++];return r}function o(){for(var r=1,t=0,e=arguments,n=e.length;t<n;)r*=e[t++];return r}e.d(t,{Kn:()=>n,jj:()=>o})}},t={};function e(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return r[n](o,o.exports,e),o.l=!0,o.exports}!function(){var r=Object.prototype.hasOwnProperty;e.d=(t,e)=>{for(var n in e)r.call(e,n)&&!r.call(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})}}(),function(){var r=e(451),t=e(345);(0,r.Kn)(1,2),t.H(1,2)}()})();
(()=>{"use strict";var r,e,t={169:(r,e,t)=>{},345:(r,e,t)=>{t.d(e,{n:()=>n.Jp});t(169);var n=t(451)},451:(r,e,t)=>{function n(){for(var r=0,e=0,t=arguments,n=t.length;e<n;)r+=t[e++];return r}function o(){for(var r=1,e=0,t=arguments,n=t.length;e<n;)r*=t[e++];return r}t.d(e,{IH:()=>n,Jp:()=>o})}},n={};function o(r){if(n[r])return n[r].exports;var e=n[r]={exports:{}};return t[r](e,e.exports,o),e.exports}o.d=(r,e)=>{for(var t in e)o.o(e,t)&&!o.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},o.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),r=o(451),e=o(345),(0,r.IH)(1,2),e.n(1,2)})();
```
# Info
@ -245,48 +222,11 @@ function c() { console.log("c"); }
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 6.8 KiB [emitted] [name: main]
output.js 5.09 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 698 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
> ./example.js main
./abc.js 126 bytes [built]
[exports: a, b, c]
[used exports unknown]
harmony side effect evaluation ./abc ./library.js 1:0-32
harmony export imported specifier ./abc ./library.js 1:0-32
harmony export imported specifier ./abc ./library.js 1:0-32
harmony export imported specifier ./abc ./library.js 1:0-32
./example.js 114 bytes [built]
[no exports]
[used exports unknown]
entry ./example.js main
./library.js 111 bytes [built]
[exports: a, b, c, reexportedAdd, reexportedMultiply]
[used exports unknown]
harmony side effect evaluation ./library ./example.js 2:0-37
harmony import specifier ./library ./example.js 5:0-26
./math.js 347 bytes [built]
[exports: add, list, multiply]
[used exports unknown]
harmony side effect evaluation ./math ./example.js 1:0-29
harmony import specifier ./math ./example.js 4:0-3
harmony side effect evaluation ./math ./library.js 2:0-78
harmony export imported specifier ./math ./library.js 2:0-78
harmony export imported specifier ./math ./library.js 2:0-78
+ 2 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
output.js 639 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 698 bytes (javascript) 358 bytes (runtime) [entry] [rendered]
chunk output.js (main) 698 bytes (javascript) 394 bytes (runtime) [entry] [rendered]
> ./example.js main
./abc.js 126 bytes [built]
[exports: a, b, c]
@ -312,5 +252,42 @@ chunk output.js (main) 698 bytes (javascript) 358 bytes (runtime) [entry] [rende
harmony side effect evaluation ./math ./library.js 2:0-78
[inactive] harmony export imported specifier ./math ./library.js 2:0-78
harmony export imported specifier ./math ./library.js 2:0-78
+ 1 hidden chunk module
+ 2 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
output.js 603 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 698 bytes (javascript) 394 bytes (runtime) [entry] [rendered]
> ./example.js main
./abc.js 126 bytes [built]
[exports: a, b, c]
[no exports used]
harmony side effect evaluation ./abc ./library.js 1:0-32
[inactive] harmony export imported specifier ./abc ./library.js 1:0-32
[inactive] harmony export imported specifier ./abc ./library.js 1:0-32
[inactive] harmony export imported specifier ./abc ./library.js 1:0-32
./example.js 114 bytes [built]
[no exports]
[no exports used]
entry ./example.js main
./library.js 111 bytes [built]
[exports: a, b, c, reexportedAdd, reexportedMultiply]
[only some exports used: reexportedMultiply]
harmony side effect evaluation ./library ./example.js 2:0-37
harmony import specifier ./library ./example.js 5:0-26
./math.js 347 bytes [built]
[exports: add, list, multiply]
[only some exports used: add, multiply]
harmony side effect evaluation ./math ./example.js 1:0-29
harmony import specifier ./math ./example.js 4:0-3
harmony side effect evaluation ./math ./library.js 2:0-78
[inactive] harmony export imported specifier ./math ./library.js 2:0-78
harmony export imported specifier ./math ./library.js 2:0-78
+ 2 hidden chunk modules
```

View File

@ -26,37 +26,17 @@ export function increment(val) {
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.e, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _increment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./increment */ 1);
var a = 1;
(0,_increment__WEBPACK_IMPORTED_MODULE_0__.increment)(a); // 2
// async loading
__webpack_require__.e(/*! import() */ 35).then(__webpack_require__.bind(null, /*! ./async-loaded */ 3)).then(function(asyncLoaded) {
console.log(asyncLoaded);
});
/***/ }),
/* 0 */,
/* 1 */
/*!**********************!*\
!*** ./increment.js ***!
\**********************/
/*! export increment [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export increment [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __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 */ "increment": () => /* binding */ increment
/* harmony export */ });
@ -72,12 +52,12 @@ function increment(val) {
/*!*****************!*\
!*** ./math.js ***!
\*****************/
/*! export add [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export add [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "add": () => /* binding */ add
/* harmony export */ });
@ -109,17 +89,14 @@ function add() {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -129,20 +106,19 @@ function add() {
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -152,19 +128,24 @@ function add() {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -172,17 +153,15 @@ function add() {
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -191,11 +170,9 @@ function add() {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -212,7 +189,7 @@ function add() {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -230,8 +207,10 @@ function add() {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -245,28 +224,27 @@ function add() {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -274,25 +252,23 @@ function add() {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -302,9 +278,8 @@ function add() {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -312,10 +287,25 @@ function add() {
</details>
``` js
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/* harmony import */ var _increment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./increment */ 1);
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) {
console.log(asyncLoaded);
});
})();
/******/ })()
;
```
@ -326,55 +316,54 @@ function add() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
35.output.js 751 bytes [emitted]
output.js 10.9 KiB [emitted] [name: main]
35.output.js 793 bytes [emitted]
output.js 10.4 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk 35.output.js 24 bytes [rendered]
> ./async-loaded ./example.js 6:0-24
./async-loaded.js 24 bytes [built]
[exports: answer]
[used exports unknown]
import() ./async-loaded ./example.js 6:0-24
chunk output.js (main) 400 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 400 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 175 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
./increment.js 90 bytes [built]
[exports: increment]
[used exports unknown]
[all exports used]
harmony side effect evaluation ./increment ./example.js 1:0-47
harmony import specifier ./increment ./example.js 3:0-3
./math.js 135 bytes [built]
[exports: add]
[used exports unknown]
[all exports used]
harmony side effect evaluation ./math ./increment.js 1:0-29
harmony import specifier ./math ./increment.js 3:11-14
+ 6 hidden chunk modules
+ 7 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
35.output.js 126 bytes [emitted]
output.js 1.87 KiB [emitted] [name: main]
output.js 1.67 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk 35.output.js 24 bytes [rendered]
> ./async-loaded ./example.js 6:0-24
./async-loaded.js 24 bytes [built]
[exports: answer]
import() ./async-loaded ./example.js + 2 modules ./example.js 6:0-24
chunk output.js (main) 400 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 400 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js + 2 modules 400 bytes [built]
[no exports]
[no exports used]
entry ./example.js main
+ 6 hidden chunk modules
+ 7 hidden chunk modules
```

View File

@ -1,6 +1,6 @@
This example demonstrates the AggressiveSplittingPlugin for splitting the bundle into multiple smaller chunks to improve caching. This works best with an HTTP2 web server, otherwise, there is an overhead for the increased number of requests.
AggressiveSplittingPlugin splits every chunk until it reaches the specified `maxSize`. In this example, it tries to create chunks with <50kB raw code, which typically minimizes to ~10kB. It groups modules by folder structure because modules in the same folder are likely to have similar repetitive text, making them gzip efficiently together. They are also likely to change together.
AggressiveSplittingPlugin splits every chunk until it reaches the specified `maxSize`. In this example, it tries to create chunks with <50kB raw code, which typically minimizes to ~10kB. It groups modules by folder structure, because modules in the same folder are likely to have similar repetitive text, making them gzip efficiently together. They are also likely to change together.
AggressiveSplittingPlugin records its splitting in the webpack records. When it is next run, it tries to use the last recorded splitting. Since changes to application code between one run and the next are usually in only a few modules (or just one), re-using the old splittings (and chunks, which are probably still in the client's cache), is highly advantageous.
@ -47,57 +47,57 @@ module.exports = {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
1b3df87d8d004e83a428.js 17.7 KiB [emitted] [immutable] [name: main]
515efe286e0264e81c5c.js 117 KiB [emitted] [immutable] [id hint: vendors]
5ce1f3cb6de70a368806.js 7.15 KiB [emitted] [immutable]
Entrypoint main = 1b3df87d8d004e83a428.js
chunk 1b3df87d8d004e83a428.js (main) 8.77 KiB (javascript) 4.28 KiB (runtime) [entry] [rendered]
407aff58e6b1ca379c9a.js 118 KiB [emitted] [immutable] [id hint: vendors]
c9d5339df313a5d6a02b.js 20.4 KiB [emitted] [immutable] [name: main]
e684ff3ecaf2754af9cb.js 7.21 KiB [emitted] [immutable]
Entrypoint main = c9d5339df313a5d6a02b.js
chunk c9d5339df313a5d6a02b.js (main) 8.8 KiB (javascript) 4.24 KiB (runtime) [entry] [rendered]
> ./example main
(webpack)/node_modules/object-assign/index.js 2.06 KiB [built]
(webpack)/node_modules/react/cjs/react.production.min.js 6.49 KiB [built]
(webpack)/node_modules/react/index.js 190 bytes [built]
../../node_modules/object-assign/index.js 2.06 KiB [built]
../../node_modules/react/cjs/react.production.min.js 6.52 KiB [built]
../../node_modules/react/index.js 190 bytes [built]
./example.js 42 bytes [built]
+ 4 hidden chunk modules
chunk 5ce1f3cb6de70a368806.js 6.51 KiB [rendered]
+ 5 hidden chunk modules
chunk e684ff3ecaf2754af9cb.js 6.45 KiB [rendered]
> react-dom ./example.js 2:0-22
(webpack)/node_modules/react-dom/index.js 1.33 KiB [built]
(webpack)/node_modules/scheduler/cjs/scheduler.production.min.js 4.99 KiB [built]
(webpack)/node_modules/scheduler/index.js 198 bytes [built]
chunk 515efe286e0264e81c5c.js (id hint: vendors) 116 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
../../node_modules/react-dom/index.js 1.33 KiB [built]
../../node_modules/scheduler/cjs/scheduler.production.min.js 4.92 KiB [built]
../../node_modules/scheduler/index.js 198 bytes [built]
chunk 407aff58e6b1ca379c9a.js (id hint: vendors) 116 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
> react-dom ./example.js 2:0-22
(webpack)/node_modules/react-dom/cjs/react-dom.production.min.js 116 KiB [built]
../../node_modules/react-dom/cjs/react-dom.production.min.js 116 KiB [built]
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
68637c8e1dda08b1fadf.js 114 KiB [emitted] [immutable] [id hint: vendors]
68637c8e1dda08b1fadf.js.LICENSE 247 bytes [emitted]
aaa7fd653ee0bc7bb83b.js 4.98 KiB [emitted] [immutable]
aaa7fd653ee0bc7bb83b.js.LICENSE 246 bytes [emitted]
c3d741758d9e4bf8e4bd.js 8.71 KiB [emitted] [immutable] [name: main]
c3d741758d9e4bf8e4bd.js.LICENSE 295 bytes [emitted]
Entrypoint main = c3d741758d9e4bf8e4bd.js
chunk c3d741758d9e4bf8e4bd.js (main) 8.77 KiB (javascript) 4.28 KiB (runtime) [entry] [rendered]
33fc105596f0ad773952.js 8.47 KiB [emitted] [immutable] [name: main]
33fc105596f0ad773952.js.LICENSE.txt 295 bytes [emitted]
4b2f50aca0f61171332b.js 114 KiB [emitted] [immutable] [id hint: vendors]
4b2f50aca0f61171332b.js.LICENSE.txt 247 bytes [emitted]
9eb90b095fa7f3282f24.js 4.92 KiB [emitted] [immutable]
9eb90b095fa7f3282f24.js.LICENSE.txt 246 bytes [emitted]
Entrypoint main = 33fc105596f0ad773952.js
chunk 33fc105596f0ad773952.js (main) 8.8 KiB (javascript) 4.24 KiB (runtime) [entry] [rendered]
> ./example main
(webpack)/node_modules/object-assign/index.js 2.06 KiB [built]
(webpack)/node_modules/react/cjs/react.production.min.js 6.49 KiB [built]
(webpack)/node_modules/react/index.js 190 bytes [built]
../../node_modules/object-assign/index.js 2.06 KiB [built]
../../node_modules/react/cjs/react.production.min.js 6.52 KiB [built]
../../node_modules/react/index.js 190 bytes [built]
./example.js 42 bytes [built]
+ 4 hidden chunk modules
chunk aaa7fd653ee0bc7bb83b.js 6.51 KiB [rendered]
+ 5 hidden chunk modules
chunk 9eb90b095fa7f3282f24.js 6.45 KiB [rendered]
> react-dom ./example.js 2:0-22
(webpack)/node_modules/react-dom/index.js 1.33 KiB [built]
(webpack)/node_modules/scheduler/cjs/scheduler.production.min.js 4.99 KiB [built]
(webpack)/node_modules/scheduler/index.js 198 bytes [built]
chunk 68637c8e1dda08b1fadf.js (id hint: vendors) 116 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
../../node_modules/react-dom/index.js 1.33 KiB [built]
../../node_modules/scheduler/cjs/scheduler.production.min.js 4.92 KiB [built]
../../node_modules/scheduler/index.js 198 bytes [built]
chunk 4b2f50aca0f61171332b.js (id hint: vendors) 116 KiB [rendered] [recorded] aggressive splitted, reused as split chunk (cache group: defaultVendors)
> react-dom ./example.js 2:0-22
(webpack)/node_modules/react-dom/cjs/react-dom.production.min.js 116 KiB [built]
../../node_modules/react-dom/cjs/react-dom.production.min.js 116 KiB [built]
```
## Records
@ -106,12 +106,12 @@ chunk 68637c8e1dda08b1fadf.js (id hint: vendors) 116 KiB [rendered] [recorded] a
{
"aggressiveSplits": [
{
"hash": "515efe286e0264e81c5c93158843db80",
"hash": "407aff58e6b1ca379c9aa5f6e6df20cc",
"id": 2,
"modules": [
"../../node_modules/react-dom/cjs/react-dom.production.min.js"
],
"size": 119155
"size": 118737
}
],
"chunks": {
@ -120,6 +120,7 @@ chunk 68637c8e1dda08b1fadf.js (id hint: vendors) 116 KiB [rendered] [recorded] a
},
"bySource": {
"0 ./example.js react-dom": 2,
"0 main": 0,
"1 ./example.js react-dom": 1
},
"usedIds": [

View File

@ -93,7 +93,8 @@ window.onLinkToPage = function onLinkToPage(name) { // name is "a" or "b"
/*!*******************!*\
!*** ./render.js ***!
\*******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -107,7 +108,8 @@ module.exports = function(page) {
/*!*******************!*\
!*** ./router.js ***!
\*******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
@ -133,11 +135,12 @@ window.onLinkToPage = function onLinkToPage(name) { // name is "a" or "b"
/***/ }),
/* 4 */
/*!*****************************************************************!*\
!*** . lazy ^\.\/.*Page$ chunkName: [request] namespace object ***!
\*****************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/*!******************************************************************!*\
!*** ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__, __webpack_require__.e, __webpack_require__.t, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -151,7 +154,7 @@ var map = {
]
};
function webpackAsyncContext(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
return Promise.resolve().then(() => {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
@ -164,9 +167,7 @@ function webpackAsyncContext(req) {
return __webpack_require__.t(id, 7);
});
}
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
return Object.keys(map);
};
webpackAsyncContext.keys = () => Object.keys(map);
webpackAsyncContext.id = 4;
module.exports = webpackAsyncContext;
@ -183,7 +184,8 @@ module.exports = webpackAsyncContext;
/*!*******************!*\
!*** ./aEntry.js ***!
\*******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
@ -210,17 +212,14 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -230,7 +229,7 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/
/************************************************************************/
/******/ /* webpack/runtime/create fake namespace object */
/******/ !function() {
/******/ (() => {
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
@ -250,23 +249,22 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ __webpack_require__.d(ns, def);
/******/ return ns;
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -276,19 +274,24 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".chunk.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -296,17 +299,15 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -318,11 +319,9 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ [0,"router_js","aPage"],
/******/ [3,"router_js","aPage"]
/******/ ];
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -339,7 +338,7 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -357,8 +356,10 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -372,23 +373,22 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
@ -410,10 +410,21 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ // no prefetch
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/
@ -423,25 +434,23 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -456,10 +465,8 @@ render(__webpack_require__(/*! ./aPage */ 2));
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -482,7 +489,8 @@ render(__webpack_require__(/*! ./aPage */ 2));
/*!******************!*\
!*** ./aPage.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -501,60 +509,59 @@ module.exports = function() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
aPage.chunk.js 354 bytes [emitted] [name: aPage]
bPage.chunk.js 354 bytes [emitted] [name: bPage]
pageA.bundle.js 11.2 KiB [emitted] [name: pageA]
pageB.bundle.js 11.2 KiB [emitted] [name: pageB]
router_js.bundle.js 2.45 KiB [emitted]
aPage.chunk.js 410 bytes [emitted] [name: aPage]
bPage.chunk.js 410 bytes [emitted] [name: bPage]
pageA.bundle.js 11.4 KiB [emitted] [name: pageA]
pageB.bundle.js 11.4 KiB [emitted] [name: pageB]
router_js.bundle.js 2.56 KiB [emitted]
Entrypoint pageA = router_js.bundle.js aPage.chunk.js pageA.bundle.js
Entrypoint pageB = router_js.bundle.js bPage.chunk.js pageB.bundle.js
chunk aPage.chunk.js (aPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./aPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
> ./aPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
> ./aEntry pageA
> ./router pageA
./aPage.js 59 bytes [built]
[used exports unknown]
cjs require ./aPage ./aEntry.js 3:7-25
context element ./aPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
cjs self exports reference ./aPage.js 1:0-14
context element ./aPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
chunk bPage.chunk.js (bPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./bPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
> ./bPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
> ./bEntry pageB
> ./router pageB
./bPage.js 59 bytes [built]
[used exports unknown]
cjs require ./bPage ./bEntry.js 3:7-25
context element ./bPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk pageA.bundle.js (pageA) 87 bytes (javascript) 6.5 KiB (runtime) [entry] [rendered]
cjs self exports reference ./bPage.js 1:0-14
context element ./bPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk pageA.bundle.js (pageA) 87 bytes (javascript) 6.64 KiB (runtime) [entry] [rendered]
> ./aEntry pageA
> ./router pageA
./aEntry.js 87 bytes [built]
[used exports unknown]
[no exports used]
entry ./aEntry pageA
+ 7 hidden chunk modules
chunk pageB.bundle.js (pageB) 87 bytes (javascript) 6.5 KiB (runtime) [entry] [rendered]
+ 8 hidden chunk modules
chunk pageB.bundle.js (pageB) 87 bytes (javascript) 6.64 KiB (runtime) [entry] [rendered]
> ./bEntry pageB
> ./router pageB
./bEntry.js 87 bytes [built]
[used exports unknown]
[no exports used]
entry ./bEntry pageB
+ 7 hidden chunk modules
chunk router_js.bundle.js 950 bytes [initial] [rendered] split chunk (cache group: default)
+ 8 hidden chunk modules
chunk router_js.bundle.js 951 bytes [initial] [rendered] split chunk (cache group: default)
> ./aEntry pageA
> ./router pageA
> ./bEntry pageB
> ./router pageB
. lazy ^\.\/.*Page$ chunkName: [request] namespace object 160 bytes [built]
[used exports unknown]
./ lazy ^\.\/.*Page$ chunkName: [request] namespace object 160 bytes [built]
import() context lazy . ./router.js 15:1-59
./render.js 58 bytes [built]
[used exports unknown]
cjs require ./render ./aEntry.js 2:13-32
cjs require ./render ./bEntry.js 2:13-32
cjs self exports reference ./render.js 1:0-14
cjs require ./render ./router.js 1:13-32
./router.js 732 bytes [built]
[used exports unknown]
./router.js 733 bytes [built]
[no exports used]
entry ./router pageA
entry ./router pageB
```
@ -563,55 +570,58 @@ chunk router_js.bundle.js 950 bytes [initial] [rendered] split chunk (cache grou
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
aPage.chunk.js 121 bytes [emitted] [name: aPage]
bPage.chunk.js 121 bytes [emitted] [name: bPage]
pageA.bundle.js 2.29 KiB [emitted] [name: pageA]
pageB.bundle.js 2.29 KiB [emitted] [name: pageB]
router_js.bundle.js 589 bytes [emitted]
pageA.bundle.js 2.17 KiB [emitted] [name: pageA]
pageB.bundle.js 2.17 KiB [emitted] [name: pageB]
router_js.bundle.js 541 bytes [emitted]
Entrypoint pageA = router_js.bundle.js aPage.chunk.js pageA.bundle.js
Entrypoint pageB = router_js.bundle.js bPage.chunk.js pageB.bundle.js
chunk aPage.chunk.js (aPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./aPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
> ./aPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
> ./aEntry pageA
> ./router pageA
./aPage.js 59 bytes [built]
cjs require ./aPage ./aEntry.js 3:7-25
context element ./aPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
cjs self exports reference ./aPage.js 1:0-14
context element ./aPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./aPage
chunk bPage.chunk.js (bPage) 59 bytes [initial] [rendered] reused as split chunk (cache group: default)
> ./bPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
> ./bPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
> ./bEntry pageB
> ./router pageB
./bPage.js 59 bytes [built]
cjs require ./bPage ./bEntry.js 3:7-25
context element ./bPage . lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk pageA.bundle.js (pageA) 87 bytes (javascript) 6.5 KiB (runtime) [entry] [rendered]
cjs self exports reference ./bPage.js 1:0-14
context element ./bPage ./ lazy ^\.\/.*Page$ chunkName: [request] namespace object ./bPage
chunk pageA.bundle.js (pageA) 87 bytes (javascript) 6.65 KiB (runtime) [entry] [rendered]
> ./aEntry pageA
> ./router pageA
./aEntry.js 87 bytes [built]
[no exports used]
entry ./aEntry pageA
+ 7 hidden chunk modules
chunk pageB.bundle.js (pageB) 87 bytes (javascript) 6.5 KiB (runtime) [entry] [rendered]
+ 8 hidden chunk modules
chunk pageB.bundle.js (pageB) 87 bytes (javascript) 6.65 KiB (runtime) [entry] [rendered]
> ./bEntry pageB
> ./router pageB
./bEntry.js 87 bytes [built]
[no exports used]
entry ./bEntry pageB
+ 7 hidden chunk modules
chunk router_js.bundle.js 950 bytes [initial] [rendered] split chunk (cache group: default)
+ 8 hidden chunk modules
chunk router_js.bundle.js 951 bytes [initial] [rendered] split chunk (cache group: default)
> ./aEntry pageA
> ./router pageA
> ./bEntry pageB
> ./router pageB
. lazy ^\.\/.*Page$ chunkName: [request] namespace object 160 bytes [built]
./ lazy ^\.\/.*Page$ chunkName: [request] namespace object 160 bytes [built]
import() context lazy . ./router.js 15:1-59
./render.js 58 bytes [built]
cjs require ./render ./aEntry.js 2:13-32
cjs require ./render ./bEntry.js 2:13-32
cjs self exports reference ./render.js 1:0-14
cjs require ./render ./router.js 1:13-32
./router.js 732 bytes [built]
./router.js 733 bytes [built]
[no exports used]
entry ./router pageA
entry ./router pageB

View File

@ -41,7 +41,10 @@ module.exports = function(content) {
/*!*****************************!*\
!*** ./loader.js!./file.js ***!
\*****************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! default exports */
/*! export answer [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export foo [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_exports__ */
/***/ ((__unused_webpack_module, exports) => {
@ -50,24 +53,30 @@ exports.foo = "bar";
/***/ }),
/* 2 */
/*!****************************************************************!*\
!*** (webpack)/node_modules/css-loader/dist/cjs.js!./test.css ***!
\****************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module, __webpack_exports__ */
/*!************************************************************!*\
!*** ../../node_modules/css-loader/dist/cjs.js!./test.css ***!
\************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_exports__, module, __webpack_require__, module.id */
/***/ ((module, exports, __webpack_require__) => {
exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ 3)(false);
// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ 3);
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, ".some-class {\n\tcolor: hotpink;\n}\n", ""]);
exports.push([module.id, ".some-class {\n\tcolor: hotpink;\n}\n", ""]);
// Exports
module.exports = exports;
/***/ }),
/* 3 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/css-loader/dist/runtime/api.js ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!*********************************************************!*\
!*** ../../node_modules/css-loader/dist/runtime/api.js ***!
\*********************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -88,7 +97,7 @@ module.exports = function (useSourceMap) {
var content = cssWithMappingToString(item, useSourceMap);
if (item[2]) {
return "@media ".concat(item[2], "{").concat(content, "}");
return "@media ".concat(item[2], " {").concat(content, "}");
}
return content;
@ -97,7 +106,7 @@ module.exports = function (useSourceMap) {
// eslint-disable-next-line func-names
list.i = function (modules, mediaQuery) {
list.i = function (modules, mediaQuery, dedupe) {
if (typeof modules === 'string') {
// eslint-disable-next-line no-param-reassign
modules = [[null, modules, '']];
@ -105,6 +114,7 @@ module.exports = function (useSourceMap) {
var alreadyImportedModules = {};
if (dedupe) {
for (var i = 0; i < this.length; i++) {
// eslint-disable-next-line prefer-destructuring
var id = this[i][0];
@ -113,23 +123,26 @@ module.exports = function (useSourceMap) {
alreadyImportedModules[id] = true;
}
}
}
for (var _i = 0; _i < modules.length; _i++) {
var item = modules[_i]; // skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
var item = [].concat(modules[_i]);
if (item[0] == null || !alreadyImportedModules[item[0]]) {
if (mediaQuery && !item[2]) {
if (dedupe && alreadyImportedModules[item[0]]) {
// eslint-disable-next-line no-continue
continue;
}
if (mediaQuery) {
if (!item[2]) {
item[2] = mediaQuery;
} else if (mediaQuery) {
item[2] = "(".concat(item[2], ") and (").concat(mediaQuery, ")");
} else {
item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
}
}
list.push(item);
}
}
};
return list;
@ -147,7 +160,7 @@ function cssWithMappingToString(item, useSourceMap) {
if (useSourceMap && typeof btoa === 'function') {
var sourceMapping = toComment(cssMapping);
var sourceURLs = cssMapping.sources.map(function (source) {
return "/*# sourceURL=".concat(cssMapping.sourceRoot).concat(source, " */");
return "/*# sourceURL=".concat(cssMapping.sourceRoot || '').concat(source, " */");
});
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
}
@ -182,17 +195,14 @@ function toComment(sourceMap) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -203,20 +213,22 @@ function toComment(sourceMap) {
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
// use our loader
console.dir(__webpack_require__(/*! ./loader!./file */ 1));
// use built-in css loader
console.dir(__webpack_require__(/*! ./test.css */ 2)); // default by extension
console.dir(__webpack_require__(/*! css-loader!./test.css */ 2)); // manual
console.dir(__webpack_require__(/*! !css-loader!./test.css */ 2)); // manual
})();
}();
/******/ })()
;
```
@ -237,24 +249,27 @@ Prints in node.js (`enhanced-require example.js`) and in browser:
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 5.46 KiB [emitted] [name: main]
output.js 5.66 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 3.03 KiB [entry] [rendered]
chunk output.js (main) 2.96 KiB [entry] [rendered]
> ./example.js main
(webpack)/node_modules/css-loader/dist/cjs.js!./test.css 178 bytes [built]
[used exports unknown]
../../node_modules/css-loader/dist/cjs.js!./test.css 272 bytes [built]
cjs require ./test.css ./example.js 5:12-33
cjs require !css-loader!./test.css ./example.js 6:12-45
(webpack)/node_modules/css-loader/dist/runtime/api.js 2.61 KiB [built]
[used exports unknown]
cjs require ../../node_modules/css-loader/dist/runtime/api.js (webpack)/node_modules/css-loader/dist/cjs.js!./test.css 1:27-87
./example.js 204 bytes [built]
[used exports unknown]
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 3:0-7
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 5:0-7
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 7:0-14
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 7:17-24
../../node_modules/css-loader/dist/runtime/api.js 2.46 KiB [built]
cjs require ../../node_modules/css-loader/dist/runtime/api.js ../../node_modules/css-loader/dist/cjs.js!./test.css 2:34-94
cjs self exports reference ../../node_modules/css-loader/dist/runtime/api.js 9:0-14
./example.js 205 bytes [built]
[no exports used]
entry ./example.js main
./loader.js!./file.js 41 bytes [built]
[used exports unknown]
[exports: answer, foo]
cjs require ./loader!./file ./example.js 2:12-38
```
@ -262,20 +277,26 @@ chunk output.js (main) 3.03 KiB [entry] [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 1.18 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 3.03 KiB [entry] [rendered]
chunk output.js (main) 2.96 KiB [entry] [rendered]
> ./example.js main
(webpack)/node_modules/css-loader/dist/cjs.js!./test.css 178 bytes [built]
../../node_modules/css-loader/dist/cjs.js!./test.css 272 bytes [built]
cjs require ./test.css ./example.js 5:12-33
cjs require !css-loader!./test.css ./example.js 6:12-45
(webpack)/node_modules/css-loader/dist/runtime/api.js 2.61 KiB [built]
cjs require ../../node_modules/css-loader/dist/runtime/api.js (webpack)/node_modules/css-loader/dist/cjs.js!./test.css 1:27-87
./example.js 204 bytes [built]
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 3:0-7
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 5:0-7
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 7:0-14
cjs self exports reference ../../node_modules/css-loader/dist/cjs.js!./test.css 7:17-24
../../node_modules/css-loader/dist/runtime/api.js 2.46 KiB [built]
cjs require ../../node_modules/css-loader/dist/runtime/api.js ../../node_modules/css-loader/dist/cjs.js!./test.css 2:34-94
cjs self exports reference ../../node_modules/css-loader/dist/runtime/api.js 9:0-14
./example.js 205 bytes [built]
[no exports used]
entry ./example.js main
./loader.js!./file.js 41 bytes [built]
[exports: answer, foo]
cjs require ./loader!./file ./example.js 2:12-38
```

View File

@ -52,7 +52,7 @@ module.exports = {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
115.js 168 bytes [emitted] [id hint: vendors]
402.js 115 bytes [emitted] [id hint: vendors]
@ -61,13 +61,13 @@ Version: webpack 5.0.0-beta.6
730.js 115 bytes [emitted] [id hint: vendors]
777.js 115 bytes [emitted] [id hint: vendors]
833.js 168 bytes [emitted] [id hint: vendors]
pageA.js 1.13 KiB [emitted] [name: pageA]
pageB.js 1.2 KiB [emitted] [name: pageB]
pageC.js 1.2 KiB [emitted] [name: pageC]
pageD.js 1.13 KiB [emitted] [name: pageD]
pageE.js 1.11 KiB [emitted] [name: pageE]
pageF.js 1.13 KiB [emitted] [name: pageF]
pageG.js 1.09 KiB [emitted] [name: pageG]
pageA.js 1.09 KiB [emitted] [name: pageA]
pageB.js 1.16 KiB [emitted] [name: pageB]
pageC.js 1.17 KiB [emitted] [name: pageC]
pageD.js 1.09 KiB [emitted] [name: pageD]
pageE.js 1.07 KiB [emitted] [name: pageE]
pageF.js 1.09 KiB [emitted] [name: pageF]
pageG.js 1.06 KiB [emitted] [name: pageG]
Entrypoint pageA = 115.js 730.js 505.js pageA.js
Entrypoint pageB = 115.js 497.js pageB.js
Entrypoint pageC = 115.js 402.js pageC.js
@ -81,33 +81,33 @@ chunk 115.js (id hint: vendors) 86 bytes [initial] [rendered] split chunk (cache
> ./pages/c pageC
./node_modules/m1.js 43 bytes [built]
./node_modules/m2.js 43 bytes [built]
chunk pageB.js (pageB) 199 bytes (javascript) 2.93 KiB (runtime) [entry] [rendered]
chunk pageB.js (pageB) 199 bytes (javascript) 3.16 KiB (runtime) [entry] [rendered]
> ./pages/b pageB
./pages/b.js 106 bytes [built]
./stuff/s1.js 31 bytes [built]
./stuff/s7.js 31 bytes [built]
./stuff/s8.js 31 bytes [built]
+ 3 hidden chunk modules
chunk pageC.js (pageC) 199 bytes (javascript) 2.94 KiB (runtime) [entry] [rendered]
+ 4 hidden chunk modules
chunk pageC.js (pageC) 199 bytes (javascript) 3.16 KiB (runtime) [entry] [rendered]
> ./pages/c pageC
./pages/c.js 106 bytes [built]
./stuff/s4.js 31 bytes [built]
./stuff/s5.js 31 bytes [built]
./stuff/s6.js 31 bytes [built]
+ 3 hidden chunk modules
chunk pageE.js (pageE) 93 bytes (javascript) 2.94 KiB (runtime) [entry] [rendered]
+ 4 hidden chunk modules
chunk pageE.js (pageE) 93 bytes (javascript) 3.16 KiB (runtime) [entry] [rendered]
> ./pages/e pageE
./pages/e.js 62 bytes [built]
./stuff/s7.js 31 bytes [built]
+ 3 hidden chunk modules
+ 4 hidden chunk modules
chunk 402.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/c pageC
./node_modules/m5.js 43 bytes [built]
chunk pageA.js (pageA) 137 bytes (javascript) 2.94 KiB (runtime) [entry] [rendered]
chunk pageA.js (pageA) 137 bytes (javascript) 3.17 KiB (runtime) [entry] [rendered]
> ./pages/a pageA
./pages/a.js 106 bytes [built]
./stuff/s4.js 31 bytes [built]
+ 3 hidden chunk modules
+ 4 hidden chunk modules
chunk 497.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/b pageB
./node_modules/m4.js 43 bytes [built]
@ -117,16 +117,16 @@ chunk 505.js 62 bytes [initial] [rendered] split chunk (cache group: default)
> ./pages/f pageF
./stuff/s2.js 31 bytes [built]
./stuff/s3.js 31 bytes [built]
chunk pageG.js (pageG) 67 bytes (javascript) 2.93 KiB (runtime) [entry] [rendered]
chunk pageG.js (pageG) 67 bytes (javascript) 3.16 KiB (runtime) [entry] [rendered]
> ./pages/g pageG
./pages/g.js 36 bytes [built]
./stuff/s1.js 31 bytes [built]
+ 3 hidden chunk modules
chunk pageD.js (pageD) 137 bytes (javascript) 2.94 KiB (runtime) [entry] [rendered]
+ 4 hidden chunk modules
chunk pageD.js (pageD) 137 bytes (javascript) 3.17 KiB (runtime) [entry] [rendered]
> ./pages/d pageD
./pages/d.js 106 bytes [built]
./stuff/s1.js 31 bytes [built]
+ 3 hidden chunk modules
+ 4 hidden chunk modules
chunk 730.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/a pageA
./node_modules/m3.js 43 bytes [built]
@ -136,11 +136,11 @@ chunk 777.js (id hint: vendors) 43 bytes [initial] [rendered] split chunk (cache
> ./pages/f pageF
> ./pages/g pageG
./node_modules/m6.js 43 bytes [built]
chunk pageF.js (pageF) 137 bytes (javascript) 2.94 KiB (runtime) [entry] [rendered]
chunk pageF.js (pageF) 137 bytes (javascript) 3.17 KiB (runtime) [entry] [rendered]
> ./pages/f pageF
./pages/f.js 106 bytes [built]
./stuff/s1.js 31 bytes [built]
+ 3 hidden chunk modules
+ 4 hidden chunk modules
chunk 833.js (id hint: vendors) 86 bytes [initial] [rendered] split chunk (cache group: defaultVendors)
> ./pages/d pageD
> ./pages/e pageE

View File

@ -5,7 +5,7 @@ You see that everything is working nicely together.
# example.js
```javascript
// CommonJS-style requires
// CommonJs-style requires
var commonjs1 = require("./commonjs");
var amd1 = require("./amd");
var harmony1 = require("./harmony");
@ -41,7 +41,7 @@ define(
# commonjs.js
```javascript
// CommonJS Module Format
// CommonJs Module Format
module.exports = 123;
// but you can use amd style requires
@ -64,11 +64,12 @@ require(
/*!*********************!*\
!*** ./commonjs.js ***!
\*********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__, __webpack_require__.oe, __webpack_require__.* */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
// CommonJS Module Format
// CommonJs Module Format
module.exports = 123;
// but you can use amd style requires
@ -82,7 +83,8 @@ Promise.resolve(/*! AMD require */).then(function() { var __WEBPACK_AMD_REQUIRE_
/*!****************!*\
!*** ./amd.js ***!
\****************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, module */
/***/ ((module, exports, __webpack_require__) => {
@ -101,8 +103,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// AMD Module Fo
/*!********************!*\
!*** ./harmony.js ***!
\********************/
/*! export default [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! namespace exports */
/*! export default [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_exports__, __webpack_require__.r, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@ -141,17 +144,14 @@ __webpack_require__.r(__webpack_exports__);
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -161,7 +161,7 @@ __webpack_require__.r(__webpack_exports__);
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ !function() {
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
@ -170,23 +170,22 @@ __webpack_require__.r(__webpack_exports__);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -196,19 +195,24 @@ __webpack_require__.r(__webpack_exports__);
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -216,17 +220,15 @@ __webpack_require__.r(__webpack_exports__);
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -235,11 +237,9 @@ __webpack_require__.r(__webpack_exports__);
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -256,7 +256,7 @@ __webpack_require__.r(__webpack_exports__);
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -274,8 +274,10 @@ __webpack_require__.r(__webpack_exports__);
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -289,28 +291,27 @@ __webpack_require__.r(__webpack_exports__);
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -318,25 +319,23 @@ __webpack_require__.r(__webpack_exports__);
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -346,9 +345,8 @@ __webpack_require__.r(__webpack_exports__);
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -356,11 +354,12 @@ __webpack_require__.r(__webpack_exports__);
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.oe, __webpack_require__.* */
// CommonJs-style requires
var commonjs1 = __webpack_require__(/*! ./commonjs */ 1);
@ -375,7 +374,8 @@ __webpack_require__.e(/*! AMD require */ 635).then(function() { var __WEBPACK_AM
// Do something with it...
}).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);}).catch(__webpack_require__.oe);
}();
})();
/******/ })()
;
```
@ -392,8 +392,9 @@ __webpack_require__.e(/*! AMD require */ 635).then(function() { var __WEBPACK_AM
/*!******************************************************!*\
!*** ../require.context/templates sync ^\.\/.*\.js$ ***!
\******************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__ */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -408,7 +409,7 @@ function webpackContext(req) {
return __webpack_require__(id);
}
function webpackContextResolve(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
throw e;
@ -427,7 +428,8 @@ webpackContext.id = 4;
/*!*****************************************!*\
!*** ../require.context/templates/a.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -440,7 +442,8 @@ module.exports = function() {
/*!*****************************************!*\
!*** ../require.context/templates/b.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -453,7 +456,8 @@ module.exports = function() {
/*!*****************************************!*\
!*** ../require.context/templates/c.js ***!
\*****************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -471,67 +475,12 @@ module.exports = function() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
635.output.js 2.1 KiB [emitted]
635.output.js 2.33 KiB [emitted]
output.js 12.8 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1010 bytes (javascript) 5.1 KiB (runtime) [entry] [rendered]
> ./example.js main
./amd.js 298 bytes [built]
[used exports unknown]
amd require ./amd ./commonjs.js 5:0-11:1
cjs require ./amd ./commonjs.js 8:13-29
cjs require ./amd ./example.js 3:11-27
amd require ./amd ./example.js 7:0-14:1
amd require ./amd ./example.js 7:0-14:1
harmony side effect evaluation ./amd ./harmony.js 3:0-24
./commonjs.js 223 bytes [built]
[used exports unknown]
cjs require ./commonjs ./amd.js 7:18-39
amd require ./commonjs ./amd.js
cjs require ./commonjs ./example.js 2:16-37
amd require ./commonjs ./example.js 7:0-14:1
amd require ./commonjs ./example.js 7:0-14:1
harmony side effect evaluation ./commonjs ./harmony.js 2:0-34
./example.js 396 bytes [built]
[used exports unknown]
entry ./example.js main
./harmony.js 96 bytes [built]
[exports: default]
[used exports unknown]
cjs require ./harmony ./amd.js 8:17-37
amd require ./harmony ./amd.js
amd require ./harmony ./commonjs.js 5:0-11:1
cjs require ./harmony ./commonjs.js 9:17-37
cjs require ./harmony ./example.js 4:15-35
+ 7 hidden chunk modules
chunk 635.output.js 433 bytes [rendered]
> ./example.js 7:0-14:1
../require.context/templates sync ^\.\/.*\.js$ 193 bytes [built]
[used exports unknown]
amd require context ../require.context/templates ./example.js 7:0-14:1
../require.context/templates/a.js 80 bytes [optional] [built]
[used exports unknown]
context element ./a.js ../require.context/templates sync ^\.\/.*\.js$ ./a.js
../require.context/templates/b.js 80 bytes [optional] [built]
[used exports unknown]
context element ./b.js ../require.context/templates sync ^\.\/.*\.js$ ./b.js
../require.context/templates/c.js 80 bytes [optional] [built]
[used exports unknown]
context element ./c.js ../require.context/templates sync ^\.\/.*\.js$ ./c.js
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
635.output.js 617 bytes [emitted]
output.js 2.3 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1010 bytes (javascript) 5.1 KiB (runtime) [entry] [rendered]
chunk output.js (main) 1010 bytes (javascript) 5.02 KiB (runtime) [entry] [rendered]
> ./example.js main
./amd.js 298 bytes [built]
amd require ./amd ./commonjs.js 5:0-11:1
@ -543,6 +492,7 @@ chunk output.js (main) 1010 bytes (javascript) 5.1 KiB (runtime) [entry] [render
./commonjs.js 223 bytes [built]
cjs require ./commonjs ./amd.js 7:18-39
amd require ./commonjs ./amd.js
cjs self exports reference ./commonjs.js 2:0-14
cjs require ./commonjs ./example.js 2:16-37
amd require ./commonjs ./example.js 7:0-14:1
amd require ./commonjs ./example.js 7:0-14:1
@ -557,15 +507,70 @@ chunk output.js (main) 1010 bytes (javascript) 5.1 KiB (runtime) [entry] [render
amd require ./harmony ./commonjs.js 5:0-11:1
cjs require ./harmony ./commonjs.js 9:17-37
cjs require ./harmony ./example.js 4:15-35
+ 7 hidden chunk modules
+ 8 hidden chunk modules
chunk 635.output.js 433 bytes [rendered]
> ./example.js 7:0-14:1
../require.context/templates sync ^\.\/.*\.js$ 193 bytes [built]
amd require context ../require.context/templates ./example.js 7:0-14:1
../require.context/templates/a.js 80 bytes [optional] [built]
../require.context/templates/a.js 80 bytes [built]
cjs self exports reference ../require.context/templates/a.js 1:0-14
context element ./a.js ../require.context/templates sync ^\.\/.*\.js$ ./a.js
../require.context/templates/b.js 80 bytes [optional] [built]
../require.context/templates/b.js 80 bytes [built]
cjs self exports reference ../require.context/templates/b.js 1:0-14
context element ./b.js ../require.context/templates sync ^\.\/.*\.js$ ./b.js
../require.context/templates/c.js 80 bytes [optional] [built]
../require.context/templates/c.js 80 bytes [built]
cjs self exports reference ../require.context/templates/c.js 1:0-14
context element ./c.js ../require.context/templates sync ^\.\/.*\.js$ ./c.js
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
635.output.js 584 bytes [emitted]
output.js 2.12 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1010 bytes (javascript) 5.02 KiB (runtime) [entry] [rendered]
> ./example.js main
./amd.js 298 bytes [built]
amd require ./amd ./commonjs.js 5:0-11:1
cjs require ./amd ./commonjs.js 8:13-29
cjs require ./amd ./example.js 3:11-27
amd require ./amd ./example.js 7:0-14:1
amd require ./amd ./example.js 7:0-14:1
harmony side effect evaluation ./amd ./harmony.js 3:0-24
./commonjs.js 223 bytes [built]
cjs require ./commonjs ./amd.js 7:18-39
amd require ./commonjs ./amd.js
cjs self exports reference ./commonjs.js 2:0-14
cjs require ./commonjs ./example.js 2:16-37
amd require ./commonjs ./example.js 7:0-14:1
amd require ./commonjs ./example.js 7:0-14:1
harmony side effect evaluation ./commonjs ./harmony.js 2:0-34
./example.js 396 bytes [built]
[no exports used]
entry ./example.js main
./harmony.js 96 bytes [built]
[exports: default]
cjs require ./harmony ./amd.js 8:17-37
amd require ./harmony ./amd.js
amd require ./harmony ./commonjs.js 5:0-11:1
cjs require ./harmony ./commonjs.js 9:17-37
cjs require ./harmony ./example.js 4:15-35
+ 8 hidden chunk modules
chunk 635.output.js 433 bytes [rendered]
> ./example.js 7:0-14:1
../require.context/templates sync ^\.\/.*\.js$ 193 bytes [built]
amd require context ../require.context/templates ./example.js 7:0-14:1
../require.context/templates/a.js 80 bytes [built]
cjs self exports reference ../require.context/templates/a.js 1:0-14
context element ./a.js ../require.context/templates sync ^\.\/.*\.js$ ./a.js
../require.context/templates/b.js 80 bytes [built]
cjs self exports reference ../require.context/templates/b.js 1:0-14
context element ./b.js ../require.context/templates sync ^\.\/.*\.js$ ./b.js
../require.context/templates/c.js 80 bytes [built]
cjs self exports reference ../require.context/templates/c.js 1:0-14
context element ./c.js ../require.context/templates sync ^\.\/.*\.js$ ./c.js
```

View File

@ -42,6 +42,7 @@ export function reset() {
/*!********************************!*\
!*** ./example.js + 2 modules ***!
\********************************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: */
@ -77,7 +78,7 @@ print(value);
# dist/output.js (production)
```javascript
let o=0;function n(){o++}const c=o=>console.log(o);c(o),n(),n(),n(),c(o),c(o=0);
let o=0;function n(){o++}const c=o=>console.log(o);c(o),n(),n(),n(),c(o),o=0,c(o);
```
# Info
@ -86,9 +87,9 @@ let o=0;function n(){o++}const c=o=>console.log(o);c(o),n(),n(),n(),c(o),c(o=0);
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 591 bytes [emitted] [name: main]
output.js 616 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 429 bytes [entry] [rendered]
> ./example.js main
@ -96,16 +97,15 @@ chunk output.js (main) 429 bytes [entry] [rendered]
[no exports]
[no exports used]
entry ./example.js main
used a library export
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 80 bytes [emitted] [name: main]
output.js 82 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 429 bytes [entry] [rendered]
> ./example.js main
@ -113,5 +113,4 @@ chunk output.js (main) 429 bytes [entry] [rendered]
[no exports]
[no exports used]
entry ./example.js main
used a library export
```

View File

@ -52,7 +52,8 @@ module.exports = [
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
if(false) {}
console.log("Running " + "desktop" + " build");
@ -70,7 +71,8 @@ console.log("Running " + "desktop" + " build");
/*!*************************!*\
!*** ./mobile-stuff.js ***!
\*************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -95,17 +97,14 @@ console.log("Running " + "desktop" + " build");
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -116,17 +115,19 @@ console.log("Running " + "desktop" + " build");
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
if(true) {
__webpack_require__(/*! ./mobile-stuff */ 1);
}
console.log("Running " + "mobile" + " build");
}();
})();
/******/ })()
;
```
@ -137,29 +138,28 @@ console.log("Running " + "mobile" + " build");
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Child mobile:
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
mobile.js 1.67 KiB [emitted] [name: main]
mobile.js 1.71 KiB [emitted] [name: main]
Entrypoint main = mobile.js
chunk mobile.js (main) 114 bytes [entry] [rendered]
> ./example main
./example.js 94 bytes [built]
[used exports unknown]
[no exports used]
entry ./example main
./mobile-stuff.js 20 bytes [built]
[used exports unknown]
cjs require ./mobile-stuff ./example.js 2:1-26
Child desktop:
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
desktop.js 287 bytes [emitted] [name: main]
desktop.js 321 bytes [emitted] [name: main]
Entrypoint main = desktop.js
chunk desktop.js (main) 94 bytes [entry] [rendered]
> ./example main
./example.js 94 bytes [built]
[used exports unknown]
[no exports used]
entry ./example main
```
@ -167,11 +167,11 @@ Child desktop:
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Child mobile:
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
mobile.js 196 bytes [emitted] [name: main]
mobile.js 180 bytes [emitted] [name: main]
Entrypoint main = mobile.js
chunk mobile.js (main) 114 bytes [entry] [rendered]
> ./example main

View File

@ -4,7 +4,7 @@ When using this library with script tags it exports itself to the namespace `MyL
We are using multiple entry points (`entry` option) to build every part of the library as a separate output file. The `output.filename` option contains `[name]` to give each output file a different name.
We are using the `libraryTarget` option to generate a UMD ([Universal Module Definition](https://github.com/umdjs/umd)) module that is consumable in CommonsJs, AMD and with script tags. The `library` option defines the namespace. We are using `[name]` in the `library` option to give every entry a different namespace.
We are using the `libraryTarget` option to generate a UMD ([Universal Module Definition](https://github.com/umdjs/umd)) module that is consumable in CommonsJS, AMD and with script tags. The `library` option defines the namespace. We are using `[name]` in the `library` option to give every entry a different namespace.
You can see that webpack automatically wraps your module so that it is consumable in every environment. All you need is this simple config.
@ -40,7 +40,7 @@ module.exports = {
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["alpha"] = factory();
exports["MyLibrary"] = factory();
else
root["MyLibrary"] = root["MyLibrary"] || {}, root["MyLibrary"]["alpha"] = factory();
})(window, function() {
@ -50,6 +50,7 @@ return /******/ (() => { // webpackBootstrap
/*!******************!*\
!*** ./alpha.js ***!
\******************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -75,17 +76,14 @@ module.exports = "alpha";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -114,7 +112,7 @@ module.exports = "alpha";
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["beta"] = factory();
exports["MyLibrary"] = factory();
else
root["MyLibrary"] = root["MyLibrary"] || {}, root["MyLibrary"]["beta"] = factory();
})(window, function() {
@ -125,6 +123,7 @@ return /******/ (() => { // webpackBootstrap
/*!*****************!*\
!*** ./beta.js ***!
\*****************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -150,17 +149,14 @@ module.exports = "beta";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -186,42 +182,46 @@ module.exports = "beta";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
MyLibrary.alpha.js 1.97 KiB [emitted] [name: alpha]
MyLibrary.beta.js 1.98 KiB [emitted] [name: beta]
MyLibrary.beta.js 1.97 KiB [emitted] [name: beta]
Entrypoint alpha = MyLibrary.alpha.js
Entrypoint beta = MyLibrary.beta.js
chunk MyLibrary.alpha.js (alpha) 25 bytes [entry] [rendered]
> ./alpha alpha
./alpha.js 25 bytes [built]
cjs self exports reference ./alpha.js 1:0-14
entry ./alpha alpha
used a library export
used as library export
chunk MyLibrary.beta.js (beta) 24 bytes [entry] [rendered]
> ./beta beta
./beta.js 24 bytes [built]
cjs self exports reference ./beta.js 1:0-14
entry ./beta beta
used a library export
used as library export
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
MyLibrary.alpha.js 429 bytes [emitted] [name: alpha]
MyLibrary.beta.js 424 bytes [emitted] [name: beta]
MyLibrary.alpha.js 417 bytes [emitted] [name: alpha]
MyLibrary.beta.js 413 bytes [emitted] [name: beta]
Entrypoint alpha = MyLibrary.alpha.js
Entrypoint beta = MyLibrary.beta.js
chunk MyLibrary.alpha.js (alpha) 25 bytes [entry] [rendered]
> ./alpha alpha
./alpha.js 25 bytes [built]
cjs self exports reference ./alpha.js 1:0-14
entry ./alpha alpha
used a library export
used as library export
chunk MyLibrary.beta.js (beta) 24 bytes [entry] [rendered]
> ./beta beta
./beta.js 24 bytes [built]
cjs self exports reference ./beta.js 1:0-14
entry ./beta beta
used a library export
used as library export
```

View File

@ -1,6 +1,6 @@
This example shows how to use multiple entry points with a commons chunk.
In this example, you have two (HTML) pages `pageA` and `pageB`. You want to create individual bundles for each page. In addition to this, you want to create a shared bundle that contains all modules used in both pages (assuming there are many/big modules in common). The pages also use Code Splitting to load a less used part of the features on demand.
In this example, you have two (HTML) pages `pageA` and `pageB`. You want to create individual bundles for each page. In addition to this, you want to create a shared bundle that contains all the modules used in both pages (assuming there are many/big modules in common). The pages also use Code Splitting to load a less used part of the features on demand.
You can see how to define multiple entry points via the `entry` option.
@ -93,7 +93,8 @@ module.exports = {
/*!*******************!*\
!*** ./common.js ***!
\*******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -112,7 +113,8 @@ module.exports = "Common";
/*!******************!*\
!*** ./pageA.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.oe, __webpack_require__.* */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
@ -140,17 +142,14 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -160,7 +159,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -170,26 +169,29 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -200,11 +202,9 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ var deferredModules = [
/******/ [0,351]
/******/ ];
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -221,7 +221,7 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -239,8 +239,10 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -254,23 +256,22 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
@ -292,10 +293,21 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ // no prefetch
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/
@ -305,25 +317,23 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -338,10 +348,8 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -365,7 +373,8 @@ __webpack_require__.e(/*! AMD require */ 52).then(function() { var __WEBPACK_AMD
/*!******************!*\
!*** ./pageB.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
@ -395,17 +404,14 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -415,7 +421,7 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -425,26 +431,29 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -455,11 +464,9 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ var deferredModules = [
/******/ [2,351]
/******/ ];
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -476,7 +483,7 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -494,8 +501,10 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -509,23 +518,22 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
@ -547,10 +555,21 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ // no prefetch
/******/ if(deferredModules.length === 0) {
/******/ __webpack_require__.x();
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/ __webpack_require__.x = () => {
/******/ // reset startup function so it can be called again when more startup code is added
/******/ __webpack_require__.x = () => {
/******/
/******/ }
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
/******/ };
/******/
@ -560,25 +579,23 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -593,10 +610,8 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -619,8 +634,9 @@ __webpack_require__.e(/*! require.ensure */ 52).then((function(require) {
/*!*******************!*\
!*** ./shared.js ***!
\*******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, module */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var common = __webpack_require__(/*! ./common */ 1);
@ -639,54 +655,54 @@ module.exports = function(msg) {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
52.js 468 bytes [emitted]
commons.js 326 bytes [emitted] [name: commons] [id hint: commons]
pageA.js 9.41 KiB [emitted] [name: pageA]
pageB.js 9.34 KiB [emitted] [name: pageB]
52.js 524 bytes [emitted]
commons.js 382 bytes [emitted] [name: commons] [id hint: commons]
pageA.js 9.73 KiB [emitted] [name: pageA]
pageB.js 9.66 KiB [emitted] [name: pageB]
Entrypoint pageA = commons.js pageA.js
Entrypoint pageB = commons.js pageB.js
chunk 52.js 88 bytes [rendered]
> ./shared ./pageA.js 2:0-4:2
> ./pageB.js 2:0-5:2
./shared.js 88 bytes [built]
[used exports unknown]
amd require ./shared ./pageA.js 2:0-4:2
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
chunk pageB.js (pageB) 148 bytes (javascript) 5.17 KiB (runtime) [entry] [rendered]
cjs self exports reference ./shared.js 2:0-14
chunk pageB.js (pageB) 148 bytes (javascript) 5.36 KiB (runtime) [entry] [rendered]
> ./pageB pageB
./pageB.js 148 bytes [built]
[used exports unknown]
[no exports used]
entry ./pageB pageB
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk commons.js (commons) (id hint: commons) 26 bytes [initial] [rendered] split chunk (cache group: commons) (name: commons)
> ./pageA pageA
> ./pageB pageB
./common.js 26 bytes [built]
[used exports unknown]
cjs self exports reference ./common.js 1:0-14
cjs require ./common ./pageA.js 1:13-32
cjs require ./common ./pageB.js 1:13-32
cjs require ./common ./shared.js 1:13-32
chunk pageA.js (pageA) 105 bytes (javascript) 5.17 KiB (runtime) [entry] [rendered]
chunk pageA.js (pageA) 105 bytes (javascript) 5.36 KiB (runtime) [entry] [rendered]
> ./pageA pageA
./pageA.js 105 bytes [built]
[used exports unknown]
[no exports used]
entry ./pageA pageA
+ 4 hidden chunk modules
+ 5 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
52.js 120 bytes [emitted]
commons.js 90 bytes [emitted] [name: commons] [id hint: commons]
pageA.js 1.78 KiB [emitted] [name: pageA]
pageB.js 1.76 KiB [emitted] [name: pageB]
pageA.js 1.72 KiB [emitted] [name: pageA]
pageB.js 1.69 KiB [emitted] [name: pageB]
Entrypoint pageA = commons.js pageA.js
Entrypoint pageB = commons.js pageB.js
chunk 52.js 88 bytes [rendered]
@ -696,23 +712,25 @@ chunk 52.js 88 bytes [rendered]
amd require ./shared ./pageA.js 2:0-4:2
require.ensure item ./shared ./pageB.js 2:0-5:2
cjs require ./shared ./pageB.js 3:14-33
chunk pageB.js (pageB) 148 bytes (javascript) 5.17 KiB (runtime) [entry] [rendered]
cjs self exports reference ./shared.js 2:0-14
chunk pageB.js (pageB) 148 bytes (javascript) 5.36 KiB (runtime) [entry] [rendered]
> ./pageB pageB
./pageB.js 148 bytes [built]
[no exports used]
entry ./pageB pageB
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk commons.js (commons) (id hint: commons) 26 bytes [initial] [rendered] split chunk (cache group: commons) (name: commons)
> ./pageA pageA
> ./pageB pageB
./common.js 26 bytes [built]
cjs self exports reference ./common.js 1:0-14
cjs require ./common ./pageA.js 1:13-32
cjs require ./common ./pageB.js 1:13-32
cjs require ./common ./shared.js 1:13-32
chunk pageA.js (pageA) 105 bytes (javascript) 5.17 KiB (runtime) [entry] [rendered]
chunk pageA.js (pageA) 105 bytes (javascript) 5.36 KiB (runtime) [entry] [rendered]
> ./pageA pageA
./pageA.js 105 bytes [built]
[no exports used]
entry ./pageA pageA
+ 4 hidden chunk modules
+ 5 hidden chunk modules
```

View File

@ -33,7 +33,8 @@ require.ensure(["b"], function(require) {
/*!***************************!*\
!*** ./node_modules/a.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -58,17 +59,14 @@ require.ensure(["b"], function(require) {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -78,7 +76,7 @@ require.ensure(["b"], function(require) {
/******/
/************************************************************************/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -88,26 +86,29 @@ require.ensure(["b"], function(require) {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -116,11 +117,9 @@ require.ensure(["b"], function(require) {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -137,7 +136,7 @@ require.ensure(["b"], function(require) {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -155,8 +154,10 @@ require.ensure(["b"], function(require) {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -170,28 +171,27 @@ require.ensure(["b"], function(require) {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -199,25 +199,23 @@ require.ensure(["b"], function(require) {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -227,9 +225,8 @@ require.ensure(["b"], function(require) {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -237,11 +234,12 @@ require.ensure(["b"], function(require) {
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
var a = __webpack_require__(/*! a */ 1);
@ -264,7 +262,8 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
var d = __webpack_require__(/*! d */ 4);
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
}();
})();
/******/ })()
;
```
@ -279,7 +278,8 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
/*!***************************!*\
!*** ./node_modules/b.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -290,7 +290,8 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
/*!***************************!*\
!*** ./node_modules/c.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -301,7 +302,8 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
/*!***************************!*\
!*** ./node_modules/d.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -321,7 +323,8 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
/*!***************************!*\
!*** ./node_modules/b.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -333,7 +336,8 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
/*!***************************!*\
!*** ./node_modules/d.js ***!
\***************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: */
/***/ (() => {
@ -349,46 +353,40 @@ __webpack_require__.e(/*! require.ensure */ 885).then((function(require) {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
666.output.js 814 bytes [emitted] [name: my own chunk]
885.output.js 582 bytes [emitted]
output.js 8.77 KiB [emitted] [name: main]
666.output.js 982 bytes [emitted] [name: my own chunk]
885.output.js 694 bytes [emitted]
output.js 8.8 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 432 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 432 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 421 bytes [built]
[used exports unknown]
[no exports used]
entry ./example.js main
./node_modules/a.js 11 bytes [built]
[used exports unknown]
cjs require a ./example.js 1:8-20
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 666.output.js (my own chunk) 33 bytes [rendered]
> ./example.js 13:0-15:18
> ./example.js 3:0-6:18
> ./example.js 8:0-11:18
./node_modules/b.js 11 bytes [built]
[used exports unknown]
require.ensure item b ./example.js 3:0-6:18
require.ensure item b ./example.js 8:0-11:18
require.ensure item b ./example.js 17:0-20:2
./node_modules/c.js 11 bytes [built]
[used exports unknown]
cjs require c ./example.js 5:9-21
./node_modules/d.js 11 bytes [built]
[used exports unknown]
cjs require d ./example.js 10:9-21
cjs require d ./example.js 19:9-21
chunk 885.output.js 22 bytes [rendered]
> ./example.js 17:0-20:2
./node_modules/b.js 11 bytes [built]
[used exports unknown]
require.ensure item b ./example.js 3:0-6:18
require.ensure item b ./example.js 8:0-11:18
require.ensure item b ./example.js 17:0-20:2
./node_modules/d.js 11 bytes [built]
[used exports unknown]
cjs require d ./example.js 10:9-21
cjs require d ./example.js 19:9-21
```
@ -397,20 +395,20 @@ chunk 885.output.js 22 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
666.output.js 99 bytes [emitted] [name: my own chunk]
885.output.js 84 bytes [emitted]
output.js 1.64 KiB [emitted] [name: main]
output.js 1.52 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 432 bytes (javascript) 4.23 KiB (runtime) [entry] [rendered]
chunk output.js (main) 432 bytes (javascript) 4.19 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 421 bytes [built]
[no exports used]
entry ./example.js main
./node_modules/a.js 11 bytes [built]
cjs require a ./example.js 1:8-20
+ 4 hidden chunk modules
+ 5 hidden chunk modules
chunk 666.output.js (my own chunk) 33 bytes [rendered]
> ./example.js 13:0-15:18
> ./example.js 3:0-6:18

View File

@ -56,36 +56,36 @@ module.exports = (env = "development") => ({
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.9
Version: webpack 5.0.0-beta.16
Asset Size
output.js 4.04 MiB [emitted] [name: main]
output.js 3.5 MiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 2.85 MiB (javascript) 0 bytes (runtime) [entry]
chunk output.js (main) 2.55 MiB (javascript) 0 bytes (runtime) [entry]
> ./example.js main
1172 chunk modules
991 chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.9
Version: webpack 5.0.0-beta.16
Asset Size
output.js 510 KiB [emitted] [big] [name: main]
output.js.LICENSE 1.49 KiB [emitted]
output.js 479 KiB [emitted] [big] [name: main]
output.js.LICENSE.txt 1.49 KiB [emitted]
Entrypoint main [big] = output.js
chunk output.js (main) 1.8 MiB (javascript) 0 bytes (runtime) [entry]
chunk output.js (main) 1.64 MiB (javascript) 0 bytes (runtime) [entry]
> ./example.js main
530 chunk modules
370 chunk 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 (510 KiB)
output.js (479 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 (510 KiB)
main (479 KiB)
output.js
WARNING in webpack performance recommendations:

View File

@ -32,8 +32,9 @@ module.exports = function() {
/*!*********************************!*\
!*** ./templates sync ^\.\/.*$ ***!
\*********************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: module, __webpack_require__ */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__.o, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
@ -51,7 +52,7 @@ function webpackContext(req) {
return __webpack_require__(id);
}
function webpackContextResolve(req) {
if(!Object.prototype.hasOwnProperty.call(map, req)) {
if(!__webpack_require__.o(map, req)) {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
throw e;
@ -70,7 +71,8 @@ webpackContext.id = 1;
/*!************************!*\
!*** ./templates/a.js ***!
\************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -83,7 +85,8 @@ module.exports = function() {
/*!************************!*\
!*** ./templates/b.js ***!
\************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -96,7 +99,8 @@ module.exports = function() {
/*!************************!*\
!*** ./templates/c.js ***!
\************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -123,39 +127,44 @@ module.exports = function() {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/************************************************************************/
```
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
function getTemplate(templateName) {
return __webpack_require__(1)("./"+templateName);
}
console.log(getTemplate("a"));
console.log(getTemplate("b"));
}();
})();
/******/ })()
;
```
@ -166,56 +175,60 @@ console.log(getTemplate("b"));
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 3.3 KiB [emitted] [name: main]
output.js 3.77 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 603 bytes [entry] [rendered]
> ./example.js main
./example.js 146 bytes [built]
[used exports unknown]
entry ./example.js main
./templates sync ^\.\/.*$ 217 bytes [built]
[used exports unknown]
cjs require context ./templates ./example.js 2:8-44
./templates/a.js 80 bytes [optional] [built]
[used exports unknown]
context element ./a ./templates sync ^\.\/.*$ ./a
context element ./a.js ./templates sync ^\.\/.*$ ./a.js
./templates/b.js 80 bytes [optional] [built]
[used exports unknown]
context element ./b ./templates sync ^\.\/.*$ ./b
context element ./b.js ./templates sync ^\.\/.*$ ./b.js
./templates/c.js 80 bytes [optional] [built]
[used exports unknown]
context element ./c ./templates sync ^\.\/.*$ ./c
context element ./c.js ./templates sync ^\.\/.*$ ./c.js
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
output.js 820 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 603 bytes [entry] [rendered]
chunk output.js (main) 603 bytes (javascript) 86 bytes (runtime) [entry] [rendered]
> ./example.js main
./example.js 146 bytes [built]
[no exports used]
entry ./example.js main
./templates sync ^\.\/.*$ 217 bytes [built]
cjs require context ./templates ./example.js 2:8-44
./templates/a.js 80 bytes [optional] [built]
./templates/a.js 80 bytes [built]
cjs self exports reference ./templates/a.js 1:0-14
context element ./a ./templates sync ^\.\/.*$ ./a
context element ./a.js ./templates sync ^\.\/.*$ ./a.js
./templates/b.js 80 bytes [optional] [built]
./templates/b.js 80 bytes [built]
cjs self exports reference ./templates/b.js 1:0-14
context element ./b ./templates sync ^\.\/.*$ ./b
context element ./b.js ./templates sync ^\.\/.*$ ./b.js
./templates/c.js 80 bytes [optional] [built]
./templates/c.js 80 bytes [built]
cjs self exports reference ./templates/c.js 1:0-14
context element ./c ./templates sync ^\.\/.*$ ./c
context element ./c.js ./templates sync ^\.\/.*$ ./c.js
+ 1 hidden chunk module
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
output.js 819 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 603 bytes (javascript) 86 bytes (runtime) [entry] [rendered]
> ./example.js main
./example.js 146 bytes [built]
[no exports used]
entry ./example.js main
./templates sync ^\.\/.*$ 217 bytes [built]
cjs require context ./templates ./example.js 2:8-44
./templates/a.js 80 bytes [built]
cjs self exports reference ./templates/a.js 1:0-14
context element ./a ./templates sync ^\.\/.*$ ./a
context element ./a.js ./templates sync ^\.\/.*$ ./a.js
./templates/b.js 80 bytes [built]
cjs self exports reference ./templates/b.js 1:0-14
context element ./b ./templates sync ^\.\/.*$ ./b
context element ./b.js ./templates sync ^\.\/.*$ ./b.js
./templates/c.js 80 bytes [built]
cjs self exports reference ./templates/c.js 1:0-14
context element ./c ./templates sync ^\.\/.*$ ./c
context element ./c.js ./templates sync ^\.\/.*$ ./c.js
+ 1 hidden chunk module
```
# Code Splitting

View File

@ -32,9 +32,10 @@ module.exports = Math.random();
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.c, __webpack_require__.* */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.c, module.id, module.loaded, __webpack_require__.*, module */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var a = __webpack_require__(/*! ./a */ 1);
@ -55,7 +56,8 @@ if(a == a2) throw new Error("Cache clear failed :(");
/*!**************!*\
!*** ./a.js ***!
\**************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -80,8 +82,8 @@ module.exports = Math.random();
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ id: moduleId,
/******/ loaded: false,
/******/ exports: {}
/******/ };
/******/
@ -89,7 +91,7 @@ module.exports = Math.random();
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
@ -118,33 +120,34 @@ module.exports = Math.random();
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 2.26 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 313 bytes [entry] [rendered]
> ./example.js main
./a.js 31 bytes [built]
[used exports unknown]
cjs require ./a ./example.js 1:8-22
require.resolve ./a.js ./example.js 4:10-35
cjs require ./a ./example.js 10:9-23
./example.js 282 bytes [built]
[used exports unknown]
entry ./example.js main
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
output.js 286 bytes [emitted] [name: main]
output.js 2.38 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 313 bytes [entry] [rendered]
> ./example.js main
./a.js 31 bytes [built]
cjs self exports reference ./a.js 1:0-14
cjs require ./a ./example.js 1:8-22
require.resolve ./a.js ./example.js 4:10-35
cjs require ./a ./example.js 10:9-23
./example.js 282 bytes [built]
[no exports used]
entry ./example.js main
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
output.js 297 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 313 bytes [entry] [rendered]
> ./example.js main
./a.js 31 bytes [built]
cjs self exports reference ./a.js 1:0-14
cjs require ./a ./example.js 1:8-22
require.resolve ./a.js ./example.js 4:10-35
cjs require ./a ./example.js 10:9-23

View File

@ -120,6 +120,7 @@ module.exports = {
/*!********************************************!*\
!*** ./node_modules/shared.js + 1 modules ***!
\********************************************/
/*! namespace exports */
/*! export x [provided] [used] [could be renamed] */
/*! export y [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
@ -127,15 +128,17 @@ module.exports = {
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"x": () => /* binding */ x,
"y": () => /* reexport */ y
});
// CONCATENATED MODULE: ./node_modules/shared2.js
// shared2 module
var y = "y";
// CONCATENATED MODULE: ./node_modules/shared.js
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "x": () => /* binding */ x,
/* harmony export */ "y": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__0_5b2279225d_asiSafe__ */ y
/* harmony export */ });
// shared module
var x = "x";
@ -160,17 +163,14 @@ var x = "x";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -180,20 +180,19 @@ var x = "x";
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -203,19 +202,24 @@ var x = "x";
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -223,17 +227,15 @@ var x = "x";
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -242,11 +244,9 @@ var x = "x";
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -263,7 +263,7 @@ var x = "x";
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -281,8 +281,10 @@ var x = "x";
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -296,28 +298,27 @@ var x = "x";
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -325,25 +326,23 @@ var x = "x";
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -353,9 +352,8 @@ var x = "x";
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -363,10 +361,11 @@ var x = "x";
</details>
``` js
!function() {
(() => {
/*!********************************!*\
!*** ./example.js + 2 modules ***!
\********************************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_require__.e, __webpack_require__.* */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/shared.js (<- Module is referenced from different chunks by these modules: ./lazy.js + 2 modules) */
@ -389,11 +388,12 @@ function b_a() {
__webpack_require__.e(/*! import() */ 262).then(__webpack_require__.bind(null, /*! ./lazy */ 2)).then(function(lazy) {
__webpack_require__.e(/*! import() */ 262).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);
});
}();
})();
/******/ })()
;
```
@ -408,6 +408,7 @@ __webpack_require__.e(/*! import() */ 262).then(__webpack_require__.bind(null, /
/*!*****************************!*\
!*** ./lazy.js + 2 modules ***!
\*****************************/
/*! namespace exports */
/*! export c [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export d [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! export a [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
@ -421,7 +422,18 @@ __webpack_require__.e(/*! import() */ 262).then(__webpack_require__.bind(null, /
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"c": () => /* reexport */ c,
"x": () => /* reexport */ shared.x,
"y": () => /* reexport */ shared.y,
"d": () => /* reexport */ d_namespaceObject
});
// NAMESPACE OBJECT: ./node_modules/d.js
var d_namespaceObject = {};
__webpack_require__.r(d_namespaceObject);
__webpack_require__.d(d_namespaceObject, {
@ -447,12 +459,6 @@ var c = String.fromCharCode(cjs.c.charCodeAt(0) - 2);
var a = "d";
// CONCATENATED MODULE: ./lazy.js
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "c": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__2_5b2263225d_asiSafe__ */ c,
/* harmony export */ "x": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__2_5b2278225d_asiSafe__ */ shared.x,
/* harmony export */ "y": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__2_5b2279225d_asiSafe__ */ shared.y,
/* harmony export */ "d": () => /* concated reexport __WEBPACK_MODULE_REFERENCE__3_ns_asiSafe__ */ d_namespaceObject
/* harmony export */ });
@ -463,8 +469,9 @@ var a = "d";
/*!*****************************!*\
!*** ./node_modules/cjs.js ***!
\*****************************/
/*! export c [maybe provided (runtime-defined)] [used] [provision prevents renaming] */
/*! other exports [maybe provided (runtime-defined)] [unused] */
/*! default exports */
/*! export c [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_exports__ */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
/***/ ((__unused_webpack_module, exports) => {
@ -480,7 +487,7 @@ exports.c = "e";
Minimized
```javascript
(window.webpackJsonp=window.webpackJsonp||[]).push([[262],{262:(r,d,a)=>{"use strict";a.r(d);var c={};a.r(c),a.d(c,{a:()=>n});var o=a(75),e=a(350),w=String.fromCharCode(o.c.charCodeAt(0)-2),n="d";a.d(d,{c:()=>w,x:()=>e.x,y:()=>e.y,d:()=>c})},75:(r,d)=>{d.c="e"}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[262],{262:(r,d,a)=>{"use strict";a.r(d),a.d(d,{c:()=>w,x:()=>e.x,y:()=>e.y,d:()=>c});var c={};a.r(c),a.d(c,{a:()=>n});var o=a(75),e=a(350),w=String.fromCharCode(o.c.charCodeAt(0)-2),n="d"},75:(r,d)=>{d.c="e"}}]);
```
# Info
@ -489,12 +496,12 @@ Minimized
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
262.output.js 2.84 KiB [emitted]
output.js 10.2 KiB [emitted] [name: main]
262.output.js 2.56 KiB [emitted]
output.js 10.1 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 372 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 372 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js + 2 modules 272 bytes [built]
[no exports]
@ -508,14 +515,15 @@ chunk output.js (main) 372 bytes (javascript) 4.85 KiB (runtime) [entry] [render
harmony side effect evaluation shared ./lazy.js + 2 modules ./node_modules/c.js 6:0-30
harmony export imported specifier shared ./lazy.js + 2 modules ./node_modules/c.js 6:0-30
harmony export imported specifier shared ./lazy.js + 2 modules ./node_modules/c.js 6:0-30
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 262.output.js 273 bytes [rendered]
> ./lazy ./example.js 4:0-16
./lazy.js + 2 modules 231 bytes [built]
[exports: c, d, x, y]
import() ./lazy ./example.js + 2 modules ./example.js 4:0-16
./node_modules/cjs.js 42 bytes [built]
[only some exports used: c]
[exports: c]
[all exports used]
harmony side effect evaluation cjs ./lazy.js + 2 modules ./node_modules/c.js 2:0-29
harmony import specifier cjs ./lazy.js + 2 modules ./node_modules/c.js 4:35-47
```
@ -524,12 +532,12 @@ chunk 262.output.js 273 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
262.output.js 265 bytes [emitted]
output.js 1.89 KiB [emitted] [name: main]
output.js 1.7 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 372 bytes (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 372 bytes (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js + 2 modules 272 bytes [built]
[no exports]
@ -543,14 +551,15 @@ chunk output.js (main) 372 bytes (javascript) 4.85 KiB (runtime) [entry] [render
harmony side effect evaluation shared ./lazy.js + 2 modules ./node_modules/c.js 6:0-30
harmony export imported specifier shared ./lazy.js + 2 modules ./node_modules/c.js 6:0-30
harmony export imported specifier shared ./lazy.js + 2 modules ./node_modules/c.js 6:0-30
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 262.output.js 273 bytes [rendered]
> ./lazy ./example.js 4:0-16
./lazy.js + 2 modules 231 bytes [built]
[exports: c, d, x, y]
import() ./lazy ./example.js + 2 modules ./example.js 4:0-16
./node_modules/cjs.js 42 bytes [built]
[only some exports used: c]
[exports: c]
[all exports used]
harmony side effect evaluation cjs ./lazy.js + 2 modules ./node_modules/c.js 2:0-29
harmony import specifier cjs ./lazy.js + 2 modules ./node_modules/c.js 4:35-47
```

View File

@ -58,46 +58,22 @@ export { c } from "./c";
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var big_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! big-module */ 1);
/* harmony import */ var big_module_with_flag__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! big-module-with-flag */ 5);
/* harmony import */ var big_module_with_flag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! big-module-with-flag */ 6);
console.log(
big_module__WEBPACK_IMPORTED_MODULE_0__.a,
big_module__WEBPACK_IMPORTED_MODULE_0__.b,
big_module_with_flag__WEBPACK_IMPORTED_MODULE_1__.a,
big_module_with_flag__WEBPACK_IMPORTED_MODULE_2__.b
);
/***/ }),
/* 0 */,
/* 1 */
/*!******************************************!*\
!*** ./node_modules/big-module/index.js ***!
\******************************************/
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! export c [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export a [provided] [used] [could be renamed] */
/*! export b [provided] [used] [could be renamed] */
/*! export c [provided] [unused] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "a": () => /* 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 */ "b": () => /* reexport safe */ _b__WEBPACK_IMPORTED_MODULE_1__.b
/* 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);
@ -112,12 +88,12 @@ __webpack_require__.r(__webpack_exports__);
/*!**************************************!*\
!*** ./node_modules/big-module/a.js ***!
\**************************************/
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export a [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "a": () => /* binding */ a
/* harmony export */ });
@ -129,12 +105,12 @@ const a = "a";
/*!**************************************!*\
!*** ./node_modules/big-module/b.js ***!
\**************************************/
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export b [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "b": () => /* binding */ b
/* harmony export */ });
@ -146,15 +122,13 @@ const b = "b";
/*!**************************************!*\
!*** ./node_modules/big-module/c.js ***!
\**************************************/
/*! export c [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export c [provided] [unused] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "c": () => /* binding */ c
/* harmony export */ });
/* unused harmony export c */
const c = "c";
@ -163,12 +137,12 @@ const c = "c";
/*!************************************************!*\
!*** ./node_modules/big-module-with-flag/a.js ***!
\************************************************/
/*! export a [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export a [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "a": () => /* binding */ a
/* harmony export */ });
@ -180,12 +154,12 @@ const a = "a";
/*!************************************************!*\
!*** ./node_modules/big-module-with-flag/b.js ***!
\************************************************/
/*! export b [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export b [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! 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 */ "b": () => /* binding */ b
/* harmony export */ });
@ -211,45 +185,35 @@ const b = "b";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/************************************************************************/
```
@ -257,10 +221,28 @@ const b = "b";
</details>
``` js
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__ */
/* harmony import */ var big_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! big-module */ 1);
/* harmony import */ var big_module_with_flag__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! big-module-with-flag */ 5);
/* harmony import */ var big_module_with_flag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! big-module-with-flag */ 6);
console.log(
big_module__WEBPACK_IMPORTED_MODULE_0__.a,
big_module__WEBPACK_IMPORTED_MODULE_0__.b,
big_module_with_flag__WEBPACK_IMPORTED_MODULE_1__.a,
big_module_with_flag__WEBPACK_IMPORTED_MODULE_2__.b
);
})();
/******/ })()
;
```
@ -271,46 +253,46 @@ const b = "b";
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 8.03 KiB [emitted] [name: main]
output.js 6.65 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 325 bytes (javascript) 632 bytes (runtime) [entry] [rendered]
chunk output.js (main) 325 bytes (javascript) 394 bytes (runtime) [entry] [rendered]
> ./example.js main
./example.js 140 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
./node_modules/big-module-with-flag/a.js 22 bytes [built]
[exports: a]
[used exports unknown]
[all exports used]
harmony import specifier big-module-with-flag ./example.js 7:1-3 (skipped side-effect-free modules)
[inactive] harmony side effect evaluation ./a ./node_modules/big-module-with-flag/index.js 1:0-24
harmony export imported specifier ./a ./node_modules/big-module-with-flag/index.js 1:0-24
[inactive] harmony export imported specifier ./a ./node_modules/big-module-with-flag/index.js 1:0-24
./node_modules/big-module-with-flag/b.js 22 bytes [built]
[exports: b]
[used exports unknown]
[all exports used]
harmony import specifier big-module-with-flag ./example.js 8:1-3 (skipped side-effect-free modules)
[inactive] harmony side effect evaluation ./b ./node_modules/big-module-with-flag/index.js 2:0-24
harmony export imported specifier ./b ./node_modules/big-module-with-flag/index.js 2:0-24
[inactive] harmony export imported specifier ./b ./node_modules/big-module-with-flag/index.js 2:0-24
./node_modules/big-module/a.js 22 bytes [built]
[exports: a]
[used exports unknown]
[all exports used]
harmony side effect evaluation ./a ./node_modules/big-module/index.js 1:0-24
harmony export imported specifier ./a ./node_modules/big-module/index.js 1:0-24
./node_modules/big-module/b.js 22 bytes [built]
[exports: b]
[used exports unknown]
[all exports used]
harmony side effect evaluation ./b ./node_modules/big-module/index.js 2:0-24
harmony export imported specifier ./b ./node_modules/big-module/index.js 2:0-24
./node_modules/big-module/c.js 22 bytes [built]
[exports: c]
[used exports unknown]
[no exports used]
harmony side effect evaluation ./c ./node_modules/big-module/index.js 3:0-24
harmony export imported specifier ./c ./node_modules/big-module/index.js 3:0-24
[inactive] harmony export imported specifier ./c ./node_modules/big-module/index.js 3:0-24
./node_modules/big-module/index.js 75 bytes [built]
[exports: a, b, c]
[used exports unknown]
[only some exports used: a, b]
harmony side effect evaluation big-module ./example.js 1:0-46
harmony import specifier big-module ./example.js 5:1-3
harmony import specifier big-module ./example.js 6:1-3
@ -321,7 +303,7 @@ chunk output.js (main) 325 bytes (javascript) 632 bytes (runtime) [entry] [rende
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 52 bytes [emitted] [name: main]
Entrypoint main = output.js

View File

@ -57,10 +57,11 @@ module.exports = [
```javascript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[
/* 0 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/coffee-loader!./example.coffee ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!******************************************************************!*\
!*** ../../node_modules/coffee-loader/index.js!./example.coffee ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
@ -89,7 +90,7 @@ race = function(winner, ...runners) {
```
```json
{"version":3,"sources":["webpack:///./example.coffee"],"names":[],"mappings":";;;;;;;;;AAAA;;;AAAA;;AAGA,OACE;EAAA,MAAQ,IAAI,CAAC,IAAb;EACA,QAAQ,MADR;EAEA,MAAQ,SAAC,CAAD;WAAO,IAAI,OAAO,CAAP;EAAX;AAFR,EAJF;;;AASA,OAAO,SAAC,MAAD,KAAS,OAAT;SACL,MAAM,MAAN,EAAc,OAAd;AADK","file":"./bundle-source-map.js","sourcesContent":["# Taken from http://coffeescript.org/\n\n# Objects:\nmath =\n root: Math.sqrt\n square: square\n cube: (x) -> x * square x\n\n# Splats:\nrace = (winner, runners...) ->\n print winner, runners\n"],"sourceRoot":""}
{"version":3,"sources":["webpack:///./example.coffee"],"names":[],"mappings":";;;;;;;;;;AAEU;;;AAAA;;AACV,OACE;EAAA,MAAQ,IAAI,CAAC,IAAb;EACA,QAAQ,MADR;EAEA,MAAQ,SAAC,CAAD;WAAO,IAAI,OAAO,CAAP;EAAX;AAFR,EAFQ;;;AAOV,OAAO,SAAC,MAAD,KAAS,OAAT;SACL,MAAM,MAAN,EAAc,OAAd;AADK","file":"./bundle-source-map.js","sourcesContent":["# Taken from http://coffeescript.org/\n\n# Objects:\nmath =\n root: Math.sqrt\n square: square\n cube: (x) -> x * square x\n\n# Splats:\nrace = (winner, runners...) ->\n print winner, runners\n"],"sourceRoot":""}
```
## hidden-source-map.js and hidden-source-map.js.map
@ -97,10 +98,11 @@ race = function(winner, ...runners) {
```javascript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[
/* 0 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/coffee-loader!./example.coffee ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!******************************************************************!*\
!*** ../../node_modules/coffee-loader/index.js!./example.coffee ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
@ -128,7 +130,7 @@ race = function(winner, ...runners) {
```
```json
{"version":3,"sources":["webpack:///./example.coffee"],"names":[],"mappings":";;;;;;;;;AAAA;;;AAAA;;AAGA,OACE;EAAA,MAAQ,IAAI,CAAC,IAAb;EACA,QAAQ,MADR;EAEA,MAAQ,SAAC,CAAD;WAAO,IAAI,OAAO,CAAP;EAAX;AAFR,EAJF;;;AASA,OAAO,SAAC,MAAD,KAAS,OAAT;SACL,MAAM,MAAN,EAAc,OAAd;AADK","file":"./bundle-hidden-source-map.js","sourcesContent":["# Taken from http://coffeescript.org/\n\n# Objects:\nmath =\n root: Math.sqrt\n square: square\n cube: (x) -> x * square x\n\n# Splats:\nrace = (winner, runners...) ->\n print winner, runners\n"],"sourceRoot":""}
{"version":3,"sources":["webpack:///./example.coffee"],"names":[],"mappings":";;;;;;;;;;AAEU;;;AAAA;;AACV,OACE;EAAA,MAAQ,IAAI,CAAC,IAAb;EACA,QAAQ,MADR;EAEA,MAAQ,SAAC,CAAD;WAAO,IAAI,OAAO,CAAP;EAAX;AAFR,EAFQ;;;AAOV,OAAO,SAAC,MAAD,KAAS,OAAT;SACL,MAAM,MAAN,EAAc,OAAd;AADK","file":"./bundle-hidden-source-map.js","sourcesContent":["# Taken from http://coffeescript.org/\n\n# Objects:\nmath =\n root: Math.sqrt\n square: square\n cube: (x) -> x * square x\n\n# Splats:\nrace = (winner, runners...) ->\n print winner, runners\n"],"sourceRoot":""}
```
## inline-source-map.js
@ -136,10 +138,11 @@ race = function(winner, ...runners) {
```javascript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[
/* 0 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/coffee-loader!./example.coffee ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!******************************************************************!*\
!*** ../../node_modules/coffee-loader/index.js!./example.coffee ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
@ -164,28 +167,37 @@ race = function(winner, ...runners) {
/***/ })
],[[0,0]]]);
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9leGFtcGxlLmNvZmZlZSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7O0FBQUE7O0FBR0EsT0FDRTtFQUFBLE1BQVEsSUFBSSxDQUFDLElBQWI7RUFDQSxRQUFRLE1BRFI7RUFFQSxNQUFRLFNBQUMsQ0FBRDtXQUFPLElBQUksT0FBTyxDQUFQO0VBQVg7QUFGUixFQUpGOzs7QUFTQSxPQUFPLFNBQUMsTUFBRCxLQUFTLE9BQVQ7U0FDTCxNQUFNLE1BQU4sRUFBYyxPQUFkO0FBREsiLCJmaWxlIjoiLi9idW5kbGUtaW5saW5lLXNvdXJjZS1tYXAuanMiLCJzb3VyY2VzQ29udGVudCI6WyIjIFRha2VuIGZyb20gaHR0cDovL2NvZmZlZXNjcmlwdC5vcmcvXG5cbiMgT2JqZWN0czpcbm1hdGggPVxuICByb290OiAgIE1hdGguc3FydFxuICBzcXVhcmU6IHNxdWFyZVxuICBjdWJlOiAgICh4KSAtPiB4ICogc3F1YXJlIHhcblxuIyBTcGxhdHM6XG5yYWNlID0gKHdpbm5lciwgcnVubmVycy4uLikgLT5cbiAgcHJpbnQgd2lubmVyLCBydW5uZXJzXG4iXSwic291cmNlUm9vdCI6IiJ9
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9leGFtcGxlLmNvZmZlZSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBRVU7OztBQUFBOztBQUNWLE9BQ0U7RUFBQSxNQUFRLElBQUksQ0FBQyxJQUFiO0VBQ0EsUUFBUSxNQURSO0VBRUEsTUFBUSxTQUFDLENBQUQ7V0FBTyxJQUFJLE9BQU8sQ0FBUDtFQUFYO0FBRlIsRUFGUTs7O0FBT1YsT0FBTyxTQUFDLE1BQUQsS0FBUyxPQUFUO1NBQ0wsTUFBTSxNQUFOLEVBQWMsT0FBZDtBQURLIiwiZmlsZSI6Ii4vYnVuZGxlLWlubGluZS1zb3VyY2UtbWFwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiIyBUYWtlbiBmcm9tIGh0dHA6Ly9jb2ZmZWVzY3JpcHQub3JnL1xuXG4jIE9iamVjdHM6XG5tYXRoID1cbiAgcm9vdDogICBNYXRoLnNxcnRcbiAgc3F1YXJlOiBzcXVhcmVcbiAgY3ViZTogICAoeCkgLT4geCAqIHNxdWFyZSB4XG5cbiMgU3BsYXRzOlxucmFjZSA9ICh3aW5uZXIsIHJ1bm5lcnMuLi4pIC0+XG4gIHByaW50IHdpbm5lciwgcnVubmVyc1xuIl0sInNvdXJjZVJvb3QiOiIifQ==
```
## nosources-source-map.js.map
```json
{"version":3,"sources":["webpack:///./example.coffee"],"names":[],"mappings":";;;;;;;;;AAAA;;;AAAA;;AAGA,OACE;EAAA,MAAQ,IAAI,CAAC,IAAb;EACA,QAAQ,MADR;EAEA,MAAQ,SAAC,CAAD;WAAO,IAAI,OAAO,CAAP;EAAX;AAFR,EAJF;;;AASA,OAAO,SAAC,MAAD,KAAS,OAAT;SACL,MAAM,MAAN,EAAc,OAAd;AADK","file":"./bundle-nosources-source-map.js","sourceRoot":""}
{"version":3,"sources":["webpack:///./example.coffee"],"names":[],"mappings":";;;;;;;;;;AAEU;;;AAAA;;AACV,OACE;EAAA,MAAQ,IAAI,CAAC,IAAb;EACA,QAAQ,MADR;EAEA,MAAQ,SAAC,CAAD;WAAO,IAAI,OAAO,CAAP;EAAX;AAFR,EAFQ;;;AAOV,OAAO,SAAC,MAAD,KAAS,OAAT;SACL,MAAM,MAAN,EAAc,OAAd;AADK","file":"./bundle-nosources-source-map.js","sourceRoot":""}
```
## eval-source-map.js
```javascript
/*
* ATTENTION: An "eval-source-map" devtool has been used.
* This devtool is not neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[
/* 0 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/coffee-loader!./example.coffee ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!******************************************************************!*\
!*** ../../node_modules/coffee-loader/index.js!./example.coffee ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9leGFtcGxlLmNvZmZlZT8yNDE2Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7QUFBQSxJQUFBLElBQUEsRUFBQTs7QUFHQSxJQUFBLEdBQ0U7RUFBQSxJQUFBLEVBQVEsSUFBSSxDQUFDLElBQWI7RUFDQSxNQUFBLEVBQVEsTUFEUjtFQUVBLElBQUEsRUFBUSxRQUFBLENBQUMsQ0FBRCxDQUFBO1dBQU8sQ0FBQSxHQUFJLE1BQUEsQ0FBTyxDQUFQO0VBQVg7QUFGUixFQUpGOzs7QUFTQSxJQUFBLEdBQU8sUUFBQSxDQUFDLE1BQUQsRUFBQSxHQUFTLE9BQVQsQ0FBQTtTQUNMLEtBQUEsQ0FBTSxNQUFOLEVBQWMsT0FBZDtBQURLIiwic291cmNlc0NvbnRlbnQiOlsiIyBUYWtlbiBmcm9tIGh0dHA6Ly9jb2ZmZWVzY3JpcHQub3JnL1xuXG4jIE9iamVjdHM6XG5tYXRoID1cbiAgcm9vdDogICBNYXRoLnNxcnRcbiAgc3F1YXJlOiBzcXVhcmVcbiAgY3ViZTogICAoeCkgLT4geCAqIHNxdWFyZSB4XG5cbiMgU3BsYXRzOlxucmFjZSA9ICh3aW5uZXIsIHJ1bm5lcnMuLi4pIC0+XG4gIHByaW50IHdpbm5lciwgcnVubmVyc1xuIl19\n//# sourceURL=webpack-internal:///0\n");
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9leGFtcGxlLmNvZmZlZT8yNDE2Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVVOzs7QUFBQSxJQUFBLElBQUEsRUFBQTs7QUFDVixJQUFBLEdBQ0U7RUFBQSxJQUFBLEVBQVEsSUFBSSxDQUFDLElBQWI7RUFDQSxNQUFBLEVBQVEsTUFEUjtFQUVBLElBQUEsRUFBUSxRQUFBLENBQUMsQ0FBRCxDQUFBO1dBQU8sQ0FBQSxHQUFJLE1BQUEsQ0FBTyxDQUFQO0VBQVg7QUFGUixFQUZROzs7QUFPVixJQUFBLEdBQU8sUUFBQSxDQUFDLE1BQUQsRUFBQSxHQUFTLE9BQVQsQ0FBQTtTQUNMLEtBQUEsQ0FBTSxNQUFOLEVBQWMsT0FBZDtBQURLIiwic291cmNlc0NvbnRlbnQiOlsiIyBUYWtlbiBmcm9tIGh0dHA6Ly9jb2ZmZWVzY3JpcHQub3JnL1xuXG4jIE9iamVjdHM6XG5tYXRoID1cbiAgcm9vdDogICBNYXRoLnNxcnRcbiAgc3F1YXJlOiBzcXVhcmVcbiAgY3ViZTogICAoeCkgLT4geCAqIHNxdWFyZSB4XG5cbiMgU3BsYXRzOlxucmFjZSA9ICh3aW5uZXIsIHJ1bm5lcnMuLi4pIC0+XG4gIHByaW50IHdpbm5lciwgcnVubmVyc1xuIl19\n//# sourceURL=webpack-internal:///0\n");
/***/ })
],[[0,0]]]);
@ -194,16 +206,25 @@ eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\n
## eval.js
```javascript
/*
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
* This devtool is not neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[
/* 0 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/coffee-loader!./example.coffee ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!******************************************************************!*\
!*** ../../node_modules/coffee-loader/index.js!./example.coffee ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n\n\n//# sourceURL=webpack:///./example.coffee?(webpack)/node_modules/coffee-loader");
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n\n\n//# sourceURL=webpack:///./example.coffee?../../node_modules/coffee-loader/index.js");
/***/ })
],[[0,0]]]);
@ -212,16 +233,25 @@ eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\n
## eval-cheap-source-map.js
```javascript
/*
* ATTENTION: An "eval-source-map" devtool has been used.
* This devtool is not neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[
/* 0 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/coffee-loader!./example.coffee ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!******************************************************************!*\
!*** ../../node_modules/coffee-loader/index.js!./example.coffee ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2V4YW1wbGUuY29mZmVlP2MxNzAiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gVGFrZW4gZnJvbSBodHRwOi8vY29mZmVlc2NyaXB0Lm9yZy9cblxuLy8gT2JqZWN0czpcbnZhciBtYXRoLCByYWNlO1xuXG5tYXRoID0ge1xuICByb290OiBNYXRoLnNxcnQsXG4gIHNxdWFyZTogc3F1YXJlLFxuICBjdWJlOiBmdW5jdGlvbih4KSB7XG4gICAgcmV0dXJuIHggKiBzcXVhcmUoeCk7XG4gIH1cbn07XG5cbi8vIFNwbGF0czpcbnJhY2UgPSBmdW5jdGlvbih3aW5uZXIsIC4uLnJ1bm5lcnMpIHtcbiAgcmV0dXJuIHByaW50KHdpbm5lciwgcnVubmVycyk7XG59O1xuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///0\n");
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2V4YW1wbGUuY29mZmVlP2ViNDEiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gVGFrZW4gZnJvbSBodHRwOi8vY29mZmVlc2NyaXB0Lm9yZy9cblxuLy8gT2JqZWN0czpcbnZhciBtYXRoLCByYWNlO1xuXG5tYXRoID0ge1xuICByb290OiBNYXRoLnNxcnQsXG4gIHNxdWFyZTogc3F1YXJlLFxuICBjdWJlOiBmdW5jdGlvbih4KSB7XG4gICAgcmV0dXJuIHggKiBzcXVhcmUoeCk7XG4gIH1cbn07XG5cbi8vIFNwbGF0czpcbnJhY2UgPSBmdW5jdGlvbih3aW5uZXIsIC4uLnJ1bm5lcnMpIHtcbiAgcmV0dXJuIHByaW50KHdpbm5lciwgcnVubmVycyk7XG59O1xuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///0\n");
/***/ })
],[[0,0]]]);
@ -230,16 +260,25 @@ eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\n
## eval-cheap-module-source-map.js
```javascript
/*
* ATTENTION: An "eval-source-map" devtool has been used.
* This devtool is not neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],[
/* 0 */
/*!*************************************************************!*\
!*** (webpack)/node_modules/coffee-loader!./example.coffee ***!
\*************************************************************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*!******************************************************************!*\
!*** ../../node_modules/coffee-loader/index.js!./example.coffee ***!
\******************************************************************/
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: */
/***/ (() => {
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9leGFtcGxlLmNvZmZlZT8yNDE2Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7QUFBQSxJQUFBLElBQUEsRUFBQTs7QUFHQSxJQUFBLEdBQ0U7RUFBQSxJQUFBLEVBQVEsSUFBSSxDQUFDLElBQWI7RUFDQSxNQUFBLEVBQVEsTUFEUjtFQUVBLElBQUEsRUFBUSxRQUFBLENBQUMsQ0FBRCxDQUFBO1dBQU8sQ0FBQSxHQUFJLE1BQUEsQ0FBTyxDQUFQO0VBQVg7QUFGUixFQUpGOzs7QUFTQSxJQUFBLEdBQU8sUUFBQSxDQUFDLE1BQUQsRUFBQSxHQUFTLE9BQVQsQ0FBQTtTQUNMLEtBQUEsQ0FBTSxNQUFOLEVBQWMsT0FBZDtBQURLIiwic291cmNlc0NvbnRlbnQiOlsiIyBUYWtlbiBmcm9tIGh0dHA6Ly9jb2ZmZWVzY3JpcHQub3JnL1xuXG4jIE9iamVjdHM6XG5tYXRoID1cbiAgcm9vdDogICBNYXRoLnNxcnRcbiAgc3F1YXJlOiBzcXVhcmVcbiAgY3ViZTogICAoeCkgLT4geCAqIHNxdWFyZSB4XG5cbiMgU3BsYXRzOlxucmFjZSA9ICh3aW5uZXIsIHJ1bm5lcnMuLi4pIC0+XG4gIHByaW50IHdpbm5lciwgcnVubmVyc1xuIl19\n//# sourceURL=webpack-internal:///0\n");
eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9leGFtcGxlLmNvZmZlZT8yNDE2Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVVOzs7QUFBQSxJQUFBLElBQUEsRUFBQTs7QUFDVixJQUFBLEdBQ0U7RUFBQSxJQUFBLEVBQVEsSUFBSSxDQUFDLElBQWI7RUFDQSxNQUFBLEVBQVEsTUFEUjtFQUVBLElBQUEsRUFBUSxRQUFBLENBQUMsQ0FBRCxDQUFBO1dBQU8sQ0FBQSxHQUFJLE1BQUEsQ0FBTyxDQUFQO0VBQVg7QUFGUixFQUZROzs7QUFPVixJQUFBLEdBQU8sUUFBQSxDQUFDLE1BQUQsRUFBQSxHQUFTLE9BQVQsQ0FBQTtTQUNMLEtBQUEsQ0FBTSxNQUFOLEVBQWMsT0FBZDtBQURLIiwic291cmNlc0NvbnRlbnQiOlsiIyBUYWtlbiBmcm9tIGh0dHA6Ly9jb2ZmZWVzY3JpcHQub3JnL1xuXG4jIE9iamVjdHM6XG5tYXRoID1cbiAgcm9vdDogICBNYXRoLnNxcnRcbiAgc3F1YXJlOiBzcXVhcmVcbiAgY3ViZTogICAoeCkgLT4geCAqIHNxdWFyZSB4XG5cbiMgU3BsYXRzOlxucmFjZSA9ICh3aW5uZXIsIHJ1bm5lcnMuLi4pIC0+XG4gIHByaW50IHdpbm5lciwgcnVubmVyc1xuIl19\n//# sourceURL=webpack-internal:///0\n");
/***/ })
],[[0,0]]]);
@ -248,196 +287,196 @@ eval("// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\n
## cheap-module-source-map.js.map
```json
{"version":3,"file":"./bundle-cheap-module-source-map.js","sources":["webpack:///./example.coffee"],"sourcesContent":["# Taken from http://coffeescript.org/\n\n# Objects:\nmath =\n root: Math.sqrt\n square: square\n cube: (x) -> x * square x\n\n# Splats:\nrace = (winner, runners...) ->\n print winner, runners\n"],"mappings":";;;;;;;;;AAAA;AACA;;AADA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAFA;AACA;;AAIA;AACA;AADA;;;;A","sourceRoot":""}
{"version":3,"file":"./bundle-cheap-module-source-map.js","sources":["webpack:///./example.coffee"],"sourcesContent":["# Taken from http://coffeescript.org/\n\n# Objects:\nmath =\n root: Math.sqrt\n square: square\n cube: (x) -> x * square x\n\n# Splats:\nrace = (winner, runners...) ->\n print winner, runners\n"],"mappings":";;;;;;;;;;AAEA;AACA;;AADA;AACA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAFA;AACA;;AAIA;AACA;AADA;AACA;AACA;A;A","sourceRoot":""}
```
## cheap-source-map.js.map
```json
{"version":3,"file":"./bundle-cheap-source-map.js","sources":["webpack:///./example.coffee"],"sourcesContent":["// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;A","sourceRoot":""}
{"version":3,"file":"./bundle-cheap-source-map.js","sources":["webpack:///./example.coffee"],"sourcesContent":["// Taken from http://coffeescript.org/\n\n// Objects:\nvar math, race;\n\nmath = {\n root: Math.sqrt,\n square: square,\n cube: function(x) {\n return x * square(x);\n }\n};\n\n// Splats:\nrace = function(winner, ...runners) {\n return print(winner, runners);\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A;A","sourceRoot":""}
```
# webpack output
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-eval.js 775 bytes [emitted] [name: bundle]
./runtime~bundle-eval.js 4.75 KiB [emitted] [name: runtime~bundle]
./bundle-eval.js 1.36 KiB [emitted] [name: bundle]
./runtime~bundle-eval.js 5.69 KiB [emitted] [name: runtime~bundle]
Entrypoint bundle = ./runtime~bundle-eval.js ./bundle-eval.js
chunk ./runtime~bundle-eval.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-eval.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-eval.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-eval-cheap-source-map.js 1.43 KiB [emitted] [name: bundle]
./runtime~bundle-eval-cheap-source-map.js 4.75 KiB [emitted] [name: runtime~bundle]
./bundle-eval-cheap-source-map.js 2.03 KiB [emitted] [name: bundle]
./runtime~bundle-eval-cheap-source-map.js 5.68 KiB [emitted] [name: runtime~bundle]
Entrypoint bundle = ./runtime~bundle-eval-cheap-source-map.js ./bundle-eval-cheap-source-map.js
chunk ./runtime~bundle-eval-cheap-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-eval-cheap-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-eval-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-eval-cheap-module-source-map.js 1.58 KiB [emitted] [name: bundle]
./runtime~bundle-eval-cheap-module-source-map.js 4.75 KiB [emitted] [name: runtime~bundle]
./bundle-eval-cheap-module-source-map.js 2.17 KiB [emitted] [name: bundle]
./runtime~bundle-eval-cheap-module-source-map.js 5.68 KiB [emitted] [name: runtime~bundle]
Entrypoint bundle = ./runtime~bundle-eval-cheap-module-source-map.js ./bundle-eval-cheap-module-source-map.js
chunk ./runtime~bundle-eval-cheap-module-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-eval-cheap-module-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-eval-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-eval-source-map.js 1.58 KiB [emitted] [name: bundle]
./runtime~bundle-eval-source-map.js 4.75 KiB [emitted] [name: runtime~bundle]
./bundle-eval-source-map.js 2.17 KiB [emitted] [name: bundle]
./runtime~bundle-eval-source-map.js 5.68 KiB [emitted] [name: runtime~bundle]
Entrypoint bundle = ./runtime~bundle-eval-source-map.js ./bundle-eval-source-map.js
chunk ./runtime~bundle-eval-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-eval-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-eval-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-cheap-source-map.js 719 bytes [emitted] [name: bundle]
./bundle-cheap-source-map.js.map 516 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-cheap-source-map.js 4.81 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-cheap-source-map.js.map 4.1 KiB [emitted] [dev] [name: (runtime~bundle)]
./bundle-cheap-source-map.js 768 bytes [emitted] [name: bundle]
./bundle-cheap-source-map.js.map 526 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-cheap-source-map.js 5.19 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-cheap-source-map.js.map 4.44 KiB [emitted] [dev] [name: (runtime~bundle)]
Entrypoint bundle = ./runtime~bundle-cheap-source-map.js ./bundle-cheap-source-map.js (./bundle-cheap-source-map.js.map ./runtime~bundle-cheap-source-map.js.map)
chunk ./runtime~bundle-cheap-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-cheap-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-cheap-module-source-map.js 726 bytes [emitted] [name: bundle]
./bundle-cheap-module-source-map.js.map 443 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-cheap-module-source-map.js 4.82 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-cheap-module-source-map.js.map 4.11 KiB [emitted] [dev] [name: (runtime~bundle)]
./bundle-cheap-module-source-map.js 775 bytes [emitted] [name: bundle]
./bundle-cheap-module-source-map.js.map 453 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-cheap-module-source-map.js 5.2 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-cheap-module-source-map.js.map 4.45 KiB [emitted] [dev] [name: (runtime~bundle)]
Entrypoint bundle = ./runtime~bundle-cheap-module-source-map.js ./bundle-cheap-module-source-map.js (./bundle-cheap-module-source-map.js.map ./runtime~bundle-cheap-module-source-map.js.map)
chunk ./runtime~bundle-cheap-module-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-cheap-module-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-inline-cheap-source-map.js 1.4 KiB [emitted] [name: bundle]
./runtime~bundle-inline-cheap-source-map.js 10.3 KiB [emitted] [name: runtime~bundle]
./bundle-inline-cheap-source-map.js 1.46 KiB [emitted] [name: bundle]
./runtime~bundle-inline-cheap-source-map.js 11.1 KiB [emitted] [name: runtime~bundle]
Entrypoint bundle = ./runtime~bundle-inline-cheap-source-map.js ./bundle-inline-cheap-source-map.js
chunk ./runtime~bundle-inline-cheap-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-inline-cheap-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-inline-cheap-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-inline-cheap-module-source-map.js 1.3 KiB [emitted] [name: bundle]
./runtime~bundle-inline-cheap-module-source-map.js 10.3 KiB [emitted] [name: runtime~bundle]
./bundle-inline-cheap-module-source-map.js 1.36 KiB [emitted] [name: bundle]
./runtime~bundle-inline-cheap-module-source-map.js 11.1 KiB [emitted] [name: runtime~bundle]
Entrypoint bundle = ./runtime~bundle-inline-cheap-module-source-map.js ./bundle-inline-cheap-module-source-map.js
chunk ./runtime~bundle-inline-cheap-module-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-inline-cheap-module-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-inline-cheap-module-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-source-map.js 713 bytes [emitted] [name: bundle]
./bundle-source-map.js.map 539 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-source-map.js 4.8 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-source-map.js.map 4.07 KiB [emitted] [dev] [name: (runtime~bundle)]
./bundle-source-map.js 762 bytes [emitted] [name: bundle]
./bundle-source-map.js.map 540 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-source-map.js 5.19 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-source-map.js.map 4.43 KiB [emitted] [dev] [name: (runtime~bundle)]
Entrypoint bundle = ./runtime~bundle-source-map.js ./bundle-source-map.js (./bundle-source-map.js.map ./runtime~bundle-source-map.js.map)
chunk ./runtime~bundle-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-inline-source-map.js 1.43 KiB [emitted] [name: bundle]
./runtime~bundle-inline-source-map.js 10.3 KiB [emitted] [name: runtime~bundle]
./bundle-inline-source-map.js 1.48 KiB [emitted] [name: bundle]
./runtime~bundle-inline-source-map.js 11.1 KiB [emitted] [name: runtime~bundle]
Entrypoint bundle = ./runtime~bundle-inline-source-map.js ./bundle-inline-source-map.js
chunk ./runtime~bundle-inline-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-inline-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-inline-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-hidden-source-map.js 667 bytes [emitted] [name: bundle]
./bundle-hidden-source-map.js.map 546 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-hidden-source-map.js 4.75 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-hidden-source-map.js.map 4.08 KiB [emitted] [dev] [name: (runtime~bundle)]
./bundle-hidden-source-map.js 716 bytes [emitted] [name: bundle]
./bundle-hidden-source-map.js.map 547 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-hidden-source-map.js 5.13 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-hidden-source-map.js.map 4.43 KiB [emitted] [dev] [name: (runtime~bundle)]
Entrypoint bundle = ./runtime~bundle-hidden-source-map.js ./bundle-hidden-source-map.js (./bundle-hidden-source-map.js.map ./runtime~bundle-hidden-source-map.js.map)
chunk ./runtime~bundle-hidden-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-hidden-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-hidden-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
Child
Hash: 0a1b2c3d4e5f6a7b8c9d
Asset Size
./bundle-nosources-source-map.js 723 bytes [emitted] [name: bundle]
./bundle-nosources-source-map.js.map 326 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-nosources-source-map.js 4.81 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-nosources-source-map.js.map 796 bytes [emitted] [dev] [name: (runtime~bundle)]
./bundle-nosources-source-map.js 772 bytes [emitted] [name: bundle]
./bundle-nosources-source-map.js.map 327 bytes [emitted] [dev] [name: (bundle)]
./runtime~bundle-nosources-source-map.js 5.2 KiB [emitted] [name: runtime~bundle]
./runtime~bundle-nosources-source-map.js.map 888 bytes [emitted] [dev] [name: (runtime~bundle)]
Entrypoint bundle = ./runtime~bundle-nosources-source-map.js ./bundle-nosources-source-map.js (./bundle-nosources-source-map.js.map ./runtime~bundle-nosources-source-map.js.map)
chunk ./runtime~bundle-nosources-source-map.js (runtime~bundle) 2.31 KiB [entry] [rendered]
chunk ./runtime~bundle-nosources-source-map.js (runtime~bundle) 2.59 KiB [entry] [rendered]
> coffee-loader!./example.coffee bundle
1 chunk module
2 chunk modules
chunk ./bundle-nosources-source-map.js (bundle) 256 bytes [initial] [rendered]
> coffee-loader!./example.coffee bundle
(webpack)/node_modules/coffee-loader!./example.coffee 256 bytes [built]
[used exports unknown]
../../node_modules/coffee-loader/index.js!./example.coffee 256 bytes [built]
[no exports used]
entry coffee-loader!./example.coffee bundle
```

View File

@ -14,7 +14,7 @@ function lessStrict(regExpStr) {
}
const runtimeModulesRegexp = /(\/\*{72}\/\n(?:\/(?:\*{6}|\*{72})\/.*\n)*\/\*{72}\/\n)/g;
const timeRegexp = /\s*Time: \d+ms/g;
const timeRegexp = /\s*Time: \d+ ms/g;
const buildAtRegexp = /\s*Built at: .+/mg;
const hashRegexp = /Hash: [a-f0-9]+/g;
const dataUrlRegexp = /("data:[^"]+")/g;

View File

@ -128,41 +128,24 @@ When compiling for other targets like node.js, electron or WebWorkers, it may be
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Actions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Actions.js */ 1);
(async ()=> {
await (0,_Actions_js__WEBPACK_IMPORTED_MODULE_0__.CreateUserAction)("John");
})();
/***/ }),
/* 0 */,
/* 1 */
/*!********************!*\
!*** ./Actions.js ***!
\********************/
/*! export AlternativeCreateUserAction [provided] [no usage info] [missing usage info prevents renaming] */
/*! export CreateUserAction [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.e, __webpack_require__, __webpack_require__.* */
/*! namespace exports */
/*! export AlternativeCreateUserAction [provided] [unused] [could be renamed] */
/*! export CreateUserAction [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__.e, __webpack_require__, __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 */ "CreateUserAction": () => /* binding */ CreateUserAction,
/* harmony export */ "AlternativeCreateUserAction": () => /* binding */ AlternativeCreateUserAction
/* harmony export */ "CreateUserAction": () => /* binding */ CreateUserAction
/* harmony export */ });
/* unused harmony export AlternativeCreateUserAction */
// 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(null, /*! ./UserApi.js */ 2));
const UserApi = __webpack_require__.e(/*! import() */ 497).then(__webpack_require__.bind(__webpack_require__, /*! ./UserApi.js */ 2));
const CreateUserAction = async name => {
// These are normal awaits, because they are in an async function
@ -182,7 +165,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(null, /*! ./UserApi.js */ 2));
const { createUser } = await __webpack_require__.e(/*! import() */ 497).then(__webpack_require__.bind(__webpack_require__, /*! ./UserApi.js */ 2));
await createUser(name);
};
@ -209,17 +192,14 @@ const AlternativeCreateUserAction = async name => {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -229,20 +209,19 @@ const AlternativeCreateUserAction = async name => {
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
@ -252,19 +231,24 @@ const AlternativeCreateUserAction = async name => {
/******/ return promises;
/******/ }, []));
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ !function() {
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__.u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".output.js";
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
@ -272,17 +256,15 @@ const AlternativeCreateUserAction = async name => {
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ !function() {
/******/
/******/
/******/ (() => {
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
@ -291,11 +273,9 @@ const AlternativeCreateUserAction = async name => {
/******/ };
/******/
/******/
/******/
/******/
/******/ __webpack_require__.f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = Object.prototype.hasOwnProperty.call(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
@ -312,7 +292,7 @@ const AlternativeCreateUserAction = async name => {
/******/ // start chunk loading
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
/******/ var loadingEnded = () => {
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId)) {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) return installedChunkData[1];
@ -330,8 +310,10 @@ const AlternativeCreateUserAction = async name => {
/******/
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ onScriptComplete = function (event) {
/******/ onScriptComplete = function() {};
/******/ onScriptComplete = (event) => {
/******/ onScriptComplete = () => {
/******/
/******/ }
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
@ -345,28 +327,27 @@ const AlternativeCreateUserAction = async name => {
/******/ error.request = realSrc;
/******/ reportError(error);
/******/ }
/******/ };
/******/ var timeout = setTimeout(function(){
/******/ onScriptComplete({ type: 'timeout', target: script });
/******/ }
/******/ ;
/******/ var timeout = setTimeout(() => {
/******/ onScriptComplete({ type: 'timeout', target: script })
/******/ }, 120000);
/******/ script.onerror = script.onload = onScriptComplete;
/******/ document.head.appendChild(script);
/******/ } else installedChunks[chunkId] = 0;
/******/
/******/ // no HMR
/******/ }
/******/ }
/******/
/******/ // no chunk preloading needed
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no deferred startup or startup prefetching
/******/ // no deferred startup
/******/
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
@ -374,25 +355,23 @@ const AlternativeCreateUserAction = async name => {
/******/ var moreModules = data[1];
/******/
/******/ var runtime = data[3];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) runtime(__webpack_require__);
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
@ -402,9 +381,8 @@ const AlternativeCreateUserAction = async name => {
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -412,10 +390,22 @@ const AlternativeCreateUserAction = async name => {
</details>
``` js
/******/ // startup
/******/ // Load entry module
/******/ __webpack_require__(0);
/******/ // This entry module used 'exports' so it can't be inlined
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__ */
/* harmony import */ var _Actions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Actions.js */ 1);
(async ()=> {
await (0,_Actions_js__WEBPACK_IMPORTED_MODULE_0__.CreateUserAction)("John");
})();
})();
/******/ })()
;
```
@ -430,9 +420,10 @@ const AlternativeCreateUserAction = async name => {
/*!********************!*\
!*** ./UserApi.js ***!
\********************/
/*! export createUser [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, module, __webpack_require__.* */
/*! namespace exports */
/*! export createUser [provided] [maybe used (runtime-defined)] [usage prevents renaming] */
/*! other exports [not provided] [maybe used (runtime-defined)] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, module, __webpack_require__.d, __webpack_require__.* */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
@ -459,19 +450,19 @@ return __webpack_exports__;
/*!**************************!*\
!*** ./db-connection.js ***!
\**************************/
/*! export close [provided] [no usage info] [missing usage info prevents renaming] */
/*! export dbCall [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, module, __webpack_require__.* */
/*! namespace exports */
/*! export close [provided] [unused] [could be renamed] */
/*! export dbCall [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: module, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
module.exports = (async () => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "dbCall": () => /* binding */ dbCall,
/* harmony export */ "close": () => /* binding */ close
/* harmony export */ "dbCall": () => /* binding */ dbCall
/* harmony export */ });
/* unused harmony export close */
const connectToDB = async url => {
await new Promise(r => setTimeout(r, 1000));
};
@ -499,7 +490,7 @@ return __webpack_exports__;
## in production mode:
```javascript
(window.webpackJsonp=window.webpackJsonp||[]).push([[497],{497:(a,e,s)=>{"use strict";a.exports=(async()=>{s.r(e),s.d(e,{createUser:()=>t});var a=s(447);a=await Promise.resolve(a);const t=async e=>{command=`CREATE USER ${e}`,await(0,a.D)({command})};return e})()},447:(a,e,s)=>{"use strict";a.exports=(async()=>{s.d(e,{D:()=>a});await(async a=>{await new Promise(a=>setTimeout(a,1e3))})();const a=async a=>(await new Promise(a=>setTimeout(a,100)),"fake data");return e})()}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[497],{497:(a,e,s)=>{"use strict";a.exports=(async()=>{s.r(e),s.d(e,{createUser:()=>t});var a=s(447);a=await Promise.resolve(a);const t=async e=>{command="CREATE USER "+e,await(0,a.j)({command})};return e})()},447:(a,e,s)=>{"use strict";a.exports=(async()=>{s.d(e,{j:()=>a});await(async a=>{await new Promise(a=>setTimeout(a,1e3))})();const a=async a=>(await new Promise(a=>setTimeout(a,100)),"fake data");return e})()}}]);
```
# Info
@ -508,34 +499,33 @@ return __webpack_exports__;
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
497.output.js 2.48 KiB [emitted]
output.js 11.3 KiB [emitted] [name: main]
497.output.js 2.39 KiB [emitted]
output.js 10.7 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1.19 KiB (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 1.19 KiB (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./Actions.js 1.09 KiB [built]
[exports: AlternativeCreateUserAction, CreateUserAction]
[used exports unknown]
[only some exports used: CreateUserAction]
harmony side effect evaluation ./Actions.js ./example.js 1:0-48
harmony import specifier ./Actions.js ./example.js 4:7-23
./example.js 103 bytes [built]
[no exports]
[used exports unknown]
[no exports used]
entry ./example.js main
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 497.output.js 622 bytes [rendered]
> ./UserApi.js ./Actions.js 22:30-52
> ./UserApi.js ./Actions.js 2:16-38
./UserApi.js 220 bytes [built]
[exports: createUser]
[used exports unknown]
import() ./UserApi.js ./Actions.js 2:16-38
import() ./UserApi.js ./Actions.js 22:30-52
./db-connection.js 402 bytes [built]
[exports: close, dbCall]
[used exports unknown]
[only some exports used: dbCall]
harmony side effect evaluation ./db-connection.js ./UserApi.js 1:0-50
harmony import specifier ./db-connection.js ./UserApi.js 6:7-13
```
@ -544,18 +534,18 @@ chunk 497.output.js 622 bytes [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
497.output.js 477 bytes [emitted]
output.js 1.83 KiB [emitted] [name: main]
497.output.js 475 bytes [emitted]
output.js 1.65 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 1.19 KiB (javascript) 4.85 KiB (runtime) [entry] [rendered]
chunk output.js (main) 1.19 KiB (javascript) 4.76 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js + 1 modules 1.19 KiB [built]
[no exports]
[no exports used]
entry ./example.js main
+ 6 hidden chunk modules
+ 7 hidden chunk modules
chunk 497.output.js 622 bytes [rendered]
> ./UserApi.js ./Actions.js 22:30-52
> ./UserApi.js ./Actions.js 2:16-38

View File

@ -43,7 +43,8 @@ module.exports = {
/*!********************!*\
!*** ./vendor1.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -68,17 +69,14 @@ module.exports = "Vendor1";
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -106,7 +104,8 @@ module.exports = "Vendor1";
/*!********************!*\
!*** ./vendor1.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -117,7 +116,8 @@ module.exports = "Vendor1";
/*!********************!*\
!*** ./vendor2.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
@ -144,17 +144,14 @@ __webpack_require__(/*! ./vendor1 */ 0);
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -182,7 +179,8 @@ __webpack_require__(/*! ./vendor1 */ 0);
/*!********************!*\
!*** ./vendor1.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module */
/***/ ((module) => {
@ -193,7 +191,8 @@ module.exports = "Vendor1";
/*!********************!*\
!*** ./vendor2.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
@ -206,7 +205,8 @@ __webpack_require__(/*! ./vendor1 */ 0);
/*!******************!*\
!*** ./pageA.js ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: module, __webpack_require__ */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
@ -234,17 +234,14 @@ __webpack_require__(/*! ./vendor2 */ 1);
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -257,8 +254,8 @@ __webpack_require__(/*! ./vendor2 */ 1);
``` js
/******/ // startup
/******/ // Load entry module
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ __webpack_require__(2);
/******/ // This entry module used 'module' so it can't be inlined
/******/ })()
;
```
@ -269,13 +266,13 @@ __webpack_require__(/*! ./vendor2 */ 1);
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
pageA.js 2.24 KiB [emitted] [name: pageA]
pageB.js 1.5 KiB [emitted] [name: pageB]
pageC.js 1.5 KiB [emitted] [name: pageC]
vendor1.js 1.52 KiB [emitted] [name: vendor1]
vendor2.js 1.87 KiB [emitted] [name: vendor2]
pageA.js 2.37 KiB [emitted] [name: pageA]
pageB.js 1.52 KiB [emitted] [name: pageB]
pageC.js 1.52 KiB [emitted] [name: pageC]
vendor1.js 1.53 KiB [emitted] [name: vendor1]
vendor2.js 1.93 KiB [emitted] [name: vendor2]
Entrypoint vendor1 = vendor1.js
Entrypoint vendor2 = vendor2.js
Entrypoint pageA = pageA.js
@ -284,44 +281,44 @@ Entrypoint pageC = pageC.js
chunk vendor1.js (vendor1) 27 bytes [entry] [rendered]
> ./vendor1 vendor1
./vendor1.js 27 bytes [built]
[used exports unknown]
cjs require ./vendor1 ./pageA.js 2:0-20
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
chunk vendor2.js (vendor2) 77 bytes [entry] [rendered]
> ./vendor2 vendor2
./vendor1.js 27 bytes [built]
[used exports unknown]
cjs require ./vendor1 ./pageA.js 2:0-20
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
./vendor2.js 50 bytes [built]
[used exports unknown]
cjs require ./vendor2 ./pageA.js 3:0-20
cjs self exports reference ./vendor2.js 1:0-14
entry ./vendor2 vendor2
chunk pageA.js (pageA) 147 bytes [entry] [rendered]
> ./pageA pageA
./pageA.js 70 bytes [built]
[used exports unknown]
cjs self exports reference ./pageA.js 1:0-14
entry ./pageA pageA
./vendor1.js 27 bytes [built]
[used exports unknown]
cjs require ./vendor1 ./pageA.js 2:0-20
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
./vendor2.js 50 bytes [built]
[used exports unknown]
cjs require ./vendor2 ./pageA.js 3:0-20
cjs self exports reference ./vendor2.js 1:0-14
entry ./vendor2 vendor2
chunk pageB.js (pageB) 25 bytes [entry] [rendered]
> ./pageB pageB
./pageB.js 25 bytes [built]
[used exports unknown]
cjs self exports reference ./pageB.js 1:0-14
entry ./pageB pageB
chunk pageC.js (pageC) 25 bytes [entry] [rendered]
> ./pageC pageC
./pageC.js 25 bytes [built]
[used exports unknown]
cjs self exports reference ./pageC.js 1:0-14
entry ./pageC pageC
```
@ -329,13 +326,13 @@ chunk pageC.js (pageC) 25 bytes [entry] [rendered]
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
pageA.js 267 bytes [emitted] [name: pageA]
pageB.js 176 bytes [emitted] [name: pageB]
pageC.js 176 bytes [emitted] [name: pageC]
vendor1.js 178 bytes [emitted] [name: vendor1]
vendor2.js 220 bytes [emitted] [name: vendor2]
pageA.js 251 bytes [emitted] [name: pageA]
pageB.js 160 bytes [emitted] [name: pageB]
pageC.js 160 bytes [emitted] [name: pageC]
vendor1.js 162 bytes [emitted] [name: vendor1]
vendor2.js 204 bytes [emitted] [name: vendor2]
Entrypoint vendor1 = vendor1.js
Entrypoint vendor2 = vendor2.js
Entrypoint pageA = pageA.js
@ -344,38 +341,43 @@ Entrypoint pageC = pageC.js
chunk pageB.js (pageB) 25 bytes [entry] [rendered]
> ./pageB pageB
./pageB.js 25 bytes [built]
[no exports used]
cjs self exports reference ./pageB.js 1:0-14
entry ./pageB pageB
chunk pageC.js (pageC) 25 bytes [entry] [rendered]
> ./pageC pageC
./pageC.js 25 bytes [built]
[no exports used]
cjs self exports reference ./pageC.js 1:0-14
entry ./pageC pageC
chunk vendor2.js (vendor2) 77 bytes [entry] [rendered]
> ./vendor2 vendor2
./vendor1.js 27 bytes [built]
cjs require ./vendor1 ./pageA.js 2:0-20
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
./vendor2.js 50 bytes [built]
cjs require ./vendor2 ./pageA.js 3:0-20
cjs self exports reference ./vendor2.js 1:0-14
entry ./vendor2 vendor2
chunk pageA.js (pageA) 147 bytes [entry] [rendered]
> ./pageA pageA
./pageA.js 70 bytes [built]
[no exports used]
cjs self exports reference ./pageA.js 1:0-14
entry ./pageA pageA
./vendor1.js 27 bytes [built]
cjs require ./vendor1 ./pageA.js 2:0-20
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
./vendor2.js 50 bytes [built]
cjs require ./vendor2 ./pageA.js 3:0-20
cjs self exports reference ./vendor2.js 1:0-14
entry ./vendor2 vendor2
chunk vendor1.js (vendor1) 27 bytes [entry] [rendered]
> ./vendor1 vendor1
./vendor1.js 27 bytes [built]
cjs require ./vendor1 ./pageA.js 2:0-20
cjs self exports reference ./vendor1.js 1:0-14
cjs require ./vendor1 ./vendor2.js 2:0-20
entry ./vendor1 vendor1
```

View File

@ -56,7 +56,8 @@ module.exports = (env = "development") => ({
/*!******************!*\
!*** ./index.ts ***!
\******************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [maybe used (runtime-defined)] */
/*! runtime requirements: top-level-this-exports */
/***/ (function() {
@ -99,17 +100,14 @@ console.log(getArray(1, 2, 3));
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
@ -120,15 +118,17 @@ console.log(getArray(1, 2, 3));
</details>
``` js
!function() {
(() => {
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [maybe provided (runtime-defined)] [no usage info] */
/*! unknown exports (runtime-defined) */
/*! exports [maybe provided (runtime-defined)] [unused] */
/*! runtime requirements: __webpack_require__ */
console.log(__webpack_require__(/*! ./index */ 1));
}();
})();
/******/ })()
;
```
@ -141,29 +141,9 @@ console.log(__webpack_require__(/*! ./index */ 1));
Starting type checking service...
Using 1 worker with 2048MB memory limit
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
output.js 2.23 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 652 bytes [entry] [rendered]
> ./example.js main
./example.js 33 bytes [built]
[used exports unknown]
entry ./example.js main
./index.ts 619 bytes [built]
[used exports unknown]
cjs require ./index ./example.js 1:12-30
```
## Production mode
```
Starting type checking service...
Using 1 worker with 2048MB memory limit
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
output.js 541 bytes [emitted] [name: main]
output.js 2.26 KiB [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 652 bytes [entry] [rendered]
> ./example.js main
@ -172,4 +152,27 @@ chunk output.js (main) 652 bytes [entry] [rendered]
entry ./example.js main
./index.ts 619 bytes [built]
cjs require ./index ./example.js 1:12-30
cjs self exports reference ./index.ts 1:22-26
cjs self exports reference ./index.ts 1:30-34
```
## Production mode
```
Starting type checking service...
Using 1 worker with 2048MB memory limit
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
output.js 525 bytes [emitted] [name: main]
Entrypoint main = output.js
chunk output.js (main) 652 bytes [entry] [rendered]
> ./example.js main
./example.js 33 bytes [built]
[no exports used]
entry ./example.js main
./index.ts 619 bytes [built]
cjs require ./index ./example.js 1:12-30
cjs self exports reference ./index.ts 1:22-26
cjs self exports reference ./index.ts 1:30-34
```

View File

@ -71,18 +71,18 @@ export const memory = await getMemoryFromParentInWorker();
```javascript
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, module, __webpack_require__.* */
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, module, __webpack_exports__ */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
module.exports = (async () => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _magic_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./magic.js */ 1);
_magic_js__WEBPACK_IMPORTED_MODULE_0__ = await Promise.resolve(_magic_js__WEBPACK_IMPORTED_MODULE_0__);
@ -107,16 +107,15 @@ return __webpack_exports__;
/*!******************!*\
!*** ./magic.js ***!
\******************/
/*! export get [provided] [no usage info] [missing usage info prevents renaming] */
/*! export getNumber [provided] [no usage info] [missing usage info prevents renaming] */
/*! export set [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, module, __webpack_require__.* */
/*! namespace exports */
/*! export get [provided] [used] [could be renamed] */
/*! export getNumber [provided] [used] [could be renamed] */
/*! export set [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, module, __webpack_require__.* */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
module.exports = (async () => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "get": () => /* reexport safe */ _magic_wat__WEBPACK_IMPORTED_MODULE_0__.get,
/* harmony export */ "getNumber": () => /* reexport safe */ _magic_wat__WEBPACK_IMPORTED_MODULE_0__.getNumber,
@ -135,39 +134,39 @@ return __webpack_exports__;
/*!*******************!*\
!*** ./magic.wat ***!
\*******************/
/*! export get [provided] [no usage info] [provision prevents renaming (no use info)] */
/*! export getNumber [provided] [no usage info] [provision prevents renaming (no use info)] */
/*! export set [provided] [no usage info] [provision prevents renaming (no use info)] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module, __webpack_exports__, __webpack_require__.v, __webpack_require__, __webpack_require__.* */
/*! namespace exports */
/*! export get [provided] [used] [provision prevents renaming] */
/*! export getNumber [provided] [used] [provision prevents renaming] */
/*! export set [provided] [used] [provision prevents renaming] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: module, module.id, __webpack_exports__, __webpack_require__.v, __webpack_require__, __webpack_require__.* */
/***/ ((module, exports, __webpack_require__) => {
/* harmony import */ var WEBPACK_IMPORTED_MODULE_0 = __webpack_require__(/*! ./memory.js */ 3);
/* harmony import */ var WEBPACK_IMPORTED_MODULE_1 = __webpack_require__(/*! ./magic-number.js */ 4);
module.exports = Promise.resolve(WEBPACK_IMPORTED_MODULE_0).then(function(WEBPACK_IMPORTED_MODULE_0) { return __webpack_require__.v(exports, module.i, {
module.exports = Promise.resolve(WEBPACK_IMPORTED_MODULE_0).then((WEBPACK_IMPORTED_MODULE_0) => {
return __webpack_require__.v(exports, module.id, {
"./memory.js": {
"memory": WEBPACK_IMPORTED_MODULE_0.memory
},
"./magic-number.js": {
"getRandomNumber": WEBPACK_IMPORTED_MODULE_1.getRandomNumber
}
}); })
});
})
/***/ }),
/* 3 */
/*!*******************!*\
!*** ./memory.js ***!
\*******************/
/*! export memory [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, module, __webpack_require__.* */
/*! namespace exports */
/*! export memory [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: module, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
module.exports = (async () => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "memory": () => /* binding */ memory
/* harmony export */ });
@ -187,18 +186,17 @@ return __webpack_exports__;
/*!*************************!*\
!*** ./magic-number.js ***!
\*************************/
/*! export getNumber [provided] [no usage info] [missing usage info prevents renaming] */
/*! export getRandomNumber [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.r, __webpack_require__.* */
/*! namespace exports */
/*! export getNumber [provided] [unused] [could be renamed] */
/*! export getRandomNumber [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "getNumber": () => /* binding */ getNumber,
/* harmony export */ "getRandomNumber": () => /* binding */ getRandomNumber
/* harmony export */ });
/* unused harmony export getNumber */
function getNumber() {
return 42;
}
@ -227,55 +225,45 @@ function getRandomNumber() {
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/wasm chunk loading */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.v = function(exports, wasmModuleId, importsObj) {
/******/ var req = fetch(__webpack_require__.p + "" + {"2":"594f5a209057602bfc3f"}[wasmModuleId] + ".module.wasm");
/******/ var req = fetch(__webpack_require__.p + "" + {"2":"4961ae1f00405983e33f"}[wasmModuleId] + ".module.wasm");
/******/ if(typeof WebAssembly.instantiateStreaming === 'function') {
/******/ return WebAssembly.instantiateStreaming(req, importsObj)
/******/ .then(function(res) { return Object.assign(exports, res.instance.exports); });
@ -285,7 +273,7 @@ function getRandomNumber() {
/******/ .then(function(bytes) { return WebAssembly.instantiate(bytes, importsObj); })
/******/ .then(function(res) { return Object.assign(exports, res.instance.exports); });
/******/ };
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -307,55 +295,12 @@ function getRandomNumber() {
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
594f5a209057602bfc3f.module.wasm 139 bytes [emitted] [immutable] [name: (main)]
output.js 8.7 KiB [emitted] [name: main]
Entrypoint main = output.js (594f5a209057602bfc3f.module.wasm)
chunk output.js (main) 708 bytes (javascript) 139 bytes (webassembly) 1.24 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 253 bytes [built]
[no exports]
[used exports unknown]
entry ./example.js main
./magic-number.js 124 bytes [built]
[exports: getNumber, getRandomNumber]
[used exports unknown]
wasm import ./magic-number.js ./magic.wat
./magic.js 50 bytes [built]
[exports: get, getNumber, set]
[used exports unknown]
harmony side effect evaluation ./magic.js ./example.js 1:0-55
harmony import specifier ./magic.js ./example.js 4:12-15
harmony import specifier ./magic.js ./example.js 5:0-3
harmony import specifier ./magic.js ./example.js 6:12-15
harmony import specifier ./magic.js ./example.js 7:0-3
harmony import specifier ./magic.js ./example.js 8:12-15
harmony import specifier ./magic.js ./example.js 11:12-21
harmony import specifier ./magic.js ./example.js 12:12-21
harmony import specifier ./magic.js ./example.js 13:12-21
./magic.wat 70 bytes (javascript) 139 bytes (webassembly) [built]
[exports: get, getNumber, set]
[used exports unknown]
harmony side effect evaluation ./magic.wat ./magic.js 2:0-34
harmony export imported specifier ./magic.wat ./magic.js 2:0-34
./memory.js 211 bytes [built]
[exports: memory]
[used exports unknown]
wasm import ./memory.js ./magic.wat
+ 4 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
4636ea8e62e0734a195f.module.wasm 139 bytes [emitted] [immutable] [name: (main)]
output.js 1.59 KiB [emitted] [name: main]
Entrypoint main = output.js (4636ea8e62e0734a195f.module.wasm)
chunk output.js (main) 708 bytes (javascript) 139 bytes (webassembly) 999 bytes (runtime) [entry] [rendered]
4961ae1f00405983e33f.module.wasm 139 bytes [emitted] [immutable] [name: (main)]
output.js 7.84 KiB [emitted] [name: main]
Entrypoint main = output.js (4961ae1f00405983e33f.module.wasm)
chunk output.js (main) 708 bytes (javascript) 139 bytes (webassembly) 1.01 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 253 bytes [built]
[no exports]
@ -386,5 +331,48 @@ chunk output.js (main) 708 bytes (javascript) 139 bytes (webassembly) 999 bytes
[exports: memory]
[all exports used]
wasm import ./memory.js ./magic.wat
+ 3 hidden chunk modules
+ 4 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
4636ea8e62e0734a195f.module.wasm 139 bytes [emitted] [immutable] [name: (main)]
output.js 1.52 KiB [emitted] [name: main]
Entrypoint main = output.js (4636ea8e62e0734a195f.module.wasm)
chunk output.js (main) 708 bytes (javascript) 139 bytes (webassembly) 1.01 KiB (runtime) [entry] [rendered]
> ./example.js main
./example.js 253 bytes [built]
[no exports]
[no exports used]
entry ./example.js main
./magic-number.js 124 bytes [built]
[exports: getNumber, getRandomNumber]
[only some exports used: getRandomNumber]
wasm import ./magic-number.js ./magic.wat
./magic.js 50 bytes [built]
[exports: get, getNumber, set]
[all exports used]
harmony side effect evaluation ./magic.js ./example.js 1:0-55
harmony import specifier ./magic.js ./example.js 4:12-15
harmony import specifier ./magic.js ./example.js 5:0-3
harmony import specifier ./magic.js ./example.js 6:12-15
harmony import specifier ./magic.js ./example.js 7:0-3
harmony import specifier ./magic.js ./example.js 8:12-15
harmony import specifier ./magic.js ./example.js 11:12-21
harmony import specifier ./magic.js ./example.js 12:12-21
harmony import specifier ./magic.js ./example.js 13:12-21
./magic.wat 70 bytes (javascript) 139 bytes (webassembly) [built]
[exports: get, getNumber, set]
[all exports used]
harmony side effect evaluation ./magic.wat ./magic.js 2:0-34
harmony export imported specifier ./magic.wat ./magic.js 2:0-34
./memory.js 211 bytes [built]
[exports: memory]
[all exports used]
wasm import ./memory.js ./magic.wat
+ 4 hidden chunk modules
```

View File

@ -57,18 +57,18 @@ export function fibonacciJavascript(i) {
```javascript
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/*! exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, module, __webpack_require__.* */
/*! namespace exports */
/*! exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, module, __webpack_exports__ */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
module.exports = (async () => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _add_wasm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add.wasm */ 1);
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math */ 2);
([_math__WEBPACK_IMPORTED_MODULE_1__, _add_wasm__WEBPACK_IMPORTED_MODULE_0__] = await Promise.all([_math__WEBPACK_IMPORTED_MODULE_1__, _add_wasm__WEBPACK_IMPORTED_MODULE_0__]));
@ -106,30 +106,30 @@ return __webpack_exports__;
/*!******************!*\
!*** ./add.wasm ***!
\******************/
/*! export add [provided] [no usage info] [provision prevents renaming (no use info)] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/*! namespace exports */
/*! export add [provided] [used] [provision prevents renaming] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: module, module.id, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/***/ ((module, exports, __webpack_require__) => {
module.exports = __webpack_require__.v(exports, module.i)
module.exports = __webpack_require__.v(exports, module.id)
/***/ }),
/* 2 */
/*!*****************!*\
!*** ./math.js ***!
\*****************/
/*! export add [provided] [no usage info] [missing usage info prevents renaming] */
/*! export factorial [provided] [no usage info] [missing usage info prevents renaming] */
/*! export factorialJavascript [provided] [no usage info] [missing usage info prevents renaming] */
/*! export fibonacci [provided] [no usage info] [missing usage info prevents renaming] */
/*! export fibonacciJavascript [provided] [no usage info] [missing usage info prevents renaming] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, __webpack_require__.r, module, __webpack_require__.* */
/*! namespace exports */
/*! export add [provided] [used] [could be renamed] */
/*! export factorial [provided] [used] [could be renamed] */
/*! export factorialJavascript [provided] [used] [could be renamed] */
/*! export fibonacci [provided] [used] [could be renamed] */
/*! export fibonacciJavascript [provided] [used] [could be renamed] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: __webpack_require__, __webpack_exports__, __webpack_require__.d, module, __webpack_require__.* */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
module.exports = (async () => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "add": () => /* reexport safe */ _add_wasm__WEBPACK_IMPORTED_MODULE_0__.add,
/* harmony export */ "factorial": () => /* reexport safe */ _factorial_wasm__WEBPACK_IMPORTED_MODULE_1__.factorial,
@ -165,24 +165,26 @@ return __webpack_exports__;
/*!************************!*\
!*** ./factorial.wasm ***!
\************************/
/*! export factorial [provided] [no usage info] [provision prevents renaming (no use info)] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/*! namespace exports */
/*! export factorial [provided] [used] [provision prevents renaming] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: module, module.id, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/***/ ((module, exports, __webpack_require__) => {
module.exports = __webpack_require__.v(exports, module.i)
module.exports = __webpack_require__.v(exports, module.id)
/***/ }),
/* 4 */
/*!************************!*\
!*** ./fibonacci.wasm ***!
\************************/
/*! export fibonacci [provided] [no usage info] [provision prevents renaming (no use info)] */
/*! other exports [not provided] [no usage info] */
/*! runtime requirements: module, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/*! namespace exports */
/*! export fibonacci [provided] [used] [provision prevents renaming] */
/*! other exports [not provided] [unused] */
/*! runtime requirements: module, module.id, __webpack_exports__, __webpack_require__.v, __webpack_require__.* */
/***/ ((module, exports, __webpack_require__) => {
module.exports = __webpack_require__.v(exports, module.i)
module.exports = __webpack_require__.v(exports, module.id)
/***/ })
/******/ ]);
@ -203,55 +205,45 @@ module.exports = __webpack_require__.v(exports, module.i)
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ var hasOwnProperty = Object.prototype.hasOwnProperty;
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(hasOwnProperty.call(definition, key) && !hasOwnProperty.call(exports, key)) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // 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/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.p = "dist/";
/******/ }();
/******/ })();
/******/
/******/ /* webpack/runtime/wasm chunk loading */
/******/ !function() {
/******/ (() => {
/******/ __webpack_require__.v = function(exports, wasmModuleId, importsObj) {
/******/ var req = fetch(__webpack_require__.p + "" + {"1":"3ee1e22348cddba39f35","3":"04913f0d8c9a5aaf9873","4":"4877696a77609bcaa166"}[wasmModuleId] + ".wasm");
/******/ var req = fetch(__webpack_require__.p + "" + {"1":"1c8378066da027821f98","3":"9989aee1a31bab8d342f","4":"aa9360d4a460c66559cc"}[wasmModuleId] + ".wasm");
/******/ if(typeof WebAssembly.instantiateStreaming === 'function') {
/******/ return WebAssembly.instantiateStreaming(req, importsObj)
/******/ .then(function(res) { return Object.assign(exports, res.instance.exports); });
@ -261,7 +253,7 @@ module.exports = __webpack_require__.v(exports, module.i)
/******/ .then(function(bytes) { return WebAssembly.instantiate(bytes, importsObj); })
/******/ .then(function(res) { return Object.assign(exports, res.instance.exports); });
/******/ };
/******/ }();
/******/ })();
/******/
/************************************************************************/
```
@ -283,64 +275,14 @@ module.exports = __webpack_require__.v(exports, module.i)
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Version: webpack 5.0.0-beta.16
Asset Size
04913f0d8c9a5aaf9873.wasm 62 bytes [emitted] [immutable] [name: (main)]
3ee1e22348cddba39f35.wasm 41 bytes [emitted] [immutable] [name: (main)]
4877696a77609bcaa166.wasm 67 bytes [emitted] [immutable] [name: (main)]
output.js 8.82 KiB [emitted] [name: main]
Entrypoint main = output.js (04913f0d8c9a5aaf9873.wasm 3ee1e22348cddba39f35.wasm 4877696a77609bcaa166.wasm)
chunk output.js (main) 1.3 KiB (javascript) 170 bytes (webassembly) 1.29 KiB (runtime) [entry] [rendered]
> ./example.js main
./add.wasm 50 bytes (javascript) 41 bytes (webassembly) [built]
[exports: add]
[used exports unknown]
harmony side effect evaluation ./add.wasm ./example.js 1:0-39
harmony import specifier ./add.wasm ./example.js 4:12-15
harmony side effect evaluation ./add.wasm ./math.js 1:0-39
harmony export imported specifier ./add.wasm ./math.js 5:0-37
./example.js 761 bytes [built]
[no exports]
[used exports unknown]
entry ./example.js main
./factorial.wasm 50 bytes (javascript) 62 bytes (webassembly) [built]
[exports: factorial]
[used exports unknown]
harmony side effect evaluation ./factorial.wasm ./math.js 2:0-51
harmony export imported specifier ./factorial.wasm ./math.js 5:0-37
./fibonacci.wasm 50 bytes (javascript) 67 bytes (webassembly) [built]
[exports: fibonacci]
[used exports unknown]
harmony side effect evaluation ./fibonacci.wasm ./math.js 3:0-51
harmony export imported specifier ./fibonacci.wasm ./math.js 5:0-37
./math.js 418 bytes [built]
[exports: add, factorial, factorialJavascript, fibonacci, fibonacciJavascript]
[used exports unknown]
harmony side effect evaluation ./math ./example.js 2:0-110
harmony import specifier ./math ./example.js 5:12-19
harmony import specifier ./math ./example.js 6:12-21
harmony import specifier ./math ./example.js 7:12-31
harmony import specifier ./math ./example.js 8:12-21
harmony import specifier ./math ./example.js 9:12-31
harmony import specifier ./math ./example.js 10:30-39
harmony import specifier ./math ./example.js 11:28-47
harmony import specifier ./math ./example.js 12:30-39
harmony import specifier ./math ./example.js 13:28-47
+ 4 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.6
Asset Size
5ba3e3921117e9d828f5.wasm 67 bytes [emitted] [immutable] [name: (main)]
5dd947250fab86306d49.wasm 62 bytes [emitted] [immutable] [name: (main)]
6f6c0ffc52ce3a45ff7e.wasm 41 bytes [emitted] [immutable] [name: (main)]
output.js 1.7 KiB [emitted] [name: main]
Entrypoint main = output.js (5ba3e3921117e9d828f5.wasm 5dd947250fab86306d49.wasm 6f6c0ffc52ce3a45ff7e.wasm)
chunk output.js (main) 1.3 KiB (javascript) 170 bytes (webassembly) 1.03 KiB (runtime) [entry] [rendered]
1c8378066da027821f98.wasm 41 bytes [emitted] [immutable] [name: (main)]
9989aee1a31bab8d342f.wasm 62 bytes [emitted] [immutable] [name: (main)]
aa9360d4a460c66559cc.wasm 67 bytes [emitted] [immutable] [name: (main)]
output.js 8.2 KiB [emitted] [name: main]
Entrypoint main = output.js (1c8378066da027821f98.wasm 9989aee1a31bab8d342f.wasm aa9360d4a460c66559cc.wasm)
chunk output.js (main) 1.3 KiB (javascript) 170 bytes (webassembly) 1.06 KiB (runtime) [entry] [rendered]
> ./example.js main
./add.wasm 50 bytes (javascript) 41 bytes (webassembly) [built]
[exports: add]
@ -376,5 +318,55 @@ chunk output.js (main) 1.3 KiB (javascript) 170 bytes (webassembly) 1.03 KiB (ru
harmony import specifier ./math ./example.js 11:28-47
harmony import specifier ./math ./example.js 12:30-39
harmony import specifier ./math ./example.js 13:28-47
+ 3 hidden chunk modules
+ 4 hidden chunk modules
```
## Production mode
```
Hash: 0a1b2c3d4e5f6a7b8c9d
Version: webpack 5.0.0-beta.16
Asset Size
5ba3e3921117e9d828f5.wasm 67 bytes [emitted] [immutable] [name: (main)]
5dd947250fab86306d49.wasm 62 bytes [emitted] [immutable] [name: (main)]
6f6c0ffc52ce3a45ff7e.wasm 41 bytes [emitted] [immutable] [name: (main)]
output.js 1.67 KiB [emitted] [name: main]
Entrypoint main = output.js (5ba3e3921117e9d828f5.wasm 5dd947250fab86306d49.wasm 6f6c0ffc52ce3a45ff7e.wasm)
chunk output.js (main) 1.3 KiB (javascript) 170 bytes (webassembly) 1.06 KiB (runtime) [entry] [rendered]
> ./example.js main
./add.wasm 50 bytes (javascript) 41 bytes (webassembly) [built]
[exports: add]
[all exports used]
harmony side effect evaluation ./add.wasm ./example.js 1:0-39
harmony import specifier ./add.wasm ./example.js 4:12-15
harmony side effect evaluation ./add.wasm ./math.js 1:0-39
harmony export imported specifier ./add.wasm ./math.js 5:0-37
./example.js 761 bytes [built]
[no exports]
[no exports used]
entry ./example.js main
./factorial.wasm 50 bytes (javascript) 62 bytes (webassembly) [built]
[exports: factorial]
[all exports used]
harmony side effect evaluation ./factorial.wasm ./math.js 2:0-51
harmony export imported specifier ./factorial.wasm ./math.js 5:0-37
./fibonacci.wasm 50 bytes (javascript) 67 bytes (webassembly) [built]
[exports: fibonacci]
[all exports used]
harmony side effect evaluation ./fibonacci.wasm ./math.js 3:0-51
harmony export imported specifier ./fibonacci.wasm ./math.js 5:0-37
./math.js 418 bytes [built]
[exports: add, factorial, factorialJavascript, fibonacci, fibonacciJavascript]
[all exports used]
harmony side effect evaluation ./math ./example.js 2:0-110
harmony import specifier ./math ./example.js 5:12-19
harmony import specifier ./math ./example.js 6:12-21
harmony import specifier ./math ./example.js 7:12-31
harmony import specifier ./math ./example.js 8:12-21
harmony import specifier ./math ./example.js 9:12-31
harmony import specifier ./math ./example.js 10:30-39
harmony import specifier ./math ./example.js 11:28-47
harmony import specifier ./math ./example.js 12:30-39
harmony import specifier ./math ./example.js 13:28-47
+ 4 hidden chunk modules
```