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

examples

This commit is contained in:
Tobias Koppers 2013-01-31 03:25:20 +01:00
parent 5adfabb091
commit 22126e9765
14 changed files with 228 additions and 246 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -157,23 +157,23 @@ webpackJsonp(1, {
## Uncompressed
```
Hash: f1fb37f49e400b26b20b56805a789ef3
Time: 47ms
Hash: 8dc53faea591ea4fe486e278127320dd
Time: 30ms
Asset Size Chunks Chunk Names
output.js 2403 0 main
1.output.js 1427 1
chunk {0} output.js (main) 251
[0] ./example.js 251 [built] {0}
chunk {1} 1.output.js 457 {0}
chunk {0} output.js (main) 261
[0] ./example.js 261 [built] {0}
chunk {1} 1.output.js 463 {0}
[1] ./require.context/templates ^\.\/.*$ 217 [built] {1}
amd require context ../require.context/templates [0] ./example.js 2:1-4:3
[2] ./require.context/templates/a.js 80 [built] {1}
[2] ./require.context/templates/a.js 82 [built] {1}
context element ./a [1] ./require.context/templates ^\.\/.*$
context element ./a.js [1] ./require.context/templates ^\.\/.*$
[3] ./require.context/templates/b.js 80 [built] {1}
[3] ./require.context/templates/b.js 82 [built] {1}
context element ./b [1] ./require.context/templates ^\.\/.*$
context element ./b.js [1] ./require.context/templates ^\.\/.*$
[4] ./require.context/templates/c.js 80 [built] {1}
[4] ./require.context/templates/c.js 82 [built] {1}
context element ./c [1] ./require.context/templates ^\.\/.*$
context element ./c.js [1] ./require.context/templates ^\.\/.*$
```
@ -181,23 +181,23 @@ chunk {1} 1.output.js 457 {0}
## Minimized (uglify-js, no zip)
```
Hash: f1fb37f49e400b26b20b56805a789ef3
Time: 122ms
Hash: 8dc53faea591ea4fe486e278127320dd
Time: 116ms
Asset Size Chunks Chunk Names
output.js 855 0 main
1.output.js 494 1
chunk {0} output.js (main) 251
[0] ./example.js 251 [built] {0}
chunk {1} 1.output.js 457 {0}
chunk {0} output.js (main) 261
[0] ./example.js 261 [built] {0}
chunk {1} 1.output.js 463 {0}
[1] ./require.context/templates ^\.\/.*$ 217 [built] {1}
amd require context ../require.context/templates [0] ./example.js 2:1-4:3
[2] ./require.context/templates/a.js 80 [built] {1}
[2] ./require.context/templates/a.js 82 [built] {1}
context element ./a [1] ./require.context/templates ^\.\/.*$
context element ./a.js [1] ./require.context/templates ^\.\/.*$
[3] ./require.context/templates/b.js 80 [built] {1}
[3] ./require.context/templates/b.js 82 [built] {1}
context element ./b [1] ./require.context/templates ^\.\/.*$
context element ./b.js [1] ./require.context/templates ^\.\/.*$
[4] ./require.context/templates/c.js 80 [built] {1}
[4] ./require.context/templates/c.js 82 [built] {1}
context element ./c [1] ./require.context/templates ^\.\/.*$
context element ./c.js [1] ./require.context/templates ^\.\/.*$
```

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

@ -157,23 +157,23 @@ webpackJsonp(1, {
## Uncompressed
```
Hash: 8001dd58ca639f6177eeb7302f24a770
Time: 38ms
Hash: 3b8145dd91de8428f3345130600b0acd
Time: 29ms
Asset Size Chunks Chunk Names
output.js 2291 0 main
1.output.js 1427 1
chunk {0} output.js (main) 266
[0] ./example.js 266 [built] {0}
chunk {1} 1.output.js 457 {0}
chunk {0} output.js (main) 276
[0] ./example.js 276 [built] {0}
chunk {1} 1.output.js 463 {0}
[1] ./require.context/templates ^\.\/.*$ 217 [built] {1}
cjs require context ../require.context/templates [0] ./example.js 3:11-64
[2] ./require.context/templates/a.js 80 [built] {1}
[2] ./require.context/templates/a.js 82 [built] {1}
context element ./a [1] ./require.context/templates ^\.\/.*$
context element ./a.js [1] ./require.context/templates ^\.\/.*$
[3] ./require.context/templates/b.js 80 [built] {1}
[3] ./require.context/templates/b.js 82 [built] {1}
context element ./b [1] ./require.context/templates ^\.\/.*$
context element ./b.js [1] ./require.context/templates ^\.\/.*$
[4] ./require.context/templates/c.js 80 [built] {1}
[4] ./require.context/templates/c.js 82 [built] {1}
context element ./c [1] ./require.context/templates ^\.\/.*$
context element ./c.js [1] ./require.context/templates ^\.\/.*$
```
@ -181,23 +181,23 @@ chunk {1} 1.output.js 457 {0}
## Minimized (uglify-js, no zip)
```
Hash: 8001dd58ca639f6177eeb7302f24a770
Time: 121ms
Hash: 3b8145dd91de8428f3345130600b0acd
Time: 112ms
Asset Size Chunks Chunk Names
output.js 816 0 main
1.output.js 494 1
chunk {0} output.js (main) 266
[0] ./example.js 266 [built] {0}
chunk {1} 1.output.js 457 {0}
chunk {0} output.js (main) 276
[0] ./example.js 276 [built] {0}
chunk {1} 1.output.js 463 {0}
[1] ./require.context/templates ^\.\/.*$ 217 [built] {1}
cjs require context ../require.context/templates [0] ./example.js 3:11-64
[2] ./require.context/templates/a.js 80 [built] {1}
[2] ./require.context/templates/a.js 82 [built] {1}
context element ./a [1] ./require.context/templates ^\.\/.*$
context element ./a.js [1] ./require.context/templates ^\.\/.*$
[3] ./require.context/templates/b.js 80 [built] {1}
[3] ./require.context/templates/b.js 82 [built] {1}
context element ./b [1] ./require.context/templates ^\.\/.*$
context element ./b.js [1] ./require.context/templates ^\.\/.*$
[4] ./require.context/templates/c.js 80 [built] {1}
[4] ./require.context/templates/c.js 82 [built] {1}
context element ./c [1] ./require.context/templates ^\.\/.*$
context element ./c.js [1] ./require.context/templates ^\.\/.*$
```

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

@ -73,9 +73,9 @@ module.exports = "It works";
/***/ },
/***/ 1:
/*!***********************************************************************************************************!*\
!*** C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/bundle-loader!./file.js ***!
\***********************************************************************************************************/
/*!************************************************************************************!*\
!*** C:/Users/Sokrates/Eigene Repos/webpack-development/~/bundle-loader!./file.js ***!
\************************************************************************************/
/***/ function(module, exports, require) {
var cbs = [],
@ -121,35 +121,35 @@ webpackJsonp(1, {
## Uncompressed
```
Hash: cc24cfb25787184810a9e9dd0e4c4999
Time: 56ms
Hash: f0f680a57941ff04619105b75b92abf2
Time: 41ms
Asset Size Chunks Chunk Names
output.js 2802 0 main
output.js 2733 0 main
1.output.js 182 1
chunk {0} output.js (main) 508
[0] ./example.js 86 [built] {0}
[1] C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/bundle-loader!./file.js 422 [built] {0}
chunk {0} output.js (main) 486
[0] ./example.js 88 [built] {0}
[1] C:/Users/Sokrates/Eigene Repos/webpack-development/~/bundle-loader!./file.js 398 [built] {0}
cjs require bundle!./file.js [0] ./example.js 1:0-27
chunk {1} 1.output.js 28 {0}
[2] ./file.js 28 [built] {1}
cjs require !!.\file.js [1] C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/bundle-loader!./file.js 8:8-171
cjs require !!.\file.js [1] C:/Users/Sokrates/Eigene Repos/webpack-development/~/bundle-loader!./file.js 8:8-147
```
## Minimized (uglify-js, no zip)
```
Hash: cc24cfb25787184810a9e9dd0e4c4999
Time: 127ms
Hash: f0f680a57941ff04619105b75b92abf2
Time: 120ms
Asset Size Chunks Chunk Names
output.js 877 0 main
1.output.js 54 1
chunk {0} output.js (main) 508
[0] ./example.js 86 [built] {0}
[1] C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/bundle-loader!./file.js 422 [built] {0}
chunk {0} output.js (main) 486
[0] ./example.js 88 [built] {0}
[1] C:/Users/Sokrates/Eigene Repos/webpack-development/~/bundle-loader!./file.js 398 [built] {0}
cjs require bundle!./file.js [0] ./example.js 1:0-27
chunk {1} 1.output.js 28 {0}
[2] ./file.js 28 [built] {1}
cjs require !!.\file.js [1] C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/bundle-loader!./file.js 8:8-171
cjs require !!.\file.js [1] C:/Users/Sokrates/Eigene Repos/webpack-development/~/bundle-loader!./file.js 8:8-147
```
## Graph

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

@ -134,13 +134,13 @@ webpackJsonp(1,{3:function(){},4:function(){}});
## Uncompressed
```
Hash: e3da5eef20b37553da43a1d3e38f42f5
Time: 39ms
Hash: f4d3fd8aadfe8654e3e8694388cf3443
Time: 29ms
Asset Size Chunks Chunk Names
output.js 2456 0 main
1.output.js 304 1
chunk {0} output.js (main) 161
[0] ./example.js 139 [built] {0}
chunk {0} output.js (main) 166
[0] ./example.js 144 [built] {0}
[1] ./~/b.js 11 [built] {0}
cjs require b [0] ./example.js 2:8-20
cjs require b [0] ./example.js 4:4-16
@ -156,13 +156,13 @@ chunk {1} 1.output.js 22 {0}
## Minimized (uglify-js, no zip)
```
Hash: e3da5eef20b37553da43a1d3e38f42f5
Time: 107ms
Hash: f4d3fd8aadfe8654e3e8694388cf3443
Time: 118ms
Asset Size Chunks Chunk Names
output.js 768 0 main
1.output.js 48 1
chunk {0} output.js (main) 161
[0] ./example.js 139 [built] {0}
chunk {0} output.js (main) 166
[0] ./example.js 144 [built] {0}
[1] ./~/b.js 11 [built] {0}
cjs require b [0] ./example.js 2:8-20
cjs require b [0] ./example.js 4:4-16

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

@ -89,7 +89,7 @@ module.exports =
```
Hash: a64a4902a56f0ef88c27e073807e4374
Time: 54ms
Time: 49ms
Asset Size Chunks Chunk Names
output.js 403 0 main
chunk {0} output.js (main) 38

24
examples/commonjs/README.md
View File

@ -104,29 +104,29 @@ exports.add = function() {
## Uncompressed
```
Hash: ed0d146781bfd63a8c38eb49000feb94
Time: 31ms
Hash: c4847f298adeaf7480757f6363ea19f1
Time: 29ms
Asset Size Chunks Chunk Names
output.js 1657 0 main
chunk {0} output.js (main) 318
[0] ./example.js 67 [built] {0}
[1] ./increment.js 95 [built] {0}
chunk {0} output.js (main) 329
[0] ./example.js 69 [built] {0}
[1] ./increment.js 98 [built] {0}
cjs require ./increment [0] ./example.js 1:10-32
[2] ./math.js 156 [built] {0}
[2] ./math.js 162 [built] {0}
cjs require ./math [1] ./increment.js 1:10-27
```
## Minimized (uglify-js, no zip)
```
Hash: ed0d146781bfd63a8c38eb49000feb94
Time: 77ms
Hash: c4847f298adeaf7480757f6363ea19f1
Time: 83ms
Asset Size Chunks Chunk Names
output.js 524 0 main
chunk {0} output.js (main) 318
[0] ./example.js 67 [built] {0}
[1] ./increment.js 95 [built] {0}
chunk {0} output.js (main) 329
[0] ./example.js 69 [built] {0}
[1] ./increment.js 98 [built] {0}
cjs require ./increment [0] ./example.js 1:10-32
[2] ./math.js 156 [built] {0}
[2] ./math.js 162 [built] {0}
cjs require ./math [1] ./increment.js 1:10-27
```

22
examples/loader/README.md
View File

@ -81,9 +81,9 @@ module.exports = function(content) {
/***/ },
/***/ 1:
/*!***********************************************************************************************************!*\
!*** C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/json-loader!./test.json ***!
\***********************************************************************************************************/
/*!************************************************************************************!*\
!*** C:/Users/Sokrates/Eigene Repos/webpack-development/~/json-loader!./test.json ***!
\************************************************************************************/
/***/ function(module, exports, require) {
module.exports = {
@ -151,16 +151,16 @@ Prints in node.js (`node example.js`) and in browser:
## Uncompressed
```
Hash: be1bfb66ba06ce71b31bcddbcf2f9965
Time: 58ms
Hash: 62f35121ae16eff2526b8ac568437057
Time: 52ms
Asset Size Chunks Chunk Names
output.js 2922 0 main
chunk {0} output.js (main) 674
[0] ./example.js 296 [built] {0}
[1] C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/json-loader!./test.json 36 [built] {0}
output.js 2853 0 main
chunk {0} output.js (main) 692
[0] ./example.js 304 [built] {0}
[1] C:/Users/Sokrates/Eigene Repos/webpack-development/~/json-loader!./test.json 36 [built] {0}
cjs require json!./test.json [0] ./example.js 9:12-39
[2] (webpack)/buildin/module.js 241 [built] {0}
cjs require module [0] ./example.js 1:0-132
[2] (webpack)/buildin/module.js 251 [built] {0}
cjs require module [0] ./example.js 1:0-108
[3] (webpack)/buildin/return-require.js 60 [built] {0}
cjs require enhanced-require [0] ./example.js 2:10-37
[4] ./loader.js!./file.js 41 [not cacheable] [built] {0}

20
examples/mixed/README.md
View File

@ -220,33 +220,33 @@ webpackJsonp(1, {
## Uncompressed
```
Hash: 578635659acd728459ebbd30abf93f14
Time: 49ms
Hash: 6d725ab24bc3aec4ef5415bed7020c11
Time: 37ms
Asset Size Chunks Chunk Names
output.js 3621 0 main
1.output.js 1403 1
chunk {0} output.js (main) 728
[0] ./example.js 358 [built] {0}
[1] ./amd.js 208 [built] {0}
chunk {0} output.js (main) 759
[0] ./example.js 370 [built] {0}
[1] ./amd.js 218 [built] {0}
amd require ./amd [2] ./commonjs.js 5:0-10:1
cjs require ./amd [2] ./commonjs.js 8:13-29
cjs require ./amd [0] ./example.js 3:11-27
amd require ./amd [0] ./example.js 6:0-13:1
amd require ./amd [0] ./example.js 6:0-13:1
[2] ./commonjs.js 162 [built] {0}
[2] ./commonjs.js 171 [built] {0}
cjs require ./commonjs [0] ./example.js 2:16-37
amd require ./commonjs [0] ./example.js 6:0-13:1
amd require ./commonjs [0] ./example.js 6:0-13:1
amd require ./commonjs [1] ./amd.js 2:0-11:1
cjs require ./commonjs [1] ./amd.js 7:18-39
chunk {1} 1.output.js 433 {0}
chunk {1} 1.output.js 439 {0}
[3] ./require.context/templates ^\.\/.*\.js$ 193 [built] {1}
amd require context ../require.context/templates [0] ./example.js 6:0-13:1
[4] ./require.context/templates/a.js 80 [built] {1}
[4] ./require.context/templates/a.js 82 [built] {1}
context element ./a.js [3] ./require.context/templates ^\.\/.*\.js$
[5] ./require.context/templates/b.js 80 [built] {1}
[5] ./require.context/templates/b.js 82 [built] {1}
context element ./b.js [3] ./require.context/templates ^\.\/.*\.js$
[6] ./require.context/templates/c.js 80 [built] {1}
[6] ./require.context/templates/c.js 82 [built] {1}
context element ./c.js [3] ./require.context/templates ^\.\/.*\.js$
```

49
examples/named-chucks/README.md
View File

@ -79,7 +79,7 @@ require.ensure(["b"], function(require) {
var a = require(/*! a */ 3);
require.e/*nsure*/(2, function(require) {
require.e/*nsure*/(1, function(require) {
// a named chuck
var c = require(/*! c */ 4);
}, /*! my own chuck */ 0);
@ -89,11 +89,11 @@ require.ensure(["b"], function(require) {
var d = require(/*! d */ 2);
}, /*! my own chuck */ 0);
require.e/*nsure*/(0/* empty */, function(require) {
require.e/*nsure*/(1, function(require) {
// the same again
}, /*! my own chuck */ 0);
require.e/*nsure*/(1/* duplicate */, function(require) {
require.e/*nsure*/(2, function(require) {
// chuck without name
var d = require(/*! d */ 2);
});
@ -136,6 +136,16 @@ webpackJsonp(1, {
// module d
/***/ },
/***/ 4:
/*!****************!*\
!*** ./~/c.js ***!
\****************/
/***/ function(module, exports, require) {
// module c
/***/ }
})
@ -156,13 +166,13 @@ webpackJsonp(2, {
/***/ },
/***/ 4:
/***/ 2:
/*!****************!*\
!*** ./~/c.js ***!
!*** ./~/d.js ***!
\****************/
/***/ function(module, exports, require) {
// module c
// module d
/***/ }
@ -174,29 +184,32 @@ webpackJsonp(2, {
## Uncompressed
```
Hash: 7ac2e7d0ae14244993a1334d177f915d
Time: 57ms
Hash: 4c7a9daee9a94a253b0935f891b5e28e
Time: 33ms
Asset Size Chunks Chunk Names
output.js 2659 0 main
1.output.js 304 1 my own chuck
2.output.js 304 2 my own chuck
chunk {0} output.js (main) 431
[0] ./example.js 420 [built] {0}
output.js 2633 0 main
1.output.js 446 1 my own chuck
2.output.js 304 2
chunk {0} output.js (main) 450
[0] ./example.js 439 [built] {0}
[3] ./~/a.js 11 [built] {0}
cjs require a [0] ./example.js 1:8-20
chunk {1} 1.output.js (my own chuck) 22 {0}
chunk {1} 1.output.js (my own chuck) 33 {0}
[1] ./~/b.js 11 [built] {1} {2}
require.ensure item b [0] ./example.js 3:0-6:18
require.ensure item b [0] ./example.js 8:0-11:18
require.ensure item b [0] ./example.js 17:0-20:2
[2] ./~/d.js 11 [built] {1}
[2] ./~/d.js 11 [built] {1} {2}
cjs require d [0] ./example.js 10:9-21
cjs require d [0] ./example.js 19:9-21
chunk {2} 2.output.js (my own chuck) 22 {0}
[4] ./~/c.js 11 [built] {1}
cjs require c [0] ./example.js 5:9-21
chunk {2} 2.output.js 22 {0}
[1] ./~/b.js 11 [built] {1} {2}
require.ensure item b [0] ./example.js 3:0-6:18
require.ensure item b [0] ./example.js 8:0-11:18
require.ensure item b [0] ./example.js 17:0-20:2
[4] ./~/c.js 11 [built] {2}
cjs require c [0] ./example.js 5:9-21
[2] ./~/d.js 11 [built] {1} {2}
cjs require d [0] ./example.js 10:9-21
cjs require d [0] ./example.js 19:9-21
```

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

@ -131,19 +131,19 @@ module.exports = function() {
## Uncompressed
```
Hash: 1fe0d041cafa3e29d3084946180e73a8
Time: 32ms
Hash: 7231254bb49d861170c8f0ba9b1d3047
Time: 27ms
Asset Size Chunks Chunk Names
output.js 2408 0 main
chunk {0} output.js (main) 603
[0] ./example.js 146 [built] {0}
[1] ./templates/a.js 80 [built] {0}
chunk {0} output.js (main) 613
[0] ./example.js 150 [built] {0}
[1] ./templates/a.js 82 [built] {0}
context element ./a [4] ./templates ^\.\/.*$
context element ./a.js [4] ./templates ^\.\/.*$
[2] ./templates/b.js 80 [built] {0}
[2] ./templates/b.js 82 [built] {0}
context element ./b [4] ./templates ^\.\/.*$
context element ./b.js [4] ./templates ^\.\/.*$
[3] ./templates/c.js 80 [built] {0}
[3] ./templates/c.js 82 [built] {0}
context element ./c [4] ./templates ^\.\/.*$
context element ./c.js [4] ./templates ^\.\/.*$
[4] ./templates ^\.\/.*$ 217 [built] {0}
@ -153,19 +153,19 @@ chunk {0} output.js (main) 603
## Minimized (uglify-js, no zip)
```
Hash: 1fe0d041cafa3e29d3084946180e73a8
Time: 84ms
Hash: 7231254bb49d861170c8f0ba9b1d3047
Time: 81ms
Asset Size Chunks Chunk Names
output.js 873 0 main
chunk {0} output.js (main) 603
[0] ./example.js 146 [built] {0}
[1] ./templates/a.js 80 [built] {0}
chunk {0} output.js (main) 613
[0] ./example.js 150 [built] {0}
[1] ./templates/a.js 82 [built] {0}
context element ./a [4] ./templates ^\.\/.*$
context element ./a.js [4] ./templates ^\.\/.*$
[2] ./templates/b.js 80 [built] {0}
[2] ./templates/b.js 82 [built] {0}
context element ./b [4] ./templates ^\.\/.*$
context element ./b.js [4] ./templates ^\.\/.*$
[3] ./templates/c.js 80 [built] {0}
[3] ./templates/c.js 82 [built] {0}
context element ./c [4] ./templates ^\.\/.*$
context element ./c.js [4] ./templates ^\.\/.*$
[4] ./templates ^\.\/.*$ 217 [built] {0}

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

@ -90,12 +90,12 @@ module.exports = Math.random();
## Uncompressed
```
Hash: 36093810c3120b88e12bd57e8b271458
Time: 28ms
Hash: c2d1386ba6213eab5cc76f848bd7dc78
Time: 21ms
Asset Size Chunks Chunk Names
output.js 1507 0 main
chunk {0} output.js (main) 314
[0] ./example.js 283 [built] {0}
chunk {0} output.js (main) 326
[0] ./example.js 295 [built] {0}
[1] ./a.js 31 [built] {0}
require.resolve ./a.js [0] ./example.js 4:10-35
cjs require ./a [0] ./example.js 1:8-22
@ -105,12 +105,12 @@ chunk {0} output.js (main) 314
## Minimized (uglify-js, no zip)
```
Hash: 36093810c3120b88e12bd57e8b271458
Time: 71ms
Hash: c2d1386ba6213eab5cc76f848bd7dc78
Time: 60ms
Asset Size Chunks Chunk Names
output.js 451 0 main
chunk {0} output.js (main) 314
[0] ./example.js 283 [built] {0}
chunk {0} output.js (main) 326
[0] ./example.js 295 [built] {0}
[1] ./a.js 31 [built] {0}
require.resolve ./a.js [0] ./example.js 4:10-35
cjs require ./a [0] ./example.js 1:8-22

185
examples/web-worker/README.md
View File

@ -65,13 +65,13 @@ onmessage = function(event) {
/***/ },
/***/ 1:
/*!*************************************************************************************************************!*\
!*** C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/worker-loader!./worker.js ***!
\*************************************************************************************************************/
/*!**************************************************************************************!*\
!*** C:/Users/Sokrates/Eigene Repos/webpack-development/~/worker-loader!./worker.js ***!
\**************************************************************************************/
/***/ function(module, exports, require) {
module.exports = function() {
return new Worker(require.modules.c + "ee96caf8cd75d7dfea98abc0dabcc23d.worker.js");
return new Worker(require.modules.c + "hash.worker.js");
};
/***/ }
@ -82,85 +82,54 @@ onmessage = function(event) {
# js/[hash].worker.js
``` javascript
/******/(function(modules) {
/******/ var installedModules = {}, installedChunks = {0:1};
/******/ function require(moduleId) {
/******/ if(typeof moduleId !== "number") throw new Error("Cannot find module '"+moduleId+"'");
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ modules[moduleId](module, module.exports, require);
/******/ module.loaded = true;
/******/ return module.exports;
/******/ }
/******/ require.e = function(chunkId, callback) {
/******/ if(installedChunks[chunkId] === 1) return callback(require);
/******/ importScripts(chunkId+modules.a);
/******/ callback(require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ this[modules.b] = function(chunkId, moreModules) {
/******/ for(var moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ installedChunks[chunkId] = 1;
/******/ };
/******/ return require(0);
/******/})
/******/({a:".hash.worker.js",b:"webpackJsonp",c:"",
/******/0: function(module, exports, require) {
/******/ (function webpackBootstrap(modules) {
/******/ var installedModules = {};
/******/ function require(moduleId) {
/******/ if(typeof moduleId !== "number") throw new Error("Cannot find module '"+moduleId+"'");
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ modules[moduleId].call(null, module, module.exports, require);
/******/ module.loaded = true;
/******/ return module.exports;
/******/ }
/******/ require.e = function requireEnsure(chunkId, callback) {
/******/ if(installedChunks[chunkId] === 1) return callback.call(null, require);
/******/ importScripts(""+chunkId+".bundle.js");
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ var installedChunks = {0:1};
/******/ this["webpackChunk"] = function webpackChunkCallback(moreModules) {
/******/ for(var moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
/**! .\worker.js !**/
/***/ 0:
/*!*******************!*\
!*** ./worker.js ***!
\*******************/
/***/ function(module, exports, require) {
/******/ /* WEBPACK FREE VAR INJECTION */ (function(require) {
onmessage = function(event) {
var template = event.data;
require(1, function() { return [require(/*! ../require.context/templates */3)("./" + event.data)]}, function(tmpl) {
postMessage(tmpl());
});
}
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/*! __webpack_amd_require */1)))
/******/},
/******/
/******/1: function(module, exports, require) {
/**! (webpack)\buildin\__webpack_amd_require.js !**/
var req = require.valueOf();
function amdRequire(chunk, requiresFn, fn) {
if(!requiresFn) {
// commonjs
return req(chunk);
onmessage = function(event) {
var template = event.data;
require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./" + event.data)]; (function(tmpl) {
postMessage(tmpl());
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
}
req.e(chunk, function() {
var modules = requiresFn();
if(fn)
return fn.apply(null, modules);
});
}
for(var name in req)
amdRequire[name] = req[name];
amdRequire.amd = require(/*! ./__webpack_options_amd.loader.js!./__webpack_options_amd.loader.js */2);
amdRequire.config = function() {/* config is ignored, use webpack options */};
module.exports = amdRequire;
/***/ }
/******/ })
/******/},
/******/
/******/2: function(module, exports, require) {
/**! (webpack)\buildin\__webpack_options_amd.loader.js!(webpack)\buildin\__webpack_options_amd.loader.js !**/
/* empty to return {} */
/******/}
/******/})
```
# Info
@ -168,43 +137,43 @@ module.exports = amdRequire;
## Uncompressed
```
Hash: 1cc98da1fc32c4cce0b59747baf7d03e
Time: 72ms
Asset Size Chunks Chunk Names
ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 1701
[i].ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 1424
output.js 1774 0 main
chunk {0} output.js (main) 325
[0] ./example.js 201 [built] {0}
[1] C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/worker-loader!./worker.js 124 [not cacheable] [built] {0}
Hash: 457a4d61bec8a96b0716a97eace04243
Time: 71ms
Asset Size Chunks Chunk Names
hash.worker.js 1701
1.hash.worker.js 1424
output.js 1677 0 main
chunk {0} output.js (main) 302
[0] ./example.js 206 [built] {0}
[1] C:/Users/Sokrates/Eigene Repos/webpack-development/~/worker-loader!./worker.js 96 [not cacheable] [built] {0}
cjs require worker!./worker [0] ./example.js 1:13-39
Child worker:
Hash: ee96caf8cd75d7dfea98abc0dabcc23d
Asset Size Chunks Chunk Names
ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 1701 0 main
[i].ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 1424 1
chunk {0} ee96caf8cd75d7dfea98abc0dabcc23d.worker.js (main) 162
chunk {1} [i].ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 457 {0}
Hash: 68a1c224412cf9f9d63329c7b225e850
Asset Size Chunks Chunk Names
hash.worker.js 1701 0 main
1.hash.worker.js 1424 1
chunk {0} hash.worker.js (main) 168
chunk {1} 1.hash.worker.js 463 {0}
```
## Minimized (uglify-js, no zip)
```
Hash: 1cc98da1fc32c4cce0b59747baf7d03e
Time: 168ms
Asset Size Chunks Chunk Names
ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 586
[i].ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 492
output.js 510 0 main
chunk {0} output.js (main) 325
[0] ./example.js 201 [built] {0}
[1] C:/Documents and Settings/kopperts/My Documents/repos/webpack-development/~/worker-loader!./worker.js 124 [not cacheable] [built] {0}
Hash: 457a4d61bec8a96b0716a97eace04243
Time: 196ms
Asset Size Chunks Chunk Names
hash.worker.js 586
1.hash.worker.js 492
output.js 482 0 main
chunk {0} output.js (main) 302
[0] ./example.js 206 [built] {0}
[1] C:/Users/Sokrates/Eigene Repos/webpack-development/~/worker-loader!./worker.js 96 [not cacheable] [built] {0}
cjs require worker!./worker [0] ./example.js 1:13-39
Child worker:
Hash: ee96caf8cd75d7dfea98abc0dabcc23d
Asset Size Chunks Chunk Names
ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 586 0 main
[i].ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 492 1
chunk {0} ee96caf8cd75d7dfea98abc0dabcc23d.worker.js (main) 162
chunk {1} [i].ee96caf8cd75d7dfea98abc0dabcc23d.worker.js 457 {0}
Hash: 68a1c224412cf9f9d63329c7b225e850
Asset Size Chunks Chunk Names
hash.worker.js 586 0 main
1.hash.worker.js 492 1
chunk {0} hash.worker.js (main) 168
chunk {1} 1.hash.worker.js 463 {0}
```

8
examples/web-worker/webpack.config.js Normal file
View File

@ -0,0 +1,8 @@
module.exports = {
worker: {
output: {
filename: "hash.worker.js",
chunkFilename: "[id].hash.worker.js"
}
}
}

8
examples/web-worker/webpackOptions.js
View File

@ -1,8 +0,0 @@
module.exports = {
worker: {
webpack: {
output: "hash.worker.js",
outputPostfix: ".hash.worker.js"
}
}
}