webpack/examples/code-splitting/README.md

180 lines
4.4 KiB
Markdown
Raw Normal View History

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
2013-01-31 01:49:25 +08:00
/******/ (function webpackBootstrap(modules) {
/******/ var installedModules = {};
/******/ function require(moduleId) {
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ modules[moduleId].call(null, module, module.exports, require);
/******/ module.loaded = true;
/******/ return module.exports;
/******/ }
/******/ require.e = function requireEnsure(chunkId, callback) {
2013-02-24 09:27:11 +08:00
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, require);
2013-01-31 01:49:25 +08:00
/******/ 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.charset = 'utf-8';
/******/ script.src = modules.c+""+chunkId+".output.js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
2013-02-24 09:27:11 +08:00
/******/ var installedChunks = {0:0};
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
2013-01-31 01:49:25 +08:00
/******/ for(var moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
2013-02-24 09:27:11 +08:00
/******/ var callbacks = [];
/******/ for(var i = 0; i < chunkIds.length; i++) {
/******/ var installedChunk = installedChunks[chunkIds[i]];
/******/ if(installedChunk) callbacks.push.apply(callbacks, installedChunk);
/******/ installedChunks[chunkIds[i]] = 0;
/******/ }
2013-01-31 01:49:25 +08:00
/******/ for(var i = 0; i < callbacks.length; i++)
/******/ callbacks[i].call(null, require);
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
/***/ 0:
/*!********************!*\
!*** ./example.js ***!
\********************/
/***/ function(module, exports, require) {
var a = require(/*! a */ 2);
var b = require(/*! b */ 1);
require.e/*nsure*/(1, function(require) {
require(/*! b */ 1).xyz();
var d = require(/*! d */ 4);
});
/***/ },
/***/ 1:
/*!****************!*\
!*** ./~/b.js ***!
\****************/
/***/ function(module, exports, require) {
// module b
/***/ },
/***/ 2:
/*!****************!*\
!*** ./~/a.js ***!
\****************/
/***/ function(module, exports, require) {
// module a
/***/ }
/******/ })
2012-03-10 20:11:23 +08:00
```
2012-05-01 16:51:02 +08:00
# js/1.output.js
2012-03-10 20:11:23 +08:00
``` javascript
2013-02-24 09:27:11 +08:00
webpackJsonp([1], {
2013-01-31 01:49:25 +08:00
/***/ 3:
/*!****************!*\
!*** ./~/c.js ***!
\****************/
/***/ function(module, exports, require) {
2012-11-08 17:53:54 +08:00
2013-01-31 01:49:25 +08:00
// module c
2012-11-08 17:53:54 +08:00
2013-01-31 01:49:25 +08:00
/***/ },
2012-11-08 17:53:54 +08:00
2013-01-31 01:49:25 +08:00
/***/ 4:
/*!****************!*\
!*** ./~/d.js ***!
\****************/
/***/ function(module, exports, require) {
2012-11-08 17:53:54 +08:00
2013-01-31 01:49:25 +08:00
// module d
2012-11-08 17:53:54 +08:00
2013-01-31 01:49:25 +08:00
/***/ }
2012-11-08 17:53:54 +08:00
2013-01-31 01:49:25 +08:00
})
2012-03-10 20:11:23 +08:00
```
Minimized
``` javascript
2013-02-24 09:27:11 +08:00
webpackJsonp([1],{3:function(){},4:function(){}});
2012-03-10 20:11:23 +08:00
```
# Info
## Uncompressed
2012-03-20 03:47:58 +08:00
```
2013-02-24 09:27:11 +08:00
Hash: 3d676be1f90fd9a9422053e02c1982e7
Time: 40ms
2013-01-31 01:49:25 +08:00
Asset Size Chunks Chunk Names
2013-02-24 09:27:11 +08:00
output.js 2552 0 main
1.output.js 306 1
2013-02-21 03:50:53 +08:00
chunk {0} output.js (main) 166
[0] ./example.js 144 [built] {0}
2013-01-31 01:49:25 +08:00
[1] ./~/b.js 11 [built] {0}
cjs require b [0] ./example.js 2:8-20
cjs require b [0] ./example.js 4:4-16
[2] ./~/a.js 11 [built] {0}
cjs require a [0] ./example.js 1:8-20
chunk {1} 1.output.js 22 {0}
[3] ./~/c.js 11 [built] {1}
require.ensure item c [0] ./example.js 3:0-6:2
[4] ./~/d.js 11 [built] {1}
cjs require d [0] ./example.js 5:12-24
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
2012-03-20 03:47:58 +08:00
```
2013-02-24 09:27:11 +08:00
Hash: 3d676be1f90fd9a9422053e02c1982e7
Time: 134ms
2013-01-31 01:49:25 +08:00
Asset Size Chunks Chunk Names
2013-02-24 09:27:11 +08:00
output.js 764 0 main
1.output.js 50 1
2013-02-21 03:50:53 +08:00
chunk {0} output.js (main) 166
[0] ./example.js 144 [built] {0}
2013-01-31 01:49:25 +08:00
[1] ./~/b.js 11 [built] {0}
cjs require b [0] ./example.js 2:8-20
cjs require b [0] ./example.js 4:4-16
[2] ./~/a.js 11 [built] {0}
cjs require a [0] ./example.js 1:8-20
chunk {1} 1.output.js 22 {0}
[3] ./~/c.js 11 [built] {1}
require.ensure item c [0] ./example.js 3:0-6:2
[4] ./~/d.js 11 [built] {1}
cjs require d [0] ./example.js 5:12-24
2012-03-10 20:11:23 +08:00
```