2012-03-10 20:11:23 +08:00
|
|
|
# example.js
|
|
|
|
|
|
|
|
``` javascript
|
|
|
|
var a = require("a");
|
|
|
|
var b = require("b");
|
|
|
|
require.ensure(["c"], function(require) {
|
|
|
|
require("b").xyz();
|
|
|
|
var d = require("d");
|
|
|
|
});
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
# js/output.js
|
|
|
|
|
|
|
|
``` javascript
|
|
|
|
/******/(function(document, undefined) {
|
|
|
|
/******/ return function(modules) {
|
|
|
|
/******/ var installedModules = {}, installedChunks = {0:1};
|
|
|
|
/******/ function require(moduleId) {
|
|
|
|
/******/ if(installedModules[moduleId])
|
|
|
|
/******/ return installedModules[moduleId].exports;
|
|
|
|
/******/ var module = installedModules[moduleId] = {
|
|
|
|
/******/ exports: {}
|
|
|
|
/******/ };
|
|
|
|
/******/ modules[moduleId](module, module.exports, require);
|
|
|
|
/******/ return module.exports;
|
|
|
|
/******/ }
|
|
|
|
/******/ require.ensure = function(chunkId, callback) {
|
|
|
|
/******/ if(installedChunks[chunkId] === 1) return callback(require);
|
|
|
|
/******/ if(installedChunks[chunkId] !== undefined)
|
|
|
|
/******/ installedChunks[chunkId].push(callback);
|
|
|
|
/******/ else {
|
|
|
|
/******/ installedChunks[chunkId] = [callback];
|
|
|
|
/******/ var head = document.getElementsByTagName('head')[0];
|
|
|
|
/******/ var script = document.createElement('script');
|
|
|
|
/******/ script.type = 'text/javascript';
|
|
|
|
/******/ script.src = modules.c+chunkId+modules.a;
|
|
|
|
/******/ head.appendChild(script);
|
|
|
|
/******/ }
|
|
|
|
/******/ };
|
|
|
|
/******/ window[modules.b] = function(chunkId, moreModules) {
|
|
|
|
/******/ for(var moduleId in moreModules)
|
|
|
|
/******/ modules[moduleId] = moreModules[moduleId];
|
|
|
|
/******/ var callbacks = installedChunks[chunkId];
|
|
|
|
/******/ installedChunks[chunkId] = 1;
|
|
|
|
/******/ for(var i = 0; i < callbacks.length; i++)
|
|
|
|
/******/ callbacks[i](require);
|
|
|
|
/******/ };
|
|
|
|
/******/ return require(0);
|
|
|
|
/******/ }
|
|
|
|
/******/})(document)
|
|
|
|
/******/({a:".output.js",b:"webpackJsonp",c:"",
|
|
|
|
/******/0: function(module, exports, require) {
|
|
|
|
|
2012-03-12 07:30:54 +08:00
|
|
|
var a = require(/* a */1);
|
|
|
|
var b = require(/* b */4);
|
2012-03-10 20:11:23 +08:00
|
|
|
require.ensure(1, function(require) {
|
2012-03-12 07:30:54 +08:00
|
|
|
require(/* b */4).xyz();
|
|
|
|
var d = require(/* d */2);
|
2012-03-10 20:11:23 +08:00
|
|
|
});
|
|
|
|
|
|
|
|
/******/},
|
|
|
|
/******/
|
|
|
|
/******/1: function(module, exports, require) {
|
|
|
|
|
|
|
|
// module a
|
|
|
|
|
|
|
|
/******/},
|
|
|
|
/******/
|
2012-03-12 07:30:54 +08:00
|
|
|
/******/4: function(module, exports, require) {
|
2012-03-10 20:11:23 +08:00
|
|
|
|
|
|
|
// module b
|
|
|
|
|
|
|
|
/******/},
|
|
|
|
/******/
|
|
|
|
/******/})
|
|
|
|
```
|
|
|
|
|
|
|
|
# 1.output.js
|
|
|
|
|
|
|
|
``` javascript
|
|
|
|
/******/webpackJsonp(1, {
|
|
|
|
/******/3: function(module, exports, require) {
|
|
|
|
|
|
|
|
// module d
|
|
|
|
|
|
|
|
/******/},
|
|
|
|
/******/
|
|
|
|
/******/4: function(module, exports, require) {
|
|
|
|
|
|
|
|
// module c
|
|
|
|
|
|
|
|
/******/},
|
|
|
|
/******/
|
|
|
|
/******/})
|
|
|
|
```
|
|
|
|
|
|
|
|
Minimized
|
|
|
|
|
|
|
|
``` javascript
|
|
|
|
webpackJsonp(1,{3:function(a,b,c){},4:function(a,b,c){}})
|
|
|
|
```
|
|
|
|
|
|
|
|
# Info
|
|
|
|
|
|
|
|
## Uncompressed
|
|
|
|
|
|
|
|
``` javascript
|
|
|
|
{ chunkCount: 2,
|
|
|
|
modulesCount: 5,
|
|
|
|
modulesIncludingDuplicates: 5,
|
|
|
|
modulesPerChunk: 2.5,
|
|
|
|
modulesFirstChunk: 3,
|
2012-03-12 07:30:54 +08:00
|
|
|
fileSizes: { 'output.js': 1935, '1.output.js': 200 } }
|
2012-03-10 20:11:23 +08:00
|
|
|
```
|
|
|
|
|
2012-03-12 04:37:18 +08:00
|
|
|
## Minimized (uglify-js, no zip)
|
2012-03-10 20:11:23 +08:00
|
|
|
|
|
|
|
``` javascript
|
|
|
|
{ chunkCount: 2,
|
|
|
|
modulesCount: 5,
|
|
|
|
modulesIncludingDuplicates: 5,
|
|
|
|
modulesPerChunk: 2.5,
|
|
|
|
modulesFirstChunk: 3,
|
|
|
|
fileSizes: { 'output.js': 661, '1.output.js': 57 } }
|
|
|
|
```
|