updated example outputs
This commit is contained in:
Tobias Koppers
parent
528d119391
commit
7745c86f7f
|
|
@ -21,6 +21,7 @@ getTemplate("b", function(b) {
|
|||
/******/ 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] = {
|
||||
|
|
@ -62,12 +63,32 @@ function getTemplate(templateName, callback) {
|
|||
});
|
||||
}
|
||||
getTemplate("a", function(a) {
|
||||
console.log(a);
|
||||
require(/* __webpack_console */2).log(a);
|
||||
});
|
||||
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) {
|
||||
|
||||
/***/module.exports = function(name) {
|
||||
/***/ var map = {"./b.js":3,"./a.js":2,"./c.js":4};
|
||||
/***/ return require(map[name]||map[name+".web.js"]||map[name+".js"]);
|
||||
/***/ var map = {"./b.js":3,"./a.js":4,"./c.js":5};
|
||||
/***/ 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) {
|
||||
|
|
@ -104,6 +117,14 @@ module.exports = function() {
|
|||
/******/
|
||||
/******/4: function(module, exports, require) {
|
||||
|
||||
module.exports = function() {
|
||||
return "This text was generated by template A";
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/5: function(module, exports, require) {
|
||||
|
||||
module.exports = function() {
|
||||
return "This text was generated by template C";
|
||||
}
|
||||
|
|
@ -117,22 +138,52 @@ module.exports = function() {
|
|||
|
||||
## Uncompressed
|
||||
|
||||
``` javascript
|
||||
{ chunkCount: 2,
|
||||
modulesCount: 5,
|
||||
modulesIncludingDuplicates: 5,
|
||||
modulesPerChunk: 2.5,
|
||||
modulesFirstChunk: 1,
|
||||
fileSizes: { 'output.js': 1889, '1.output.js': 729 } }
|
||||
```
|
||||
Chunks: 2
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules pre chunk: 3
|
||||
Modules first chunk: 2
|
||||
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)
|
||||
|
||||
``` javascript
|
||||
{ chunkCount: 2,
|
||||
modulesCount: 5,
|
||||
modulesIncludingDuplicates: 5,
|
||||
modulesPerChunk: 2.5,
|
||||
modulesFirstChunk: 1,
|
||||
fileSizes: { 'output.js': 683, '1.output.js': 404 } }
|
||||
```
|
||||
Chunks: 2
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules pre chunk: 3
|
||||
Modules first chunk: 2
|
||||
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
|
||||
```
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@ require.ensure(["c"], function(require) {
|
|||
/******/ 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] = {
|
||||
|
|
@ -53,9 +54,9 @@ require.ensure(["c"], function(require) {
|
|||
/******/0: function(module, exports, require) {
|
||||
|
||||
var a = require(/* a */1);
|
||||
var b = require(/* b */4);
|
||||
var b = require(/* b */3);
|
||||
require.ensure(1, function(require) {
|
||||
require(/* b */4).xyz();
|
||||
require(/* b */3).xyz();
|
||||
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
|
||||
|
||||
|
|
@ -80,7 +81,7 @@ require.ensure(1, function(require) {
|
|||
|
||||
``` javascript
|
||||
/******/webpackJsonp(1, {
|
||||
/******/3: function(module, exports, require) {
|
||||
/******/2: function(module, exports, require) {
|
||||
|
||||
// module d
|
||||
|
||||
|
|
@ -98,29 +99,55 @@ require.ensure(1, function(require) {
|
|||
Minimized
|
||||
|
||||
``` 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
|
||||
|
||||
## Uncompressed
|
||||
|
||||
``` javascript
|
||||
{ chunkCount: 2,
|
||||
modulesCount: 5,
|
||||
modulesIncludingDuplicates: 5,
|
||||
modulesPerChunk: 2.5,
|
||||
modulesFirstChunk: 3,
|
||||
fileSizes: { 'output.js': 1935, '1.output.js': 200 } }
|
||||
```
|
||||
Chunks: 2
|
||||
Modules: 5
|
||||
Modules including duplicates: 5
|
||||
Modules pre chunk: 2.5
|
||||
Modules first chunk: 3
|
||||
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)
|
||||
|
||||
``` javascript
|
||||
{ chunkCount: 2,
|
||||
modulesCount: 5,
|
||||
modulesIncludingDuplicates: 5,
|
||||
modulesPerChunk: 2.5,
|
||||
modulesFirstChunk: 3,
|
||||
fileSizes: { 'output.js': 661, '1.output.js': 57 } }
|
||||
```
|
||||
Chunks: 2
|
||||
Modules: 5
|
||||
Modules including duplicates: 5
|
||||
Modules pre chunk: 2.5
|
||||
Modules first chunk: 3
|
||||
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
|
||||
```
|
||||
|
|
|
|||
|
|
@ -28,6 +28,7 @@ module.exports = function() {
|
|||
/******/(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] = {
|
||||
|
|
@ -45,34 +46,46 @@ module.exports = function() {
|
|||
/******/0: function(module, exports, require) {
|
||||
|
||||
function getTemplate(templateName) {
|
||||
return require(/* ./templates */1)("./"+templateName);
|
||||
return require(/* ./templates */2)("./"+templateName);
|
||||
}
|
||||
console.log(getTemplate("a"));
|
||||
console.log(getTemplate("b"));
|
||||
require(/* __webpack_console */1).log(getTemplate("a"));
|
||||
require(/* __webpack_console */1).log(getTemplate("b"));
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/1: function(module, exports, require) {
|
||||
|
||||
/***/module.exports = function(name) {
|
||||
/***/ var map = {"./a.js":2,"./b.js":3,"./c.js":4};
|
||||
/***/ return require(map[name]||map[name+".web.js"]||map[name+".js"]);
|
||||
/***/};
|
||||
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() {};
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/2: function(module, exports, require) {
|
||||
|
||||
module.exports = function() {
|
||||
return "This text was generated by template A";
|
||||
}
|
||||
/***/module.exports = function(name) {
|
||||
/***/ 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) {
|
||||
|
||||
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";
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/5: function(module, exports, require) {
|
||||
|
||||
module.exports = function() {
|
||||
return "This text was generated by template B";
|
||||
}
|
||||
|
||||
/******/},
|
||||
/******/
|
||||
/******/})
|
||||
|
|
@ -92,24 +113,50 @@ module.exports = function() {
|
|||
|
||||
## Uncompressed
|
||||
|
||||
``` javascript
|
||||
{ chunkCount: 1,
|
||||
modulesCount: 5,
|
||||
modulesIncludingDuplicates: 5,
|
||||
modulesPerChunk: 5,
|
||||
modulesFirstChunk: 5,
|
||||
fileSizes: { 'output.js': 1471 } }
|
||||
```
|
||||
Chunks: 1
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules pre chunk: 6
|
||||
Modules first chunk: 6
|
||||
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)
|
||||
|
||||
``` javascript
|
||||
{ chunkCount: 1,
|
||||
modulesCount: 5,
|
||||
modulesIncludingDuplicates: 5,
|
||||
modulesPerChunk: 5,
|
||||
modulesFirstChunk: 5,
|
||||
fileSizes: { 'output.js': 650 } }
|
||||
```
|
||||
Chunks: 1
|
||||
Modules: 6
|
||||
Modules including duplicates: 6
|
||||
Modules pre chunk: 6
|
||||
Modules first chunk: 6
|
||||
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
|
||||
|
|
|
|||
Loading…
Reference in New Issue