Skip to content

Commit 4c84def

Browse files
sokrasokra
committed
updated examples
1 parent cdf1275 commit 4c84def

File tree

12 files changed

+625
-85
lines changed

12 files changed

+625
-85
lines changed

‎examples/code-splitted-require.context-amd/README.md‎

Lines changed: 251 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,251 @@
1+
# example.js
2+
3+
``` javascript
4+
function getTemplate(templateName, callback) {
5+
require(["../require.context/templates/"+templateName], function(tmpl) {
6+
callback(tmpl());
7+
});
8+
}
9+
getTemplate("a", function(a) {
10+
console.log(a);
11+
});
12+
getTemplate("b", function(b) {
13+
console.log(b);
14+
});
15+
```
16+
17+
# js/output.js
18+
19+
``` javascript
20+
/******/(function(document, undefined) {
21+
/******/ return function(modules) {
22+
/******/ var installedModules = {}, installedChunks = {0:1};
23+
/******/ function require(moduleId) {
24+
/******/ if(typeof moduleId !== "number") throw new Error("Cannot find module '"+moduleId+"'");
25+
/******/ if(installedModules[moduleId])
26+
/******/ return installedModules[moduleId].exports;
27+
/******/ var module = installedModules[moduleId] = {
28+
/******/ exports: {},
29+
/******/ id: moduleId,
30+
/******/ loaded: false
31+
/******/ };
32+
/******/ modules[moduleId](module, module.exports, require);
33+
/******/ module.loaded = true;
34+
/******/ return module.exports;
35+
/******/ }
36+
/******/ require.e = function(chunkId, callback) {
37+
/******/ if(installedChunks[chunkId] === 1) return callback(require);
38+
/******/ if(installedChunks[chunkId] !== undefined)
39+
/******/ installedChunks[chunkId].push(callback);
40+
/******/ else {
41+
/******/ installedChunks[chunkId] = [callback];
42+
/******/ var head = document.getElementsByTagName('head')[0];
43+
/******/ var script = document.createElement('script');
44+
/******/ script.type = 'text/javascript';
45+
/******/ script.charset = 'utf-8';
46+
/******/ script.src = modules.c+chunkId+modules.a;
47+
/******/ head.appendChild(script);
48+
/******/ }
49+
/******/ };
50+
/******/ require.modules = modules;
51+
/******/ require.cache = installedModules;
52+
/******/ window[modules.b] = function(chunkId, moreModules) {
53+
/******/ for(var moduleId in moreModules)
54+
/******/ modules[moduleId] = moreModules[moduleId];
55+
/******/ var callbacks = installedChunks[chunkId];
56+
/******/ installedChunks[chunkId] = 1;
57+
/******/ for(var i = 0; i < callbacks.length; i++)
58+
/******/ callbacks[i](require);
59+
/******/ };
60+
/******/ return require(0);
61+
/******/ }
62+
/******/})(document)
63+
/******/({a:".output.js",b:"webpackJsonp",c:"",
64+
/******/0: function(module, exports, require) {
65+
66+
/*** .\example.js ***/
67+
68+
/******/ /* WEBPACK FREE VAR INJECTION */ (function(require,console) {
69+
function getTemplate(templateName, callback) {
70+
require(1, function() { return [require(/* ../require.context/templates */3)("./"+templateName)]}, function(tmpl) {
71+
callback(tmpl());
72+
});
73+
}
74+
getTemplate("a", function(a) {
75+
console.log(a);
76+
});
77+
getTemplate("b", function(b) {
78+
console.log(b);
79+
});
80+
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */2)(require),require(/* __webpack_console */1)))
81+
82+
/******/},
83+
/******/
84+
/******/1: function(module, exports, require) {
85+
86+
/*** (webpack)\buildin\__webpack_console.js ***/
87+
88+
var console = (function() { return this["console"] || (this["window"] && this["window"].console) || {} }());
89+
module.exports = console;
90+
for(var name in {log:1, info:1, error:1, warn:1, dir:1, trace:1, assert:1})
91+
if(!console[name])
92+
console[name] = function() {};
93+
var times = {};
94+
if(!console.time)
95+
console.time = function(label) {
96+
times[label] = Date.now();
97+
};
98+
if(!console.timeEnd)
99+
console.timeEnd = function() {
100+
var duration = Date.now() - times[label];
101+
console.log('%s: %dms', label, duration);
102+
};
103+
104+
/******/},
105+
/******/
106+
/******/2: function(module, exports, require) {
107+
108+
/*** (webpack)\buildin\__webpack_amd_require.js ***/
109+
110+
function amdRequireFactory(req) {
111+
function amdRequire(chunk, requiresFn, fn) {
112+
if(!requiresFn) {
113+
// commonjs
114+
return req(chunk);
115+
}
116+
req.e(chunk, function() {
117+
var modules = requiresFn();
118+
if(fn)
119+
return fn.apply(null, modules);
120+
});
121+
}
122+
for(var name in req)
123+
amdRequire[name] = req[name];
124+
amdRequire.amd = amdRequireFactory.amd;
125+
amdRequire.config = function() {/* config is ignored, use webpack options */};
126+
return amdRequire;
127+
}
128+
amdRequireFactory.amd = {};
129+
module.exports = amdRequireFactory;
130+
131+
/******/},
132+
/******/
133+
/******/})
134+
```
135+
136+
# js/1.output.js
137+
138+
``` javascript
139+
/******/webpackJsonp(1, {
140+
/******/3: function(module, exports, require) {
141+
142+
/*** (webpack)\examples\require.context\templates ***/
143+
144+
/***/ var map = {"./a.js":4,"./b.js":5,"./c.js":6},
145+
/***/ requireInContext = module.exports = function(name) {
146+
/***/ return require(map[name+""] || map[name+".webpack.js"] || map[name+".web.js"] || map[name+".js"]||name);
147+
/***/ };
148+
/***/ requireInContext.keys = function() { return Object.keys(map) }
149+
150+
/******/},
151+
/******/
152+
/******/4: function(module, exports, require) {
153+
154+
/*** (webpack)\examples\require.context\templates\a.js ***/
155+
156+
module.exports = function() {
157+
return "This text was generated by template A";
158+
}
159+
160+
/******/},
161+
/******/
162+
/******/5: function(module, exports, require) {
163+
164+
/*** (webpack)\examples\require.context\templates\b.js ***/
165+
166+
module.exports = function() {
167+
return "This text was generated by template B";
168+
}
169+
170+
/******/},
171+
/******/
172+
/******/6: function(module, exports, require) {
173+
174+
/*** (webpack)\examples\require.context\templates\c.js ***/
175+
176+
module.exports = function() {
177+
return "This text was generated by template C";
178+
}
179+
180+
/******/},
181+
/******/
182+
/******/})
183+
```
184+
185+
# Info
186+
187+
## Uncompressed
188+
189+
```
190+
Hash: 134fe0606e3405dceb34be6f6ce6778f
191+
Compile Time: 50ms
192+
Chunks: 2
193+
Modules: 7
194+
Modules including duplicates: 7
195+
Modules per chunk: 3.5
196+
Modules first chunk: 3
197+
output.js: 3779 characters
198+
1.output.js: 1105 characters
199+
200+
<id> <size> <filename>
201+
<reason> from <filename>
202+
output.js
203+
0 304 .\example.js
204+
main
205+
1 516 (webpack)\buildin\__webpack_console.js
206+
require (2x) from .\example.js
207+
2 534 (webpack)\buildin\__webpack_amd_require.js
208+
require (1x) from .\example.js
209+
1.output.js
210+
3 300 [context] (webpack)\examples\require.context\templates
211+
async context from .\example.js
212+
4 82 (webpack)\examples\require.context\templates\a.js
213+
async context from .\example.js
214+
5 82 (webpack)\examples\require.context\templates\b.js
215+
async context from .\example.js
216+
6 82 (webpack)\examples\require.context\templates\c.js
217+
async context from .\example.js
218+
```
219+
220+
## Minimized (uglify-js, no zip)
221+
222+
```
223+
Hash: dbaccee5445c04556a63b1b0f35809e0
224+
Compile Time: 134ms
225+
Chunks: 2
226+
Modules: 7
227+
Modules including duplicates: 7
228+
Modules per chunk: 3.5
229+
Modules first chunk: 3
230+
output.js: 1406 characters
231+
1.output.js: 473 characters
232+
233+
<id> <size> <filename>
234+
<reason> from <filename>
235+
output.js
236+
0 185 .\example.js
237+
main
238+
1 402 (webpack)\buildin\__webpack_console.js
239+
require (2x) from .\example.js
240+
2 264 (webpack)\buildin\__webpack_amd_require.js
241+
require (1x) from .\example.js
242+
1.output.js
243+
3 228 [context] (webpack)\examples\require.context\templates
244+
async context from .\example.js
245+
4 72 (webpack)\examples\require.context\templates\a.js
246+
async context from .\example.js
247+
5 72 (webpack)\examples\require.context\templates\b.js
248+
async context from .\example.js
249+
6 72 (webpack)\examples\require.context\templates\c.js
250+
async context from .\example.js
251+
```

