mirror of https://github.com/webpack/webpack.git
updated example outputs
This commit is contained in:
parent
528d119391
commit
7745c86f7f
|
@ -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
|
||||||
```
|
```
|
||||||
|
|
|
@ -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
|
||||||
```
|
```
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue