updated example outputs

This commit is contained in:
Tobias Koppers 2012-03-19 20:47:58 +01:00
parent 528d119391
commit 7745c86f7f
3 changed files with 195 additions and 70 deletions

View File

@ -21,6 +21,7 @@ getTemplate("b", function(b) {
/******/ return function(modules) { /******/ return function(modules) {
/******/ var installedModules = {}, installedChunks = {0:1}; /******/ var installedModules = {}, installedChunks = {0:1};
/******/ function require(moduleId) { /******/ function require(moduleId) {
/******/ if(typeof moduleId !== "number") throw new Error("Cannot find module '"+moduleId+"'");
/******/ if(installedModules[moduleId]) /******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports; /******/ return installedModules[moduleId].exports;
/******/ var module = installedModules[moduleId] = { /******/ var module = installedModules[moduleId] = {
@ -62,12 +63,32 @@ function getTemplate(templateName, callback) {
}); });
} }
getTemplate("a", function(a) { getTemplate("a", function(a) {
console.log(a); require(/* __webpack_console */2).log(a);
}); });
getTemplate("b", function(b) { getTemplate("b", function(b) {
console.log(b); require(/* __webpack_console */2).log(b);
}); });
/******/},
/******/
/******/2: function(module, exports, require) {
var console = window.console;
exports.log = (console && console.log) || function() {};
exports.info = (console && console.info) || function() {};
exports.error = (console && console.error) || function() {};
exports.warn = (console && console.warn) || function() {};
exports.dir = (console && console.dir) || function() {};
exports.time = (console && console.time) || function(label) {
times[label] = Date.now();
};
exports.timeEnd = (console && console.timeEnd) || function() {
var duration = Date.now() - times[label];
exports.log('%s: %dms', label, duration);
};
exports.trace = (console && console.trace) || function() {};
exports.assert = (console && console.assert) || function() {};
/******/}, /******/},
/******/ /******/
/******/}) /******/})
@ -80,18 +101,10 @@ getTemplate("b", function(b) {
/******/1: function(module, exports, require) { /******/1: function(module, exports, require) {
/***/module.exports = function(name) { /***/module.exports = function(name) {
/***/ var map = {"./b.js":3,"./a.js":2,"./c.js":4}; /***/ var map = {"./b.js":3,"./a.js":4,"./c.js":5};
/***/ return require(map[name]||map[name+".web.js"]||map[name+".js"]); /***/ return require(map[name]||map[name+".web.js"]||map[name+".js"]||name);
/***/}; /***/};
/******/},
/******/
/******/2: function(module, exports, require) {
module.exports = function() {
return "This text was generated by template A";
}
/******/}, /******/},
/******/ /******/
/******/3: function(module, exports, require) { /******/3: function(module, exports, require) {
@ -104,6 +117,14 @@ module.exports = function() {
/******/ /******/
/******/4: function(module, exports, require) { /******/4: function(module, exports, require) {
module.exports = function() {
return "This text was generated by template A";
}
/******/},
/******/
/******/5: function(module, exports, require) {
module.exports = function() { module.exports = function() {
return "This text was generated by template C"; return "This text was generated by template C";
} }
@ -117,22 +138,52 @@ module.exports = function() {
## Uncompressed ## Uncompressed
``` javascript ```
{ chunkCount: 2, Chunks: 2
modulesCount: 5, Modules: 6
modulesIncludingDuplicates: 5, Modules including duplicates: 6
modulesPerChunk: 2.5, Modules pre chunk: 3
modulesFirstChunk: 1, Modules first chunk: 2
fileSizes: { 'output.js': 1889, '1.output.js': 729 } } output.js: 2815 characters
1.output.js: 735 characters
output.js
0 [...]\examples\code-splitted-require.context\example.js
main
2 [...]\buildin\__webpack_console.js
require (2x) from [...]\examples\code-splitted-require.context\example.js
1.output.js
1 generated [...]\examples\require.context\templates
async context from [...]\examples\code-splitted-require.context\example.js
3 [...]\examples\require.context\templates\b.js
async context from [...]\examples\code-splitted-require.context\example.js
4 [...]\examples\require.context\templates\a.js
async context from [...]\examples\code-splitted-require.context\example.js
5 [...]\examples\require.context\templates\c.js
async context from [...]\examples\code-splitted-require.context\example.js
``` ```
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` javascript ```
{ chunkCount: 2, Chunks: 2
modulesCount: 5, Modules: 6
modulesIncludingDuplicates: 5, Modules including duplicates: 6
modulesPerChunk: 2.5, Modules pre chunk: 3
modulesFirstChunk: 1, Modules first chunk: 2
fileSizes: { 'output.js': 683, '1.output.js': 404 } } output.js: 1149 characters
1.output.js: 407 characters
output.js
0 [...]\examples\code-splitted-require.context\example.js
main
2 [...]\buildin\__webpack_console.js
require (2x) from [...]\examples\code-splitted-require.context\example.js
1.output.js
1 generated [...]\examples\require.context\templates
async context from [...]\examples\code-splitted-require.context\example.js
3 [...]\examples\require.context\templates\a.js
async context from [...]\examples\code-splitted-require.context\example.js
4 [...]\examples\require.context\templates\c.js
async context from [...]\examples\code-splitted-require.context\example.js
5 [...]\examples\require.context\templates\b.js
async context from [...]\examples\code-splitted-require.context\example.js
``` ```

View File

@ -17,6 +17,7 @@ require.ensure(["c"], function(require) {
/******/ return function(modules) { /******/ return function(modules) {
/******/ var installedModules = {}, installedChunks = {0:1}; /******/ var installedModules = {}, installedChunks = {0:1};
/******/ function require(moduleId) { /******/ function require(moduleId) {
/******/ if(typeof moduleId !== "number") throw new Error("Cannot find module '"+moduleId+"'");
/******/ if(installedModules[moduleId]) /******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports; /******/ return installedModules[moduleId].exports;
/******/ var module = installedModules[moduleId] = { /******/ var module = installedModules[moduleId] = {
@ -53,9 +54,9 @@ require.ensure(["c"], function(require) {
/******/0: function(module, exports, require) { /******/0: function(module, exports, require) {
var a = require(/* a */1); var a = require(/* a */1);
var b = require(/* b */4); var b = require(/* b */3);
require.ensure(1, function(require) { require.ensure(1, function(require) {
require(/* b */4).xyz(); require(/* b */3).xyz();
var d = require(/* d */2); var d = require(/* d */2);
}); });
@ -67,7 +68,7 @@ require.ensure(1, function(require) {
/******/}, /******/},
/******/ /******/
/******/4: function(module, exports, require) { /******/3: function(module, exports, require) {
// module b // module b
@ -80,7 +81,7 @@ require.ensure(1, function(require) {
``` javascript ``` javascript
/******/webpackJsonp(1, { /******/webpackJsonp(1, {
/******/3: function(module, exports, require) { /******/2: function(module, exports, require) {
// module d // module d
@ -98,29 +99,55 @@ require.ensure(1, function(require) {
Minimized Minimized
``` javascript ``` javascript
webpackJsonp(1,{3:function(a,b,c){},4:function(a,b,c){}}) webpackJsonp(1,{2:function(a,b,c){},4:function(a,b,c){}})
``` ```
# Info # Info
## Uncompressed ## Uncompressed
``` javascript ```
{ chunkCount: 2, Chunks: 2
modulesCount: 5, Modules: 5
modulesIncludingDuplicates: 5, Modules including duplicates: 5
modulesPerChunk: 2.5, Modules pre chunk: 2.5
modulesFirstChunk: 3, Modules first chunk: 3
fileSizes: { 'output.js': 1935, '1.output.js': 200 } } output.js: 2033 characters
1.output.js: 200 characters
output.js
0 [...]\examples\code-splitting\example.js
main
1 [...]\examples\code-splitting\node_modules\a.js
require (1x) from [...]\examples\code-splitting\example.js
3 [...]\examples\code-splitting\node_modules\b.js
require (2x) from [...]\examples\code-splitting\example.js
1.output.js
2 [...]\examples\code-splitting\node_modules\d.js
async require (1x) from [...]\examples\code-splitting\example.js
4 [...]\examples\code-splitting\node_modules\c.js
async require (1x) from [...]\examples\code-splitting\example.js
``` ```
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` javascript ```
{ chunkCount: 2, Chunks: 2
modulesCount: 5, Modules: 5
modulesIncludingDuplicates: 5, Modules including duplicates: 5
modulesPerChunk: 2.5, Modules pre chunk: 2.5
modulesFirstChunk: 3, Modules first chunk: 3
fileSizes: { 'output.js': 661, '1.output.js': 57 } } output.js: 729 characters
1.output.js: 57 characters
output.js
0 [...]\examples\code-splitting\example.js
main
1 [...]\examples\code-splitting\node_modules\a.js
require (1x) from [...]\examples\code-splitting\example.js
3 [...]\examples\code-splitting\node_modules\b.js
require (2x) from [...]\examples\code-splitting\example.js
1.output.js
2 [...]\examples\code-splitting\node_modules\c.js
async require (1x) from [...]\examples\code-splitting\example.js
4 [...]\examples\code-splitting\node_modules\d.js
async require (1x) from [...]\examples\code-splitting\example.js
``` ```

View File

@ -28,6 +28,7 @@ module.exports = function() {
/******/(function(modules) { /******/(function(modules) {
/******/ var installedModules = {}; /******/ var installedModules = {};
/******/ function require(moduleId) { /******/ function require(moduleId) {
/******/ if(typeof moduleId !== "number") throw new Error("Cannot find module '"+moduleId+"'");
/******/ if(installedModules[moduleId]) /******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports; /******/ return installedModules[moduleId].exports;
/******/ var module = installedModules[moduleId] = { /******/ var module = installedModules[moduleId] = {
@ -45,34 +46,46 @@ module.exports = function() {
/******/0: function(module, exports, require) { /******/0: function(module, exports, require) {
function getTemplate(templateName) { function getTemplate(templateName) {
return require(/* ./templates */1)("./"+templateName); return require(/* ./templates */2)("./"+templateName);
} }
console.log(getTemplate("a")); require(/* __webpack_console */1).log(getTemplate("a"));
console.log(getTemplate("b")); require(/* __webpack_console */1).log(getTemplate("b"));
/******/}, /******/},
/******/ /******/
/******/1: function(module, exports, require) { /******/1: function(module, exports, require) {
/***/module.exports = function(name) { var console = window.console;
/***/ var map = {"./a.js":2,"./b.js":3,"./c.js":4}; exports.log = (console && console.log) || function() {};
/***/ return require(map[name]||map[name+".web.js"]||map[name+".js"]); exports.info = (console && console.info) || function() {};
/***/}; exports.error = (console && console.error) || function() {};
exports.warn = (console && console.warn) || function() {};
exports.dir = (console && console.dir) || function() {};
exports.time = (console && console.time) || function(label) {
times[label] = Date.now();
};
exports.timeEnd = (console && console.timeEnd) || function() {
var duration = Date.now() - times[label];
exports.log('%s: %dms', label, duration);
};
exports.trace = (console && console.trace) || function() {};
exports.assert = (console && console.assert) || function() {};
/******/}, /******/},
/******/ /******/
/******/2: function(module, exports, require) { /******/2: function(module, exports, require) {
module.exports = function() { /***/module.exports = function(name) {
return "This text was generated by template A"; /***/ var map = {"./a.js":3,"./b.js":5,"./c.js":4};
} /***/ return require(map[name]||map[name+".web.js"]||map[name+".js"]||name);
/***/};
/******/}, /******/},
/******/ /******/
/******/3: function(module, exports, require) { /******/3: function(module, exports, require) {
module.exports = function() { module.exports = function() {
return "This text was generated by template B"; return "This text was generated by template A";
} }
/******/}, /******/},
@ -83,6 +96,14 @@ module.exports = function() {
return "This text was generated by template C"; return "This text was generated by template C";
} }
/******/},
/******/
/******/5: function(module, exports, require) {
module.exports = function() {
return "This text was generated by template B";
}
/******/}, /******/},
/******/ /******/
/******/}) /******/})
@ -92,24 +113,50 @@ module.exports = function() {
## Uncompressed ## Uncompressed
``` javascript ```
{ chunkCount: 1, Chunks: 1
modulesCount: 5, Modules: 6
modulesIncludingDuplicates: 5, Modules including duplicates: 6
modulesPerChunk: 5, Modules pre chunk: 6
modulesFirstChunk: 5, Modules first chunk: 6
fileSizes: { 'output.js': 1471 } } output.js: 2402 characters
output.js
0 [...]\examples\require.context\example.js
main
1 [...]\buildin\__webpack_console.js
require (2x) from [...]\examples\require.context\example.js
2 generated [...]\examples\require.context\templates
context from [...]\examples\require.context\example.js
3 [...]\examples\require.context\templates\a.js
context from [...]\examples\require.context\example.js
4 [...]\examples\require.context\templates\c.js
context from [...]\examples\require.context\example.js
5 [...]\examples\require.context\templates\b.js
context from [...]\examples\require.context\example.js
``` ```
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` javascript ```
{ chunkCount: 1, Chunks: 1
modulesCount: 5, Modules: 6
modulesIncludingDuplicates: 5, Modules including duplicates: 6
modulesPerChunk: 5, Modules pre chunk: 6
modulesFirstChunk: 5, Modules first chunk: 6
fileSizes: { 'output.js': 650 } } output.js: 1119 characters
output.js
0 [...]\examples\require.context\example.js
main
1 generated [...]\examples\require.context\templates
context from [...]\examples\require.context\example.js
2 [...]\examples\require.context\templates\a.js
context from [...]\examples\require.context\example.js
3 [...]\examples\require.context\templates\b.js
context from [...]\examples\require.context\example.js
4 [...]\examples\require.context\templates\c.js
context from [...]\examples\require.context\example.js
5 [...]\buildin\__webpack_console.js
require (2x) from [...]\examples\require.context\example.js
``` ```
# Code Splitting # Code Splitting