Skip to content

Commit 86ca373

Browse files
sokrasokra
committed
updated examples
1 parent a925096 commit 86ca373

File tree

16 files changed

+1443
-1030
lines changed

16 files changed

+1443
-1030
lines changed

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

Lines changed: 131 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -17,107 +17,139 @@ getTemplate("b", function(b) {
1717
# js/output.js
1818

1919
``` javascript
20-
/******/ (function webpackBootstrap(modules) {
21-
/******/ var installedModules = {};
22-
/******/ var installedChunks = {0:0};
23-
/******/ function require(moduleId) {
24-
/******/ if(installedModules[moduleId])
25-
/******/ return installedModules[moduleId].exports;
26-
/******/ var module = installedModules[moduleId] = {
27-
/******/ exports: {},
28-
/******/ id: moduleId,
29-
/******/ loaded: false
30-
/******/ };
31-
/******/ modules[moduleId].call(null, module, module.exports, require);
32-
/******/ module.loaded = true;
33-
/******/ return module.exports;
34-
/******/ }
35-
/******/ require.e = function requireEnsure(chunkId, callback) {
36-
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, require);
37-
/******/ if(installedChunks[chunkId] !== undefined)
38-
/******/ installedChunks[chunkId].push(callback);
39-
/******/ else {
40-
/******/ installedChunks[chunkId] = [callback];
41-
/******/ var head = document.getElementsByTagName('head')[0];
42-
/******/ var script = document.createElement('script');
43-
/******/ script.type = 'text/javascript';
44-
/******/ script.charset = 'utf-8';
45-
/******/ script.src = modules.c+""+chunkId+".output.js";
46-
/******/ head.appendChild(script);
47-
/******/ }
48-
/******/ };
49-
/******/ require.modules = modules;
50-
/******/ require.cache = installedModules;
51-
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
52-
/******/ var moduleId, chunkId, callbacks = [];
53-
/******/ while(chunkIds.length) {
54-
/******/ chunkId = chunkIds.shift();
55-
/******/ if(installedChunks[chunkId]) callbacks.push.apply(callbacks, installedChunks[chunkId]);
56-
/******/ installedChunks[chunkId] = 0;
57-
/******/ }
58-
/******/ for(moduleId in moreModules)
59-
/******/ modules[moduleId] = moreModules[moduleId];
60-
/******/ while(callbacks.length)
61-
/******/ callbacks.shift().call(null, require);
62-
/******/ };
63-
/******/ return require(0);
64-
/******/ })({
65-
/******/ c: "",
20+
(function(modules) { // webpackBootstrap
21+
// The module cache
22+
var installedModules = {};
23+
24+
// object to store loaded and loading chunks
25+
// "0" means "already loaded"
26+
// Array means "loading", array contains callbacks
27+
var installedChunks = {0:0};
28+
29+
// The require function
30+
function require(moduleId) {
31+
// Check if module is in cache
32+
if(installedModules[moduleId])
33+
return installedModules[moduleId].exports;
34+
35+
// Create a new module (and put it into the cache)
36+
var module = installedModules[moduleId] = {
37+
exports: {},
38+
id: moduleId,
39+
loaded: false
40+
};
41+
42+
// Execute the module function
43+
modules[moduleId].call(null, module, module.exports, require);
44+
45+
// Flag the module as loaded
46+
module.loaded = true;
47+
48+
// Return the exports of the module
49+
return module.exports;
50+
}
51+
52+
require.e = function requireEnsure(chunkId, callback) {
53+
// "0" is the signal for "already loaded"
54+
if(installedChunks[chunkId] === 0)
55+
return callback.call(null, require);
56+
57+
// an array means "currently loading".
58+
if(installedChunks[chunkId] !== undefined) {
59+
installedChunks[chunkId].push(callback);
60+
} else {
61+
// start chunk loading
62+
installedChunks[chunkId] = [callback];
63+
var head = document.getElementsByTagName('head')[0];
64+
var script = document.createElement('script');
65+
script.type = 'text/javascript';
66+
script.charset = 'utf-8';
67+
script.src = modules.c + "" + chunkId + ".output.js";
68+
head.appendChild(script);
69+
}
70+
};
71+
require.modules = modules;
72+
require.cache = installedModules;
73+
74+
// install a JSONP callback for chunk loading
75+
window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
76+
// add "moreModules" to the modules object,
77+
// then flag all "chunkIds" as loaded and fire callback
78+
var moduleId, chunkId, callbacks = [];
79+
while(chunkIds.length) {
80+
chunkId = chunkIds.shift();
81+
if(installedChunks[chunkId])
82+
callbacks.push.apply(callbacks, installedChunks[chunkId]);
83+
installedChunks[chunkId] = 0;
84+
}
85+
for(moduleId in moreModules)
86+
modules[moduleId] = moreModules[moduleId];
87+
while(callbacks.length)
88+
callbacks.shift().call(null, require);
89+
};
90+
91+
// Load entry module and return exports
92+
return require(0);
93+
})
94+
/************************************************************************/
95+
({
96+
// __webpack_public_path__
6697

98+
c: "",
6799
/***/ 0:
68100
/*!********************!*\
69101
!*** ./example.js ***!
70102
\********************/
71103
/***/ function(module, exports, require) {
72104

73-
function getTemplate(templateName, callback) {
74-
require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./"+templateName)]; (function(tmpl) {
75-
callback(tmpl());
76-
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
77-
}
78-
getTemplate("a", function(a) {
79-
console.log(a);
80-
});
81-
getTemplate("b", function(b) {
82-
console.log(b);
83-
});
105+
function getTemplate(templateName, callback) {
106+
require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./"+templateName)]; (function(tmpl) {
107+
callback(tmpl());
108+
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
109+
}
110+
getTemplate("a", function(a) {
111+
console.log(a);
112+
});
113+
getTemplate("b", function(b) {
114+
console.log(b);
115+
});
84116

85117
/***/ }
86-
/******/ })
87-
118+
})
88119
```
89120

90121
# js/1.output.js
91122

92123
``` javascript
93-
webpackJsonp([1], {
124+
webpackJsonp([1],
125+
{
94126

95127
/***/ 1:
96128
/*!*********************************************!*\
97129
!*** ../require.context/templates ^\.\/.*$ ***!
98130
\*********************************************/
99131
/***/ function(module, exports, require) {
100132

101-
var map = {
102-
"./a": 2,
103-
"./a.js": 2,
104-
"./b": 3,
105-
"./b.js": 3,
106-
"./c": 4,
107-
"./c.js": 4
108-
};
109-
function webpackContext(req) {
110-
return require(webpackContextResolve(req));
111-
};
112-
function webpackContextResolve(req) {
113-
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
114-
};
115-
webpackContext.keys = function webpackContextKeys() {
116-
return Object.keys(map);
117-
};
118-
webpackContext.resolve = webpackContextResolve;
119-
module.exports = webpackContext;
120-
133+
var map = {
134+
"./a": 2,
135+
"./a.js": 2,
136+
"./b": 3,
137+
"./b.js": 3,
138+
"./c": 4,
139+
"./c.js": 4
140+
};
141+
function webpackContext(req) {
142+
return require(webpackContextResolve(req));
143+
};
144+
function webpackContextResolve(req) {
145+
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
146+
};
147+
webpackContext.keys = function webpackContextKeys() {
148+
return Object.keys(map);
149+
};
150+
webpackContext.resolve = webpackContextResolve;
151+
module.exports = webpackContext;
152+
121153

122154
/***/ },
123155

@@ -127,9 +159,9 @@ webpackJsonp([1], {
127159
\*****************************************/
128160
/***/ function(module, exports, require) {
129161

130-
module.exports = function() {
131-
return "This text was generated by template A";
132-
}
162+
module.exports = function() {
163+
return "This text was generated by template A";
164+
}
133165

134166
/***/ },
135167

@@ -139,9 +171,9 @@ webpackJsonp([1], {
139171
\*****************************************/
140172
/***/ function(module, exports, require) {
141173

142-
module.exports = function() {
143-
return "This text was generated by template B";
144-
}
174+
module.exports = function() {
175+
return "This text was generated by template B";
176+
}
145177

146178
/***/ },
147179

@@ -151,25 +183,27 @@ webpackJsonp([1], {
151183
\*****************************************/
152184
/***/ function(module, exports, require) {
153185

154-
module.exports = function() {
155-
return "This text was generated by template C";
156-
}
186+
module.exports = function() {
187+
return "This text was generated by template C";
188+
}
157189

158190
/***/ }
159191

160-
})
192+
}
193+
)
161194
```
162195

163196
# Info
164197

165198
## Uncompressed
166199

167200
```
168-
Hash: 053e43bcefccb7b19cd6a3e30104879a
169-
Time: 38ms
201+
Hash: 7a6425e8fe46dc01a0db9eee1a97caca
202+
Version: webpack 0.10.0-beta1
203+
Time: 54ms
170204
Asset Size Chunks Chunk Names
171-
output.js 2476 0 main
172-
1.output.js 1589 1
205+
output.js 2793 0 main
206+
1.output.js 1567 1
173207
chunk {0} output.js (main) 261
174208
[0] ./example.js 261 [built] {0}
175209
chunk {1} 1.output.js 463 {0}
@@ -189,8 +223,9 @@ chunk {1} 1.output.js 463 {0}
189223
## Minimized (uglify-js, no zip)
190224

191225
```
192-
Hash: 053e43bcefccb7b19cd6a3e30104879a
193-
Time: 155ms
226+
Hash: 7a6425e8fe46dc01a0db9eee1a97caca
227+
Version: webpack 0.10.0-beta1
228+
Time: 185ms
194229
Asset Size Chunks Chunk Names
195230
output.js 831 0 main
196231
1.output.js 531 1

0 commit comments

Comments
 (0)