updated examples
This commit is contained in:
Tobias Koppers
parent
cdf12758ba
commit
4c84defbb6
|
|
@ -0,0 +1,251 @@
|
|||
# example.js
|
||||
|
||||
``` javascript
|
||||
function getTemplate(templateName, callback) {
|
||||
require(["../require.context/templates/"+templateName], function(tmpl) {
|
||||
callback(tmpl());
|
||||
});
|
||||
}
|
||||
getTemplate("a", function(a) {
|
||||
console.log(a);
|
||||
});
|
||||
getTemplate("b", function(b) {
|
||||
console.log(b);
|
||||
});
|
||||
```
|
||||
|
||||
# js/output.js
|
||||
|
||||
``` javascript
|
||||
/******/(function(document, undefined) {
|
||||
/******/ return 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);
|
||||
/******/ if(installedChunks[chunkId] !== undefined)
|
||||
/******/ installedChunks[chunkId].push(callback);
|
||||
/******/ else {
|
||||
/******/ installedChunks[chunkId] = [callback];
|
||||
/******/ var head = document.getElementsByTagName('head')[0];
|
||||
/******/ var script = document.createElement('script');
|
||||
/******/ script.type = 'text/javascript';
|
||||
/******/ script.charset = 'utf-8';
|
||||
/******/ script.src = modules.c+chunkId+modules.a;
|
||||
/******/ head.appendChild(script);
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/ require.modules = modules;
|
||||
/******/ require.cache = installedModules;
|
||||
/******/ window[modules.b] = function(chunkId, moreModules) {
|
||||
/******/ for(var moduleId in moreModules)
|
||||
/******/ modules[moduleId] = moreModules[moduleId];
|
||||
/******/ var callbacks = installedChunks[chunkId];
|
||||
/******/ installedChunks[chunkId] = 1;
|
||||
/******/ for(var i = 0; i < callbacks.length; i++)
|
||||
/******/ callbacks[i](require);
|
||||
/******/ };
|
||||
/******/ return require(0);
|
||||
/******/ }
|
||||
/******/})(document)
|
||||
/******/({a:".output.js",b:"webpackJsonp",c:"",
|
||||
/******/0: function(module, exports, require) {
|
||||
|
||||
/*** .\example.js ***/
|
||||
|
||||
/******/ /* WEBPACK FREE VAR INJECTION */ (function(require,console) {
|
||||
function getTemplate(templateName, callback) {
|
||||
require(1, function() { return [require(/* ../require.context/templates */3)("./"+templateName)]}, function(tmpl) {
|
||||
callback(tmpl());
|
||||
});
|
||||
}
|
||||
getTemplate("a", function(a) {
|
||||
console.log(a);
|
||||
});
|
||||
getTemplate("b", function(b) {
|
||||
console.log(b);
|
||||
});
|
||||
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */2)(require),require(/* __webpack_console */1)))
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/1: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\buildin\__webpack_console.js ***/
|
||||
|
||||
var console = (function() { return this["console"] || (this["window"] && this["window"].console) || {} }());
|
||||
module.exports = console;
|
||||
for(var name in {log:1, info:1, error:1, warn:1, dir:1, trace:1, assert:1})
|
||||
if(!console[name])
|
||||
console[name] = function() {};
|
||||
var times = {};
|
||||
if(!console.time)
|
||||
console.time = function(label) {
|
||||
times[label] = Date.now();
|
||||
};
|
||||
if(!console.timeEnd)
|
||||
console.timeEnd = function() {
|
||||
var duration = Date.now() - times[label];
|
||||
console.log('%s: %dms', label, duration);
|
||||
};
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/2: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\buildin\__webpack_amd_require.js ***/
|
||||
|
||||
function amdRequireFactory(req) {
|
||||
function amdRequire(chunk, requiresFn, fn) {
|
||||
if(!requiresFn) {
|
||||
// commonjs
|
||||
return req(chunk);
|
||||
}
|
||||
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 = amdRequireFactory.amd;
|
||||
amdRequire.config = function() {/* config is ignored, use webpack options */};
|
||||
return amdRequire;
|
||||
}
|
||||
amdRequireFactory.amd = {};
|
||||
module.exports = amdRequireFactory;
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/})
|
||||
```
|
||||
|
||||
# js/1.output.js
|
||||
|
||||
``` javascript
|
||||
/******/webpackJsonp(1, {
|
||||
/******/3: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\examples\require.context\templates ***/
|
||||
|
||||
/***/ var map = {"./a.js":4,"./b.js":5,"./c.js":6},
|
||||
/***/ requireInContext = module.exports = function(name) {
|
||||
/***/ return require(map[name+""] || map[name+".webpack.js"] || map[name+".web.js"] || map[name+".js"]||name);
|
||||
/***/ };
|
||||
/***/ requireInContext.keys = function() { return Object.keys(map) }
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/4: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\examples\require.context\templates\a.js ***/
|
||||
|
||||
module.exports = function() {
|
||||
return "This text was generated by template A";
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/5: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\examples\require.context\templates\b.js ***/
|
||||
|
||||
module.exports = function() {
|
||||
return "This text was generated by template B";
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/6: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\examples\require.context\templates\c.js ***/
|
||||
|
||||
module.exports = function() {
|
||||
return "This text was generated by template C";
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/})
|
||||
```
|
||||
|
||||
# Info
|
||||
|
||||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 134fe0606e3405dceb34be6f6ce6778f
|
||||
Compile Time: 50ms
|
||||
Chunks: 2
|
||||
Modules: 7
|
||||
Modules including duplicates: 7
|
||||
Modules per chunk: 3.5
|
||||
Modules first chunk: 3
|
||||
output.js: 3779 characters
|
||||
1.output.js: 1105 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 304 .\example.js
|
||||
main
|
||||
1 516 (webpack)\buildin\__webpack_console.js
|
||||
require (2x) from .\example.js
|
||||
2 534 (webpack)\buildin\__webpack_amd_require.js
|
||||
require (1x) from .\example.js
|
||||
1.output.js
|
||||
3 300 [context] (webpack)\examples\require.context\templates
|
||||
async context from .\example.js
|
||||
4 82 (webpack)\examples\require.context\templates\a.js
|
||||
async context from .\example.js
|
||||
5 82 (webpack)\examples\require.context\templates\b.js
|
||||
async context from .\example.js
|
||||
6 82 (webpack)\examples\require.context\templates\c.js
|
||||
async context from .\example.js
|
||||
```
|
||||
|
||||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: dbaccee5445c04556a63b1b0f35809e0
|
||||
Compile Time: 134ms
|
||||
Chunks: 2
|
||||
Modules: 7
|
||||
Modules including duplicates: 7
|
||||
Modules per chunk: 3.5
|
||||
Modules first chunk: 3
|
||||
output.js: 1406 characters
|
||||
1.output.js: 473 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 185 .\example.js
|
||||
main
|
||||
1 402 (webpack)\buildin\__webpack_console.js
|
||||
require (2x) from .\example.js
|
||||
2 264 (webpack)\buildin\__webpack_amd_require.js
|
||||
require (1x) from .\example.js
|
||||
1.output.js
|
||||
3 228 [context] (webpack)\examples\require.context\templates
|
||||
async context from .\example.js
|
||||
4 72 (webpack)\examples\require.context\templates\a.js
|
||||
async context from .\example.js
|
||||
5 72 (webpack)\examples\require.context\templates\b.js
|
||||
async context from .\example.js
|
||||
6 72 (webpack)\examples\require.context\templates\c.js
|
||||
async context from .\example.js
|
||||
```
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
``` javascript
|
||||
function getTemplate(templateName, callback) {
|
||||
require.ensure([], function(require) {
|
||||
callback(require("../require.context/templates/"+templateName));
|
||||
callback(require("../require.context/templates/"+templateName)());
|
||||
});
|
||||
}
|
||||
getTemplate("a", function(a) {
|
||||
|
|
@ -25,9 +25,12 @@ getTemplate("b", function(b) {
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -65,7 +68,7 @@ getTemplate("b", function(b) {
|
|||
/******/ /* WEBPACK FREE VAR INJECTION */ (function(console) {
|
||||
function getTemplate(templateName, callback) {
|
||||
require.e(1, function(require) {
|
||||
callback(require(/* ../require.context/templates */2)("./"+templateName));
|
||||
callback(require(/* ../require.context/templates */2)("./"+templateName)());
|
||||
});
|
||||
}
|
||||
getTemplate("a", function(a) {
|
||||
|
|
@ -157,51 +160,51 @@ module.exports = function() {
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 1f73f2a82c71141d8543b2261e225ed2
|
||||
Compile Time: 41ms
|
||||
Hash: 1782c323238112211ad2f04896d358db
|
||||
Compile Time: 39ms
|
||||
Chunks: 2
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules per chunk: 3
|
||||
Modules first chunk: 2
|
||||
output.js: 2900 characters
|
||||
1.output.js: 1099 characters
|
||||
output.js: 3041 characters
|
||||
1.output.js: 1105 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 268 .\example.js
|
||||
0 280 .\example.js
|
||||
main
|
||||
1 516 (webpack)\buildin\__webpack_console.js
|
||||
require (2x) from .\example.js
|
||||
1.output.js
|
||||
2 300 [context] (webpack)\examples\require.context\templates
|
||||
async context from .\example.js
|
||||
3 80 (webpack)\examples\require.context\templates\a.js
|
||||
4 80 (webpack)\examples\require.context\templates\b.js
|
||||
5 80 (webpack)\examples\require.context\templates\c.js
|
||||
3 82 (webpack)\examples\require.context\templates\a.js
|
||||
async context from .\example.js
|
||||
4 82 (webpack)\examples\require.context\templates\b.js
|
||||
async context from .\example.js
|
||||
5 82 (webpack)\examples\require.context\templates\c.js
|
||||
async context from .\example.js
|
||||
```
|
||||
|
||||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: 48eb13e191a397e856de69ac5f73c889
|
||||
Compile Time: 112ms
|
||||
Hash: 26040949e1e15270899471a6db72d142
|
||||
Compile Time: 120ms
|
||||
Chunks: 2
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules per chunk: 3
|
||||
Modules first chunk: 2
|
||||
output.js: 1132 characters
|
||||
output.js: 1161 characters
|
||||
1.output.js: 473 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 157 .\example.js
|
||||
0 159 .\example.js
|
||||
main
|
||||
1 402 (webpack)\buildin\__webpack_console.js
|
||||
require (2x) from .\example.js
|
||||
|
|
|
|||
|
|
@ -24,9 +24,12 @@ module.exports = "It works";
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -135,20 +138,20 @@ module.exports = "It works";
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 44dfbfa6a5cc501f02898703b4ef5937
|
||||
Compile Time: 51ms
|
||||
Hash: 666de730e77865c0f918eb2d4b2418dc
|
||||
Compile Time: 55ms
|
||||
Chunks: 2
|
||||
Modules: 4
|
||||
Modules including duplicates: 4
|
||||
Modules per chunk: 2
|
||||
Modules first chunk: 3
|
||||
output.js: 3165 characters
|
||||
output.js: 3296 characters
|
||||
1.output.js: 156 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 91 .\example.js
|
||||
0 93 .\example.js
|
||||
main
|
||||
1 516 (webpack)\buildin\__webpack_console.js
|
||||
require (1x) from .\example.js
|
||||
|
|
@ -162,14 +165,14 @@ output.js
|
|||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: 962468b3e6fafd1d80a8a957de5ea778
|
||||
Compile Time: 121ms
|
||||
Hash: d3a59169e3ef602b7e54516f7ac8f25c
|
||||
Compile Time: 129ms
|
||||
Chunks: 2
|
||||
Modules: 4
|
||||
Modules including duplicates: 4
|
||||
Modules per chunk: 2
|
||||
Modules first chunk: 3
|
||||
output.js: 1201 characters
|
||||
output.js: 1228 characters
|
||||
1.output.js: 57 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
|
|
|
|||
|
|
@ -21,9 +21,12 @@ require.ensure(["c"], function(require) {
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -120,20 +123,20 @@ webpackJsonp(1,{3:function(a,b,c){},4:function(a,b,c){}})
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 38f36e791a78bd79a3da8a151e3eca69
|
||||
Compile Time: 50ms
|
||||
Hash: 50d0702166fd38f26c96b9cd8d421243
|
||||
Compile Time: 54ms
|
||||
Chunks: 2
|
||||
Modules: 5
|
||||
Modules including duplicates: 5
|
||||
Modules per chunk: 2.5
|
||||
Modules first chunk: 3
|
||||
output.js: 2206 characters
|
||||
output.js: 2340 characters
|
||||
1.output.js: 240 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 150 .\example.js
|
||||
0 155 .\example.js
|
||||
main
|
||||
1 11 .\~\b.js
|
||||
require (2x) from .\example.js
|
||||
|
|
@ -149,14 +152,14 @@ output.js
|
|||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: acb96ffb60e2a4a3abff7ff64fc7b104
|
||||
Compile Time: 104ms
|
||||
Hash: cfe028c1c8ac12be33bebd83dc12aa80
|
||||
Compile Time: 113ms
|
||||
Chunks: 2
|
||||
Modules: 5
|
||||
Modules including duplicates: 5
|
||||
Modules per chunk: 2.5
|
||||
Modules first chunk: 3
|
||||
output.js: 759 characters
|
||||
output.js: 786 characters
|
||||
1.output.js: 57 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
|
|
|
|||
|
|
@ -33,9 +33,12 @@ module.exports = 42
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -121,14 +124,14 @@ console.timeEnd = function() {
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 58628a1bc3fecc68f3d9e0c6ea7a4080
|
||||
Compile Time: 136ms
|
||||
Hash: 474013c0b0bff5edce1407a1cb805a35
|
||||
Compile Time: 168ms
|
||||
Chunks: 1
|
||||
Modules: 4
|
||||
Modules including duplicates: 4
|
||||
Modules per chunk: 4
|
||||
Modules first chunk: 4
|
||||
output.js: 2302 characters
|
||||
output.js: 2407 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
|
|
@ -147,14 +150,14 @@ output.js
|
|||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: fd07f35e1c2b5ad11e9ae1ca31d78676
|
||||
Compile Time: 208ms
|
||||
Hash: 19d4c8993b53d92be00e044dd3101c86
|
||||
Compile Time: 230ms
|
||||
Chunks: 1
|
||||
Modules: 4
|
||||
Modules including duplicates: 4
|
||||
Modules per chunk: 4
|
||||
Modules first chunk: 4
|
||||
output.js: 864 characters
|
||||
output.js: 891 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
|
|
|
|||
|
|
@ -38,9 +38,12 @@ exports.add = function() {
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -94,14 +97,14 @@ exports.add = function() {
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 9326ee6a998b5e42fd07a7a2f390ce57
|
||||
Compile Time: 25ms
|
||||
Hash: b1075afe2e2b2fd4519bc29c86dc97b9
|
||||
Compile Time: 23ms
|
||||
Chunks: 1
|
||||
Modules: 3
|
||||
Modules including duplicates: 3
|
||||
Modules per chunk: 3
|
||||
Modules first chunk: 3
|
||||
output.js: 1350 characters
|
||||
output.js: 1455 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
|
|
@ -117,14 +120,14 @@ output.js
|
|||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: 4131f4717fa510f9f9929b1b6a050226
|
||||
Compile Time: 73ms
|
||||
Hash: e7fbffd3f8f8581e96fa46569eda7c02
|
||||
Compile Time: 74ms
|
||||
Chunks: 1
|
||||
Modules: 3
|
||||
Modules including duplicates: 3
|
||||
Modules per chunk: 3
|
||||
Modules first chunk: 3
|
||||
output.js: 483 characters
|
||||
output.js: 510 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
|
|
|
|||
|
|
@ -44,9 +44,12 @@ module.exports = function(content) {
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -151,19 +154,19 @@ Prints in node.js (`node example.js`) and in browser:
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 32d984116944fa5f4cb96f98c59402f4
|
||||
Compile Time: 66ms
|
||||
Hash: ed4cb8f97093b66f4b08f0113e55e89f
|
||||
Compile Time: 72ms
|
||||
Chunks: 1
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules per chunk: 6
|
||||
Modules first chunk: 6
|
||||
output.js: 2610 characters
|
||||
output.js: 2723 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 333 .\example.js
|
||||
0 341 .\example.js
|
||||
main
|
||||
1 516 (webpack)\buildin\__webpack_console.js
|
||||
require (3x) from .\example.js
|
||||
|
|
|
|||
|
|
@ -59,9 +59,12 @@ require(
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -187,15 +190,20 @@ module.exports = amdRequireFactory;
|
|||
var amdRequire = require(/* ./__webpack_amd_require */3);
|
||||
module.exports = function(module, req) {
|
||||
req = amdRequire(req);
|
||||
function define(name, requires, fn) {
|
||||
if(!fn) {
|
||||
fn = requires;
|
||||
requires = name;
|
||||
function define(id, dependencies, factory) {
|
||||
if(typeof id != "number") {
|
||||
factory = dependencies;
|
||||
dependencies = id;
|
||||
id = null;
|
||||
}
|
||||
if(!fn) {
|
||||
return module.exports = name.call(module.exports, req);
|
||||
if(!factory) {
|
||||
factory = dependencies;
|
||||
dependencies = [req, module.exports, module];
|
||||
}
|
||||
return module.exports = fn.apply(module.exports, requires);
|
||||
var result = typeof factory == "function" ? factory.apply(null, dependencies) : factory;
|
||||
if(result !== undefined)
|
||||
module.exports = result;
|
||||
return module.exports;
|
||||
}
|
||||
define.amd = amdRequire.amd;
|
||||
return define;
|
||||
|
|
@ -260,14 +268,14 @@ module.exports = function() {
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 9986bb6c742ccf2cf5339932388aa442
|
||||
Compile Time: 41ms
|
||||
Hash: 88afb807006dcc8b07a5c58531db820e
|
||||
Compile Time: 57ms
|
||||
Chunks: 2
|
||||
Modules: 9
|
||||
Modules including duplicates: 9
|
||||
Modules per chunk: 4.5
|
||||
Modules first chunk: 5
|
||||
output.js: 4688 characters
|
||||
output.js: 4963 characters
|
||||
1.output.js: 1105 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
|
|
@ -285,7 +293,7 @@ output.js
|
|||
require (1x) from .\example.js
|
||||
require (1x) from .\commonjs.js
|
||||
require (1x) from (webpack)\buildin\__webpack_amd_define.js
|
||||
4 418 (webpack)\buildin\__webpack_amd_define.js
|
||||
4 604 (webpack)\buildin\__webpack_amd_define.js
|
||||
require (1x) from .\amd.js
|
||||
1.output.js
|
||||
5 300 [context] (webpack)\examples\require.context\templates
|
||||
|
|
|
|||
|
|
@ -35,9 +35,12 @@ require.ensure(["b"], function(require) {
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -165,21 +168,21 @@ require.e(1, function(require) {
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 87050fc2d94fd17f6817b17719aa6528
|
||||
Compile Time: 50ms
|
||||
Hash: e8a5188136febe5f240b1f8cbc74cf2b
|
||||
Compile Time: 59ms
|
||||
Chunks: 3
|
||||
Modules: 5
|
||||
Modules including duplicates: 7
|
||||
Modules per chunk: 2.3
|
||||
Modules first chunk: 2
|
||||
output.js: 2376 characters
|
||||
output.js: 2524 characters
|
||||
1.output.js: 240 characters
|
||||
2.output.js: 342 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 422 .\example.js
|
||||
0 441 .\example.js
|
||||
main
|
||||
1 11 .\~\a.js
|
||||
require (1x) from .\example.js
|
||||
|
|
|
|||
|
|
@ -32,9 +32,12 @@ module.exports = function() {
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -131,43 +134,43 @@ module.exports = function() {
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: a6b10a94a35b77b825eb4a324b8f1a9b
|
||||
Compile Time: 37ms
|
||||
Hash: e4fced19a2a5efeaea1f7ec4141ae451
|
||||
Compile Time: 35ms
|
||||
Chunks: 1
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules per chunk: 6
|
||||
Modules first chunk: 6
|
||||
output.js: 2689 characters
|
||||
output.js: 2804 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 156 .\example.js
|
||||
0 160 .\example.js
|
||||
main
|
||||
1 516 (webpack)\buildin\__webpack_console.js
|
||||
require (2x) from .\example.js
|
||||
2 300 [context] .\templates
|
||||
context from .\example.js
|
||||
3 80 .\templates\a.js
|
||||
3 82 .\templates\a.js
|
||||
context from .\example.js
|
||||
4 80 .\templates\b.js
|
||||
4 82 .\templates\b.js
|
||||
context from .\example.js
|
||||
5 80 .\templates\c.js
|
||||
5 82 .\templates\c.js
|
||||
context from .\example.js
|
||||
```
|
||||
|
||||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: 16045de5c5348f5d0540803222a18c39
|
||||
Compile Time: 102ms
|
||||
Hash: e4f892229bbb95c564b7d14805cc0c12
|
||||
Compile Time: 101ms
|
||||
Chunks: 1
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules per chunk: 6
|
||||
Modules first chunk: 6
|
||||
output.js: 1160 characters
|
||||
output.js: 1187 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
|
|
|
|||
|
|
@ -33,9 +33,12 @@ module.exports = Math.random();
|
|||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
/******/ modules[moduleId](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
|
|
@ -82,19 +85,19 @@ module.exports = Math.random();
|
|||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 8c012745533a08a15f1e6f422f4b96f8
|
||||
Hash: 1ba7e12ebb3bc92128a6075ee0c8ddd5
|
||||
Compile Time: 21ms
|
||||
Chunks: 1
|
||||
Modules: 2
|
||||
Modules including duplicates: 2
|
||||
Modules per chunk: 2
|
||||
Modules first chunk: 2
|
||||
output.js: 1225 characters
|
||||
output.js: 1342 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 283 .\example.js
|
||||
0 295 .\example.js
|
||||
main
|
||||
1 31 .\a.js
|
||||
require (2x) from .\example.js
|
||||
|
|
@ -104,14 +107,14 @@ output.js
|
|||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: bb8c15c0f6816c382b20abadbda51c0d
|
||||
Compile Time: 66ms
|
||||
Hash: be6434e486f1bd019d86a6d85591298e
|
||||
Compile Time: 68ms
|
||||
Chunks: 1
|
||||
Modules: 2
|
||||
Modules including duplicates: 2
|
||||
Modules per chunk: 2
|
||||
Modules first chunk: 2
|
||||
output.js: 415 characters
|
||||
output.js: 442 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,254 @@
|
|||
|
||||
# example.js
|
||||
|
||||
``` javascript
|
||||
var Worker = require("worker!./worker");
|
||||
var worker = new Worker;
|
||||
worker.postMessage("b");
|
||||
worker.onmessage = function(event) {
|
||||
var templateB = event.data; // "This text was generated by template B"
|
||||
}
|
||||
```
|
||||
|
||||
# worker.js
|
||||
|
||||
``` javascript
|
||||
onmessage = function(event) {
|
||||
var template = event.data;
|
||||
require(["../require.context/templates/" + event.data], function(tmpl) {
|
||||
postMessage(tmpl());
|
||||
});
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
# js/output.js
|
||||
|
||||
``` javascript
|
||||
/******/(function(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](module, module.exports, require);
|
||||
/******/ module.loaded = true;
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/ require.e = function(chunkId, callback) {
|
||||
/******/ callback(require);
|
||||
/******/ };
|
||||
/******/ require.modules = modules;
|
||||
/******/ require.cache = installedModules;
|
||||
/******/ return require(0);
|
||||
/******/})
|
||||
/******/({c:"",
|
||||
/******/0: function(module, exports, require) {
|
||||
|
||||
/*** .\example.js ***/
|
||||
|
||||
var Worker = require(/* worker!./worker */1);
|
||||
var worker = new Worker;
|
||||
worker.postMessage("b");
|
||||
worker.onmessage = function(event) {
|
||||
var templateB = event.data; // "This text was generated by template B"
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/1: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\~\worker-loader!.\worker.js ***/
|
||||
|
||||
module.exports = function() {
|
||||
return new Worker((require.modules.c||'') + "hash.worker.js");
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/})
|
||||
```
|
||||
|
||||
# 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) {
|
||||
|
||||
/*** .\worker.js ***/
|
||||
|
||||
/******/ /* WEBPACK FREE VAR INJECTION */ (function(require) {
|
||||
onmessage = function(event) {
|
||||
var template = event.data;
|
||||
require(1, function() { return [require(/* ../require.context/templates */2)("./" + event.data)]}, function(tmpl) {
|
||||
postMessage(tmpl());
|
||||
});
|
||||
}
|
||||
|
||||
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */1)(require)))
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/1: function(module, exports, require) {
|
||||
|
||||
/*** (webpack)\buildin\__webpack_amd_require.js ***/
|
||||
|
||||
function amdRequireFactory(req) {
|
||||
function amdRequire(chunk, requiresFn, fn) {
|
||||
if(!requiresFn) {
|
||||
// commonjs
|
||||
return req(chunk);
|
||||
}
|
||||
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 = amdRequireFactory.amd;
|
||||
amdRequire.config = function() {/* config is ignored, use webpack options */};
|
||||
return amdRequire;
|
||||
}
|
||||
amdRequireFactory.amd = {};
|
||||
module.exports = amdRequireFactory;
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/})
|
||||
```
|
||||
|
||||
# Info
|
||||
|
||||
## Uncompressed
|
||||
|
||||
```
|
||||
Hash: 9a3fb6bf1155fd1c85b5a003f0e9fe77
|
||||
Compile Time: 83ms
|
||||
Chunks: 1
|
||||
Modules: 2
|
||||
Modules including duplicates: 2
|
||||
Modules per chunk: 2
|
||||
Modules first chunk: 2
|
||||
output.js: 1354 characters
|
||||
1.hash.worker.js: 1105 characters
|
||||
hash.worker.js: 2345 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 211 .\example.js
|
||||
main
|
||||
1 96 (webpack)\~\worker-loader!.\worker.js
|
||||
require (1x) from .\example.js
|
||||
Embedded Stats
|
||||
.\worker.js
|
||||
Hash: 65bb224a2fa23725b7e946ce69f409df
|
||||
Compile Time: 31ms
|
||||
Chunks: 2
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules per chunk: 3
|
||||
Modules first chunk: 2
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
hash.worker.js
|
||||
0 211 .\worker.js
|
||||
main
|
||||
1 534 (webpack)\buildin\__webpack_amd_require.js
|
||||
require (1x) from .\worker.js
|
||||
1.hash.worker.js
|
||||
2 300 [context] (webpack)\examples\require.context\templates
|
||||
async context from .\worker.js
|
||||
3 82 (webpack)\examples\require.context\templates\a.js
|
||||
async context from .\worker.js
|
||||
4 82 (webpack)\examples\require.context\templates\b.js
|
||||
async context from .\worker.js
|
||||
5 82 (webpack)\examples\require.context\templates\c.js
|
||||
async context from .\worker.js
|
||||
```
|
||||
|
||||
## Minimized (uglify-js, no zip)
|
||||
|
||||
```
|
||||
Hash: 7c6135cf8b61087ca531a96e890b8f01
|
||||
Compile Time: 172ms
|
||||
Chunks: 1
|
||||
Modules: 2
|
||||
Modules including duplicates: 2
|
||||
Modules per chunk: 2
|
||||
Modules first chunk: 2
|
||||
output.js: 477 characters
|
||||
1.hash.worker.js: 473 characters
|
||||
hash.worker.js: 801 characters
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
output.js
|
||||
0 106 .\example.js
|
||||
main
|
||||
1 86 (webpack)\~\worker-loader!.\worker.js
|
||||
require (1x) from .\example.js
|
||||
Embedded Stats
|
||||
.\worker.js
|
||||
Hash: a1886641df5eb2595eadd73b78b81f70
|
||||
Compile Time: 106ms
|
||||
Chunks: 2
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules per chunk: 3
|
||||
Modules first chunk: 2
|
||||
|
||||
<id> <size> <filename>
|
||||
<reason> from <filename>
|
||||
hash.worker.js
|
||||
0 120 .\worker.js
|
||||
main
|
||||
1 264 (webpack)\buildin\__webpack_amd_require.js
|
||||
require (1x) from .\worker.js
|
||||
1.hash.worker.js
|
||||
2 228 [context] (webpack)\examples\require.context\templates
|
||||
async context from .\worker.js
|
||||
3 72 (webpack)\examples\require.context\templates\a.js
|
||||
async context from .\worker.js
|
||||
4 72 (webpack)\examples\require.context\templates\b.js
|
||||
async context from .\worker.js
|
||||
5 72 (webpack)\examples\require.context\templates\c.js
|
||||
async context from .\worker.js
|
||||
```
|
||||
Loading…
Reference in New Issue