‎examples/code-splitted-require.context/README.md‎

Lines changed: 18 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
``` javascript
44
function getTemplate(templateName, callback) {
55
require.ensure([], function(require) {
6-
callback(require("../require.context/templates/"+templateName));
6+
callback(require("../require.context/templates/"+templateName)());
77
});
88
}
99
getTemplate("a", function(a) {
@@ -25,9 +25,12 @@ getTemplate("b", function(b) {
2525
/******/ if(installedModules[moduleId])
2626
/******/ return installedModules[moduleId].exports;
2727
/******/ var module = installedModules[moduleId] = {
28-
/******/ exports: {}
28+
/******/ exports: {},
29+
/******/ id: moduleId,
30+
/******/ loaded: false
2931
/******/ };
3032
/******/ modules[moduleId](module, module.exports, require);
33+
/******/ module.loaded = true;
3134
/******/ return module.exports;
3235
/******/ }
3336
/******/ require.e = function(chunkId, callback) {
@@ -65,7 +68,7 @@ getTemplate("b", function(b) {
6568
/******/ /* WEBPACK FREE VAR INJECTION */ (function(console) {
6669
function getTemplate(templateName, callback) {
6770
require.e(1, function(require) {
68-
callback(require(/* ../require.context/templates */2)("./"+templateName));
71+
callback(require(/* ../require.context/templates */2)("./"+templateName)());
6972
});
7073
}
7174
getTemplate("a", function(a) {
@@ -157,51 +160,51 @@ module.exports = function() {
157160
## Uncompressed
158161

159162
```
160-
Hash: 1f73f2a82c71141d8543b2261e225ed2
161-
Compile Time: 41ms
163+
Hash: 1782c323238112211ad2f04896d358db
164+
Compile Time: 39ms
162165
Chunks: 2
163166
Modules: 6
164167
Modules including duplicates: 6
165168
Modules per chunk: 3
166169
Modules first chunk: 2
167-
output.js: 2900 characters
168-
1.output.js: 1099 characters
170+
output.js: 3041 characters
171+
1.output.js: 1105 characters
169172
170173
<id> <size> <filename>
171174
<reason> from <filename>
172175
output.js
173-
0 268 .\example.js
176+
0 280 .\example.js
174177
main
175178
1 516 (webpack)\buildin\__webpack_console.js
176179
require (2x) from .\example.js
177180
1.output.js
178181
2 300 [context] (webpack)\examples\require.context\templates
179182
async context from .\example.js
180-
3 80 (webpack)\examples\require.context\templates\a.js
181-
4 80 (webpack)\examples\require.context\templates\b.js
182-
5 80 (webpack)\examples\require.context\templates\c.js
183+
3 82 (webpack)\examples\require.context\templates\a.js
183184
async context from .\example.js
185+
4 82 (webpack)\examples\require.context\templates\b.js
184186
async context from .\example.js
187+
5 82 (webpack)\examples\require.context\templates\c.js
185188
async context from .\example.js
186189
```
187190

188191
## Minimized (uglify-js, no zip)
189192

190193
```
191-
Hash: 48eb13e191a397e856de69ac5f73c889
192-
Compile Time: 112ms
194+
Hash: 26040949e1e15270899471a6db72d142
195+
Compile Time: 120ms
193196
Chunks: 2
194197
Modules: 6
195198
Modules including duplicates: 6
196199
Modules per chunk: 3
197200
Modules first chunk: 2
198-
output.js: 1132 characters
201+
output.js: 1161 characters
199202
1.output.js: 473 characters
200203
201204
<id> <size> <filename>
202205
<reason> from <filename>
203206
output.js
204-
0 157 .\example.js
207+
0 159 .\example.js
205208
main
206209
1 402 (webpack)\buildin\__webpack_console.js
207210
require (2x) from .\example.js

0 commit comments

Comments
 (0)