opensourcemirror
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Releases Wiki Activity

updated examples

This commit is contained in:
Tobias Koppers 2013-03-26 18:22:30 +01:00
parent a9250966a6
commit 86ca373134
16 changed files with 1443 additions and 1030 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

227
examples/code-splitted-require.context-amd/README.md
View File

@ -17,80 +17,112 @@ getTemplate("b", function(b) {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ var installedChunks = {0:0}; 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) {
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, 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.charset = 'utf-8';
/******/ script.src = modules.c+""+chunkId+".output.js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/ var moduleId, chunkId, callbacks = [];
/******/ while(chunkIds.length) {
/******/ chunkId = chunkIds.shift();
/******/ if(installedChunks[chunkId]) callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ while(callbacks.length)
/******/ callbacks.shift().call(null, require);
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
// object to store loaded and loading chunks
// "0" means "already loaded"
// Array means "loading", array contains callbacks
var installedChunks = {0:0};
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(chunkId, callback) {
// "0" is the signal for "already loaded"
if(installedChunks[chunkId] === 0)
return callback.call(null, require);
// an array means "currently loading".
if(installedChunks[chunkId] !== undefined) {
installedChunks[chunkId].push(callback);
} else {
// start chunk loading
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;
// install a JSONP callback for chunk loading
window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
// add "moreModules" to the modules object,
// then flag all "chunkIds" as loaded and fire callback
var moduleId, chunkId, callbacks = [];
while(chunkIds.length) {
chunkId = chunkIds.shift();
if(installedChunks[chunkId])
callbacks.push.apply(callbacks, installedChunks[chunkId]);
installedChunks[chunkId] = 0;
}
for(moduleId in moreModules)
modules[moduleId] = moreModules[moduleId];
while(callbacks.length)
callbacks.shift().call(null, require);
};
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
function getTemplate(templateName, callback) { function getTemplate(templateName, callback) {
require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./"+templateName)]; (function(tmpl) { require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./"+templateName)]; (function(tmpl) {
callback(tmpl()); callback(tmpl());
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
} }
getTemplate("a", function(a) { getTemplate("a", function(a) {
console.log(a); console.log(a);
}); });
getTemplate("b", function(b) { getTemplate("b", function(b) {
console.log(b); console.log(b);
}); });
/***/ } /***/ }
/******/ }) })
``` ```
# js/1.output.js # js/1.output.js
``` javascript ``` javascript
webpackJsonp([1], { webpackJsonp([1],
{
/***/ 1: /***/ 1:
/*!*********************************************!*\ /*!*********************************************!*\
@ -98,26 +130,26 @@ webpackJsonp([1], {
\*********************************************/ \*********************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var map = { var map = {
"./a": 2, "./a": 2,
"./a.js": 2, "./a.js": 2,
"./b": 3, "./b": 3,
"./b.js": 3, "./b.js": 3,
"./c": 4, "./c": 4,
"./c.js": 4 "./c.js": 4
}; };
function webpackContext(req) { function webpackContext(req) {
return require(webpackContextResolve(req)); return require(webpackContextResolve(req));
}; };
function webpackContextResolve(req) { function webpackContextResolve(req) {
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
}; };
webpackContext.keys = function webpackContextKeys() { webpackContext.keys = function webpackContextKeys() {
return Object.keys(map); return Object.keys(map);
}; };
webpackContext.resolve = webpackContextResolve; webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext; module.exports = webpackContext;
/***/ }, /***/ },
@ -127,9 +159,9 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = function() { module.exports = function() {
return "This text was generated by template A"; return "This text was generated by template A";
} }
/***/ }, /***/ },
@ -139,9 +171,9 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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 B";
} }
/***/ }, /***/ },
@ -151,13 +183,14 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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";
} }
/***/ } /***/ }
}) }
)
``` ```
# Info # Info
@ -165,11 +198,12 @@ webpackJsonp([1], {
## Uncompressed ## Uncompressed
``` ```
Hash: 053e43bcefccb7b19cd6a3e30104879a Hash: 7a6425e8fe46dc01a0db9eee1a97caca
Time: 38ms Version: webpack 0.10.0-beta1
Time: 54ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 2476 0 main output.js 2793 0 main
1.output.js 1589 1 1.output.js 1567 1
chunk {0} output.js (main) 261 chunk {0} output.js (main) 261
[0] ./example.js 261 [built] {0} [0] ./example.js 261 [built] {0}
chunk {1} 1.output.js 463 {0} chunk {1} 1.output.js 463 {0}
@ -189,8 +223,9 @@ chunk {1} 1.output.js 463 {0}
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 053e43bcefccb7b19cd6a3e30104879a Hash: 7a6425e8fe46dc01a0db9eee1a97caca
Time: 155ms Version: webpack 0.10.0-beta1
Time: 185ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 831 0 main output.js 831 0 main
1.output.js 531 1 1.output.js 531 1

225
examples/code-splitted-require.context/README.md
View File

@ -17,80 +17,112 @@ getTemplate("b", function(b) {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ var installedChunks = {0:0}; 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) {
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, 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.charset = 'utf-8';
/******/ script.src = modules.c+""+chunkId+".output.js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/ var moduleId, chunkId, callbacks = [];
/******/ while(chunkIds.length) {
/******/ chunkId = chunkIds.shift();
/******/ if(installedChunks[chunkId]) callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ while(callbacks.length)
/******/ callbacks.shift().call(null, require);
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
// object to store loaded and loading chunks
// "0" means "already loaded"
// Array means "loading", array contains callbacks
var installedChunks = {0:0};
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(chunkId, callback) {
// "0" is the signal for "already loaded"
if(installedChunks[chunkId] === 0)
return callback.call(null, require);
// an array means "currently loading".
if(installedChunks[chunkId] !== undefined) {
installedChunks[chunkId].push(callback);
} else {
// start chunk loading
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;
// install a JSONP callback for chunk loading
window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
// add "moreModules" to the modules object,
// then flag all "chunkIds" as loaded and fire callback
var moduleId, chunkId, callbacks = [];
while(chunkIds.length) {
chunkId = chunkIds.shift();
if(installedChunks[chunkId])
callbacks.push.apply(callbacks, installedChunks[chunkId]);
installedChunks[chunkId] = 0;
}
for(moduleId in moreModules)
modules[moduleId] = moreModules[moduleId];
while(callbacks.length)
callbacks.shift().call(null, require);
};
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
function getTemplate(templateName, callback) { function getTemplate(templateName, callback) {
require.e/*nsure*/(1, function(require) { require.e/*nsure*/(1, function(require) {
callback(require(/*! ../require.context/templates */ 1)("./"+templateName)()); callback(require(/*! ../require.context/templates */ 1)("./"+templateName)());
});
}
getTemplate("a", function(a) {
console.log(a);
});
getTemplate("b", function(b) {
console.log(b);
}); });
}
getTemplate("a", function(a) {
console.log(a);
});
getTemplate("b", function(b) {
console.log(b);
});
/***/ } /***/ }
/******/ }) })
``` ```
# js/1.output.js # js/1.output.js
``` javascript ``` javascript
webpackJsonp([1], { webpackJsonp([1],
{
/***/ 1: /***/ 1:
/*!*********************************************!*\ /*!*********************************************!*\
@ -98,26 +130,26 @@ webpackJsonp([1], {
\*********************************************/ \*********************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var map = { var map = {
"./a": 2, "./a": 2,
"./a.js": 2, "./a.js": 2,
"./b": 3, "./b": 3,
"./b.js": 3, "./b.js": 3,
"./c": 4, "./c": 4,
"./c.js": 4 "./c.js": 4
}; };
function webpackContext(req) { function webpackContext(req) {
return require(webpackContextResolve(req)); return require(webpackContextResolve(req));
}; };
function webpackContextResolve(req) { function webpackContextResolve(req) {
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
}; };
webpackContext.keys = function webpackContextKeys() { webpackContext.keys = function webpackContextKeys() {
return Object.keys(map); return Object.keys(map);
}; };
webpackContext.resolve = webpackContextResolve; webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext; module.exports = webpackContext;
/***/ }, /***/ },
@ -127,9 +159,9 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = function() { module.exports = function() {
return "This text was generated by template A"; return "This text was generated by template A";
} }
/***/ }, /***/ },
@ -139,9 +171,9 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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 B";
} }
/***/ }, /***/ },
@ -151,13 +183,14 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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";
} }
/***/ } /***/ }
}) }
)
``` ```
# Info # Info
@ -165,11 +198,12 @@ webpackJsonp([1], {
## Uncompressed ## Uncompressed
``` ```
Hash: 64794fb1a8ae78099ec51cabeb1a694e Hash: bfc8a0c89870057a328ac4537518a669
Time: 37ms Version: webpack 0.10.0-beta1
Time: 52ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 2364 0 main output.js 2681 0 main
1.output.js 1589 1 1.output.js 1567 1
chunk {0} output.js (main) 276 chunk {0} output.js (main) 276
[0] ./example.js 276 [built] {0} [0] ./example.js 276 [built] {0}
chunk {1} 1.output.js 463 {0} chunk {1} 1.output.js 463 {0}
@ -189,8 +223,9 @@ chunk {1} 1.output.js 463 {0}
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 64794fb1a8ae78099ec51cabeb1a694e Hash: bfc8a0c89870057a328ac4537518a669
Time: 154ms Version: webpack 0.10.0-beta1
Time: 163ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 792 0 main output.js 792 0 main
1.output.js 531 1 1.output.js 531 1

179
examples/code-splitting-bundle-loader/README.md
View File

@ -16,62 +16,94 @@ module.exports = "It works";
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ var installedChunks = {0:0}; 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) {
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, 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.charset = 'utf-8';
/******/ script.src = modules.c+""+chunkId+".output.js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/ var moduleId, chunkId, callbacks = [];
/******/ while(chunkIds.length) {
/******/ chunkId = chunkIds.shift();
/******/ if(installedChunks[chunkId]) callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ while(callbacks.length)
/******/ callbacks.shift().call(null, require);
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
// object to store loaded and loading chunks
// "0" means "already loaded"
// Array means "loading", array contains callbacks
var installedChunks = {0:0};
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(chunkId, callback) {
// "0" is the signal for "already loaded"
if(installedChunks[chunkId] === 0)
return callback.call(null, require);
// an array means "currently loading".
if(installedChunks[chunkId] !== undefined) {
installedChunks[chunkId].push(callback);
} else {
// start chunk loading
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;
// install a JSONP callback for chunk loading
window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
// add "moreModules" to the modules object,
// then flag all "chunkIds" as loaded and fire callback
var moduleId, chunkId, callbacks = [];
while(chunkIds.length) {
chunkId = chunkIds.shift();
if(installedChunks[chunkId])
callbacks.push.apply(callbacks, installedChunks[chunkId]);
installedChunks[chunkId] = 0;
}
for(moduleId in moreModules)
modules[moduleId] = moreModules[moduleId];
while(callbacks.length)
callbacks.shift().call(null, require);
};
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
require(/*! bundle!./file.js */ 1)(function(fileJsExports) { require(/*! bundle!./file.js */ 1)(function(fileJsExports) {
console.log(fileJsExports); console.log(fileJsExports);
}); });
/***/ }, /***/ },
@ -81,30 +113,30 @@ module.exports = "It works";
\************************************************************************************/ \************************************************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var cbs = [], var cbs = [],
data; data;
module.exports = function(cb) { module.exports = function(cb) {
if(cbs) cbs.push(cb); if(cbs) cbs.push(cb);
else cb(data); else cb(data);
}
require.e/*nsure*/(1, function(require) {
data = require(/*! !./file.js */ 2);
var callbacks = cbs;
cbs = null;
for(var i = 0, l = callbacks.length; i < l; i++) {
callbacks[i](data);
} }
require.e/*nsure*/(1, function(require) { });
data = require(/*! !./file.js */ 2);
var callbacks = cbs;
cbs = null;
for(var i = 0, l = callbacks.length; i < l; i++) {
callbacks[i](data);
}
});
/***/ } /***/ }
/******/ }) })
``` ```
# js/1.output.js # js/1.output.js
``` javascript ``` javascript
webpackJsonp([1], { webpackJsonp([1],
{
/***/ 2: /***/ 2:
/*!*****************!*\ /*!*****************!*\
@ -112,11 +144,12 @@ webpackJsonp([1], {
\*****************/ \*****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = "It works"; module.exports = "It works";
/***/ } /***/ }
}) }
)
``` ```
# Info # Info
@ -124,10 +157,11 @@ webpackJsonp([1], {
## Uncompressed ## Uncompressed
``` ```
Hash: aaea93e88ddd185dbf5a5109059d3d08 Hash: d75e46ac811b482356205a47ab1dc1c0
Time: 60ms Version: webpack 0.10.0-beta1
Time: 67ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 2806 0 main output.js 3109 0 main
1.output.js 184 1 1.output.js 184 1
chunk {0} output.js (main) 486 chunk {0} output.js (main) 486
[0] ./example.js 88 [built] {0} [0] ./example.js 88 [built] {0}
@ -141,8 +175,9 @@ chunk {1} 1.output.js 28 {0}
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: aaea93e88ddd185dbf5a5109059d3d08 Hash: d75e46ac811b482356205a47ab1dc1c0
Time: 146ms Version: webpack 0.10.0-beta1
Time: 155ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 853 0 main output.js 853 0 main
1.output.js 56 1 1.output.js 56 1

167
examples/code-splitting/README.md
View File

@ -13,65 +13,97 @@ require.ensure(["c"], function(require) {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ var installedChunks = {0:0}; 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) {
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, 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.charset = 'utf-8';
/******/ script.src = modules.c+""+chunkId+".output.js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/ var moduleId, chunkId, callbacks = [];
/******/ while(chunkIds.length) {
/******/ chunkId = chunkIds.shift();
/******/ if(installedChunks[chunkId]) callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ while(callbacks.length)
/******/ callbacks.shift().call(null, require);
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
// object to store loaded and loading chunks
// "0" means "already loaded"
// Array means "loading", array contains callbacks
var installedChunks = {0:0};
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(chunkId, callback) {
// "0" is the signal for "already loaded"
if(installedChunks[chunkId] === 0)
return callback.call(null, require);
// an array means "currently loading".
if(installedChunks[chunkId] !== undefined) {
installedChunks[chunkId].push(callback);
} else {
// start chunk loading
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;
// install a JSONP callback for chunk loading
window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
// add "moreModules" to the modules object,
// then flag all "chunkIds" as loaded and fire callback
var moduleId, chunkId, callbacks = [];
while(chunkIds.length) {
chunkId = chunkIds.shift();
if(installedChunks[chunkId])
callbacks.push.apply(callbacks, installedChunks[chunkId]);
installedChunks[chunkId] = 0;
}
for(moduleId in moreModules)
modules[moduleId] = moreModules[moduleId];
while(callbacks.length)
callbacks.shift().call(null, require);
};
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var a = require(/*! a */ 2); var a = require(/*! a */ 2);
var b = require(/*! b */ 1); var b = require(/*! b */ 1);
require.e/*nsure*/(1, function(require) { require.e/*nsure*/(1, function(require) {
require(/*! b */ 1).xyz(); require(/*! b */ 1).xyz();
var d = require(/*! d */ 4); var d = require(/*! d */ 4);
}); });
/***/ }, /***/ },
@ -81,7 +113,7 @@ require.ensure(["c"], function(require) {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module b // module b
/***/ }, /***/ },
@ -91,17 +123,17 @@ require.ensure(["c"], function(require) {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module a // module a
/***/ } /***/ }
/******/ }) })
``` ```
# js/1.output.js # js/1.output.js
``` javascript ``` javascript
webpackJsonp([1], { webpackJsonp([1],
{
/***/ 3: /***/ 3:
/*!****************!*\ /*!****************!*\
@ -109,7 +141,7 @@ webpackJsonp([1], {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module c // module c
/***/ }, /***/ },
@ -119,11 +151,12 @@ webpackJsonp([1], {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module d // module d
/***/ } /***/ }
}) }
)
``` ```
Minimized Minimized
@ -137,11 +170,12 @@ webpackJsonp([1],{3:function(){},4:function(){}});
## Uncompressed ## Uncompressed
``` ```
Hash: 3d676be1f90fd9a9422053e02c1982e7 Hash: 5543ff7619209e2d2e8aeebc12be7462
Time: 38ms Version: webpack 0.10.0-beta1
Time: 42ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 2529 0 main output.js 2844 0 main
1.output.js 306 1 1.output.js 305 1
chunk {0} output.js (main) 166 chunk {0} output.js (main) 166
[0] ./example.js 144 [built] {0} [0] ./example.js 144 [built] {0}
[1] ./~/b.js 11 [built] {0} [1] ./~/b.js 11 [built] {0}
@ -159,8 +193,9 @@ chunk {1} 1.output.js 22 {0}
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 3d676be1f90fd9a9422053e02c1982e7 Hash: 5543ff7619209e2d2e8aeebc12be7462
Time: 128ms Version: webpack 0.10.0-beta1
Time: 135ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 744 0 main output.js 744 0 main
1.output.js 50 1 1.output.js 50 1

124
examples/coffee-script/README.md
View File

@ -26,36 +26,55 @@ module.exports = 42
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
console.log(require(/*! ./cup1 */ 2)); console.log(require(/*! ./cup1 */ 2));
/***/ }, /***/ },
@ -65,11 +84,10 @@ module.exports = 42
\*********************/ \*********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
console.log("yeah coffee-script");
console.log("yeah coffee-script");
module.exports = 42;
module.exports = 42;
/***/ }, /***/ },
@ -79,18 +97,16 @@ module.exports = 42
\*********************/ \*********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = {
module.exports = { cool: "stuff",
cool: "stuff", answer: 42,
answer: 42, external: require(/*! ./cup2.coffee */ 1),
external: require(/*! ./cup2.coffee */ 1), again: require(/*! ./cup2 */ 1)
again: require(/*! ./cup2 */ 1) };
};
/***/ } /***/ }
/******/ }) })
``` ```
# Info # Info
@ -98,31 +114,33 @@ module.exports = 42
## Uncompressed ## Uncompressed
``` ```
Hash: 30dcf8e5b6f3a18a2eb8eab2188e0643 Hash: 5394516f6bbce8cc020e6c170fd62636
Time: 139ms Version: webpack 0.10.0-beta1
Time: 172ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 1465 0 main output.js 1601 0 main
chunk {0} output.js (main) 208 chunk {0} output.js (main) 206
[0] ./example.js 31 [built] {0} [0] ./example.js 31 [built] {0}
[1] ./cup2.coffee 58 [built] {0} [1] ./cup2.coffee 57 [built] {0}
cjs require ./cup2 [2] ./cup1.coffee 6:9-26 cjs require ./cup2 [2] ./cup1.coffee 5:9-26
cjs require ./cup2.coffee [2] ./cup1.coffee 5:12-36 cjs require ./cup2.coffee [2] ./cup1.coffee 4:12-36
[2] ./cup1.coffee 119 [built] {0} [2] ./cup1.coffee 118 [built] {0}
cjs require ./cup1 [0] ./example.js 1:12-29 cjs require ./cup1 [0] ./example.js 1:12-29
``` ```
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 30dcf8e5b6f3a18a2eb8eab2188e0643 Hash: 5394516f6bbce8cc020e6c170fd62636
Time: 382ms Version: webpack 0.10.0-beta1
Time: 228ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 418 0 main output.js 418 0 main
chunk {0} output.js (main) 208 chunk {0} output.js (main) 206
[0] ./example.js 31 [built] {0} [0] ./example.js 31 [built] {0}
[1] ./cup2.coffee 58 [built] {0} [1] ./cup2.coffee 57 [built] {0}
cjs require ./cup2 [2] ./cup1.coffee 6:9-26 cjs require ./cup2 [2] ./cup1.coffee 5:9-26
cjs require ./cup2.coffee [2] ./cup1.coffee 5:12-36 cjs require ./cup2.coffee [2] ./cup1.coffee 4:12-36
[2] ./cup1.coffee 119 [built] {0} [2] ./cup1.coffee 118 [built] {0}
cjs require ./cup1 [0] ./example.js 1:12-29 cjs require ./cup1 [0] ./example.js 1:12-29
``` ```

106
examples/commonjs/README.md
View File

@ -31,38 +31,57 @@ exports.add = function() {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var inc = require(/*! ./increment */ 1).increment; var inc = require(/*! ./increment */ 1).increment;
var a = 1; var a = 1;
inc(a); // 2 inc(a); // 2
/***/ }, /***/ },
@ -72,10 +91,10 @@ exports.add = function() {
\**********************/ \**********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var add = require(/*! ./math */ 2).add; var add = require(/*! ./math */ 2).add;
exports.increment = function(val) { exports.increment = function(val) {
return add(val, 1); return add(val, 1);
}; };
/***/ }, /***/ },
@ -85,17 +104,16 @@ exports.add = function() {
\*****************/ \*****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
exports.add = function() { exports.add = function() {
var sum = 0, i = 0, args = arguments, l = args.length; var sum = 0, i = 0, args = arguments, l = args.length;
while (i < l) { while (i < l) {
sum += args[i++]; sum += args[i++];
} }
return sum; return sum;
}; };
/***/ } /***/ }
/******/ }) })
``` ```
# Info # Info
@ -103,10 +121,11 @@ exports.add = function() {
## Uncompressed ## Uncompressed
``` ```
Hash: 4c611f00cd8c22d720b7d5e5cf4d0cc2 Hash: b3372208595e483f54eaa29577bc99f8
Time: 31ms Version: webpack 0.10.0-beta1
Time: 33ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 1559 0 main output.js 1708 0 main
chunk {0} output.js (main) 329 chunk {0} output.js (main) 329
[0] ./example.js 69 [built] {0} [0] ./example.js 69 [built] {0}
[1] ./increment.js 98 [built] {0} [1] ./increment.js 98 [built] {0}
@ -118,8 +137,9 @@ chunk {0} output.js (main) 329
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 4c611f00cd8c22d720b7d5e5cf4d0cc2 Hash: b3372208595e483f54eaa29577bc99f8
Time: 84ms Version: webpack 0.10.0-beta1
Time: 96ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 460 0 main output.js 460 0 main
chunk {0} output.js (main) 329 chunk {0} output.js (main) 329

134
examples/component/README.md
View File

@ -72,39 +72,58 @@ module.exports = {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
console.log(require(/*! a-component */ 1)); console.log(require(/*! a-component */ 1));
console.log(require(/*! b-component */ 9)); console.log(require(/*! b-component */ 9));
console.log(require(/*! c-component */ 7)); console.log(require(/*! c-component */ 7));
/***/ }, /***/ },
@ -114,8 +133,8 @@ module.exports = {
\***************************************************/ \***************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
require(/*! (webpack)/~/component-webpack-plugin/~/style-loader!(webpack)/~/component-webpack-plugin/~/css-loader!./style.css */ 4); require(/*! (webpack)/~/component-webpack-plugin/~/style-loader!(webpack)/~/component-webpack-plugin/~/css-loader!./style.css */ 4);
module.exports = require(/*! ./index.js */ 6); module.exports = require(/*! ./index.js */ 6);
/***/ }, /***/ },
@ -125,8 +144,8 @@ module.exports = {
\********************************************************************************************************************************************/ \********************************************************************************************************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = module.exports =
".a-component {\n\tdisplay: inline;\n\tbackground: url("+require(/*! ./image.png */ 5)+") repeat;\n}"; ".a-component {\n\tdisplay: inline;\n\tbackground: url("+require(/*! ./image.png */ 5)+") repeat;\n}";
/***/ }, /***/ },
@ -136,20 +155,20 @@ module.exports = {
\****************************************************************************************************************/ \****************************************************************************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
/* /*
MIT License http://www.opensource.org/licenses/mit-license.php MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra Author Tobias Koppers @sokra
*/ */
module.exports = function(cssCode) { module.exports = function(cssCode) {
var styleElement = document.createElement("style"); var styleElement = document.createElement("style");
styleElement.type = "text/css"; styleElement.type = "text/css";
if (styleElement.styleSheet) { if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = cssCode; styleElement.styleSheet.cssText = cssCode;
} else { } else {
styleElement.appendChild(document.createTextNode(cssCode)); styleElement.appendChild(document.createTextNode(cssCode));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);
} }
document.getElementsByTagName("head")[0].appendChild(styleElement);
}
/***/ }, /***/ },
@ -159,7 +178,7 @@ module.exports = {
\*****************************************************************************************************************************************************************************************************************************************/ \*****************************************************************************************************************************************************************************************************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
require(/*! (webpack)/~/component-webpack-plugin/~/style-loader/addStyle.js */ 3)(require(/*! !(webpack)/~/component-webpack-plugin/~/css-loader!./component/webpack-a-component/style.css */ 2)) require(/*! (webpack)/~/component-webpack-plugin/~/style-loader/addStyle.js */ 3)(require(/*! !(webpack)/~/component-webpack-plugin/~/css-loader!./component/webpack-a-component/style.css */ 2))
/***/ }, /***/ },
@ -169,7 +188,7 @@ module.exports = {
\*************************************************/ \*************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAIAAABGj2DjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACNSURBVChTlZC7FQAREEWFylCKEoS6EalBKNWZEoR2zrLrWbO/Gzjjc9/MIep/upNS8t63+pXukCAE33ON4/vgdo3j+6zvkNuLBybn409MDo4UY9Ra09q2CD9bCIFkQkpZSumnB8PBwZRSzbHWthNkODiYc45qY8zZBBP52Yicc692MPHqfPm6q4N5PLVunPxwQxP50QkAAAAASUVORK5CYII=" module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAIAAABGj2DjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACNSURBVChTlZC7FQAREEWFylCKEoS6EalBKNWZEoR2zrLrWbO/Gzjjc9/MIep/upNS8t63+pXukCAE33ON4/vgdo3j+6zvkNuLBybn409MDo4UY9Ra09q2CD9bCIFkQkpZSumnB8PBwZRSzbHWthNkODiYc45qY8zZBBP52Yicc692MPHqfPm6q4N5PLVunPxwQxP50QkAAAAASUVORK5CYII="
/***/ }, /***/ },
@ -179,7 +198,7 @@ module.exports = {
\************************************************/ \************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = "A"; module.exports = "A";
/***/ }, /***/ },
@ -189,7 +208,7 @@ module.exports = {
\***************************************************/ \***************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = require(/*! ./main.js */ 8); module.exports = require(/*! ./main.js */ 8);
/***/ }, /***/ },
@ -199,7 +218,7 @@ module.exports = {
\***********************************************/ \***********************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = "C" + require(/*! a-component */ 1); module.exports = "C" + require(/*! a-component */ 1);
/***/ }, /***/ },
@ -209,7 +228,7 @@ module.exports = {
\**********************************************/ \**********************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = require(/*! ./main.js */ 10); module.exports = require(/*! ./main.js */ 10);
/***/ }, /***/ },
@ -219,11 +238,10 @@ module.exports = {
\******************************************/ \******************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = "B"; module.exports = "B";
/***/ } /***/ }
/******/ }) })
``` ```
# Info # Info
@ -231,10 +249,11 @@ module.exports = {
## Uncompressed ## Uncompressed
``` ```
Hash: 9a9389bf1908b5568ad6f8fe413a0627 Hash: 90defdf491ebab80d48bd42ea1f7c17d
Time: 120ms Version: webpack 0.10.0-beta1
Time: 124ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 6031 0 main output.js 6167 0 main
chunk {0} output.js (main) 1981 chunk {0} output.js (main) 1981
[0] ./example.js 111 [built] {0} [0] ./example.js 111 [built] {0}
[1] ./component/webpack-a-component (component) 328 [built] {0} [1] ./component/webpack-a-component (component) 328 [built] {0}
@ -263,8 +282,9 @@ chunk {0} output.js (main) 1981
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 3347ab710ad08b8494aec6ba77f9509b Hash: 347d579347a144b45a78b34863b12b79
Time: 199ms Version: webpack 0.10.0-beta1
Time: 466ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 1243 0 main output.js 1243 0 main
chunk {0} output.js (main) 1960 chunk {0} output.js (main) 1960

82
examples/i18n/README.md
View File

@ -33,41 +33,59 @@ module.exports = {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
console.log("Hallo Welt"); console.log("Hallo Welt");
console.log("Missing Text"); console.log("Missing Text");
/***/ } /***/ }
/******/ }) })
``` ```
# Info # Info
@ -75,10 +93,11 @@ module.exports = {
## Uncompressed ## Uncompressed
``` ```
Hash: 6dd5f9550269e46e82b8dd537732bdfa Hash: a738ac89a403e736beace631044222a3
Time: 17ms Version: webpack 0.10.0-beta1
Time: 20ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 989 0 main output.js 1139 0 main
chunk {0} output.js (main) 64 chunk {0} output.js (main) 64
[0] ./example.js 64 [built] {0} [0] ./example.js 64 [built] {0}
@ -89,8 +108,9 @@ Missing localization: Missing Text
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 6dd5f9550269e46e82b8dd537732bdfa Hash: a738ac89a403e736beace631044222a3
Time: 52ms Version: webpack 0.10.0-beta1
Time: 61ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 308 0 main output.js 308 0 main
chunk {0} output.js (main) 64 chunk {0} output.js (main) 64

106
examples/labeled-modules/README.md
View File

@ -30,38 +30,57 @@ exports: function add() {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var __WEBPACK_LABELED_MODULE__1 = require(/*! ./increment */ 1), increment = __WEBPACK_LABELED_MODULE__1.increment; var __WEBPACK_LABELED_MODULE__1 = require(/*! ./increment */ 1), increment = __WEBPACK_LABELED_MODULE__1.increment;
var a = 1; var a = 1;
increment(a); // 2 increment(a); // 2
/***/ }, /***/ },
@ -71,10 +90,10 @@ exports: function add() {
\**********************/ \**********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var __WEBPACK_LABELED_MODULE__2 = require(/*! ./math */ 2), add = __WEBPACK_LABELED_MODULE__2.add; var __WEBPACK_LABELED_MODULE__2 = require(/*! ./math */ 2), add = __WEBPACK_LABELED_MODULE__2.add;
exports: exports["increment"] = function increment(val) { exports: exports["increment"] = function increment(val) {
return add(val, 1); return add(val, 1);
}; };
/***/ }, /***/ },
@ -84,17 +103,16 @@ exports: function add() {
\*****************/ \*****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
exports: exports["add"] = function add() { exports: exports["add"] = function add() {
var sum = 0, i = 0, args = arguments, l = args.length; var sum = 0, i = 0, args = arguments, l = args.length;
while (i < l) { while (i < l) {
sum += args[i++]; sum += args[i++];
} }
return sum; return sum;
}; };
/***/ } /***/ }
/******/ }) })
``` ```
The remaining labels are removed while minimizing. The remaining labels are removed while minimizing.
@ -104,10 +122,11 @@ The remaining labels are removed while minimizing.
## Uncompressed ## Uncompressed
``` ```
Hash: 77a9971b44e556189b1ad3d848f5ea9c Hash: 7167162ed42199dd8fc82db2097674eb
Time: 30ms Version: webpack 0.10.0-beta1
Time: 35ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 1727 0 main output.js 1876 0 main
chunk {0} output.js (main) 299 chunk {0} output.js (main) 299
[0] ./example.js 55 [built] {0} [0] ./example.js 55 [built] {0}
[1] ./increment.js 83 [built] {0} [1] ./increment.js 83 [built] {0}
@ -119,8 +138,9 @@ chunk {0} output.js (main) 299
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 77a9971b44e556189b1ad3d848f5ea9c Hash: 7167162ed42199dd8fc82db2097674eb
Time: 82ms Version: webpack 0.10.0-beta1
Time: 96ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 468 0 main output.js 468 0 main
chunk {0} output.js (main) 299 chunk {0} output.js (main) 299

95
examples/loader/README.md
View File

@ -34,41 +34,60 @@ module.exports = function(content) {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// use our loader // use our loader
console.dir(require(/*! ./loader!./file */ 2)); console.dir(require(/*! ./loader!./file */ 2));
// use buildin json loader // use buildin json loader
console.dir(require(/*! ./test.json */ 1)); // default by extension console.dir(require(/*! ./test.json */ 1)); // default by extension
console.dir(require(/*! json!./test.json */ 1)); // manual console.dir(require(/*! json!./test.json */ 1)); // manual
/***/ }, /***/ },
@ -78,9 +97,9 @@ module.exports = function(content) {
\************************************************************************************/ \************************************************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = { module.exports = {
"foobar": 1234 "foobar": 1234
} }
/***/ }, /***/ },
@ -90,12 +109,11 @@ module.exports = function(content) {
\*****************************/ \*****************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
exports.answer = 42; exports.answer = 42;
exports.foo = "bar"; exports.foo = "bar";
/***/ } /***/ }
/******/ }) })
``` ```
# Console output # Console output
@ -113,10 +131,11 @@ Prints in node.js (`enhanced-require example.js`) and in browser:
## Uncompressed ## Uncompressed
``` ```
Hash: 2f64cd43907e15c39cc8d84534efe0a2 Hash: 5caaa03683d41f386ba25cd5e2812588
Time: 50ms Version: webpack 0.10.0-beta1
Time: 57ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 1743 0 main output.js 1889 0 main
chunk {0} output.js (main) 282 chunk {0} output.js (main) 282
[0] ./example.js 205 [built] {0} [0] ./example.js 205 [built] {0}
[1] (webpack)/~/json-loader!./test.json 36 [built] {0} [1] (webpack)/~/json-loader!./test.json 36 [built] {0}

290
examples/mixed/README.md
View File

@ -75,76 +75,108 @@ require(
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ var installedChunks = {0:0}; 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) {
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, 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.charset = 'utf-8';
/******/ script.src = modules.c+""+chunkId+".output.js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/ var moduleId, chunkId, callbacks = [];
/******/ while(chunkIds.length) {
/******/ chunkId = chunkIds.shift();
/******/ if(installedChunks[chunkId]) callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ while(callbacks.length)
/******/ callbacks.shift().call(null, require);
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
// object to store loaded and loading chunks
// "0" means "already loaded"
// Array means "loading", array contains callbacks
var installedChunks = {0:0};
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(chunkId, callback) {
// "0" is the signal for "already loaded"
if(installedChunks[chunkId] === 0)
return callback.call(null, require);
// an array means "currently loading".
if(installedChunks[chunkId] !== undefined) {
installedChunks[chunkId].push(callback);
} else {
// start chunk loading
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;
// install a JSONP callback for chunk loading
window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
// add "moreModules" to the modules object,
// then flag all "chunkIds" as loaded and fire callback
var moduleId, chunkId, callbacks = [];
while(chunkIds.length) {
chunkId = chunkIds.shift();
if(installedChunks[chunkId])
callbacks.push.apply(callbacks, installedChunks[chunkId]);
installedChunks[chunkId] = 0;
}
for(moduleId in moreModules)
modules[moduleId] = moreModules[moduleId];
while(callbacks.length)
callbacks.shift().call(null, require);
};
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// CommonJs-style requires // CommonJs-style requires
var commonjs1 = require(/*! ./commonjs */ 2); var commonjs1 = require(/*! ./commonjs */ 2);
var amd1 = require(/*! ./amd */ 1); var amd1 = require(/*! ./amd */ 1);
var labeled1 = require(/*! ./labeled */ 3); var labeled1 = require(/*! ./labeled */ 3);
// AMD-style requires (with all webpack features) // AMD-style requires (with all webpack features)
require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [ require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [
(require(/*! ./commonjs */ 2)), (require(/*! ./amd */ 1)), (require(/*! ./labeled */ 3)), (require(/*! ./commonjs */ 2)), (require(/*! ./amd */ 1)), (require(/*! ./labeled */ 3)),
require(/*! ../require.context/templates */ 4)("./"+amd1+".js"), require(/*! ../require.context/templates */ 4)("./"+amd1+".js"),
Math.random() < 0.5 ? (require(/*! ./commonjs */ 2)) : (require(/*! ./amd */ 1))]; (function(commonjs2, amd2, labeled2, template, randModule) { Math.random() < 0.5 ? (require(/*! ./commonjs */ 2)) : (require(/*! ./amd */ 1))]; (function(commonjs2, amd2, labeled2, template, randModule) {
// Do something with it... // Do something with it...
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
// labeled modules requires // labeled modules requires
var __WEBPACK_LABELED_MODULE__3 = require(/*! ./labeled */ 3), a = __WEBPACK_LABELED_MODULE__3.a; var __WEBPACK_LABELED_MODULE__3 = require(/*! ./labeled */ 3), a = __WEBPACK_LABELED_MODULE__3.a;
// with the require label you are only allowed to import labeled modules // with the require label you are only allowed to import labeled modules
// the module needs static information about exports // the module needs static information about exports
/***/ }, /***/ },
@ -154,14 +186,14 @@ require(
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// AMD Module Format // AMD Module Format
{var __WEBPACK_AMD_DEFINE_ARRAY__ = [(require(/*! ./commonjs */ 2)), (require(/*! ./labeled */ 3))]; var __WEBPACK_AMD_DEFINE_RESULT__ = (function(commonjs1, labeled1) { {var __WEBPACK_AMD_DEFINE_ARRAY__ = [(require(/*! ./commonjs */ 2)), (require(/*! ./labeled */ 3))]; var __WEBPACK_AMD_DEFINE_RESULT__ = (function(commonjs1, labeled1) {
// but you can use CommonJs-style requires: // but you can use CommonJs-style requires:
var commonjs2 = require(/*! ./commonjs */ 2); var commonjs2 = require(/*! ./commonjs */ 2);
var labeled2 = require(/*! ./labeled */ 3); var labeled2 = require(/*! ./labeled */ 3);
// Do something... // Do something...
return 456; return 456;
}.apply(null, __WEBPACK_AMD_DEFINE_ARRAY__)); if(__WEBPACK_AMD_DEFINE_RESULT__ !== undefined) module.exports = __WEBPACK_AMD_DEFINE_RESULT__;}; }.apply(null, __WEBPACK_AMD_DEFINE_ARRAY__)); if(__WEBPACK_AMD_DEFINE_RESULT__ !== undefined) module.exports = __WEBPACK_AMD_DEFINE_RESULT__;};
/***/ }, /***/ },
@ -171,14 +203,14 @@ require(
\*********************/ \*********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// CommonJs Module Format // CommonJs Module Format
module.exports = 123; module.exports = 123;
// but you can use amd style requires // but you can use amd style requires
require.e/* require */(0/* empty */, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [(require(/*! ./amd */ 1)), (require(/*! ./labeled */ 3))]; (function(amd1, labeled1) { require.e/* require */(0/* empty */, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [(require(/*! ./amd */ 1)), (require(/*! ./labeled */ 3))]; (function(amd1, labeled1) {
var amd2 = require(/*! ./amd */ 1); var amd2 = require(/*! ./amd */ 1);
var labeled2 = require(/*! ./labeled */ 3); var labeled2 = require(/*! ./labeled */ 3);
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
/***/ }, /***/ },
@ -188,24 +220,24 @@ require(
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// Labeled Module Format // Labeled Module Format
exports: var a = exports["a"] = 123; exports: var a = exports["a"] = 123;
// but you can use amd and commonjs style requires // but you can use amd and commonjs style requires
require.e/* require */(0/* empty */, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [(require(/*! ./commonjs */ 2)), (require(/*! ./amd */ 1))]; (function(amd1) { require.e/* require */(0/* empty */, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [(require(/*! ./commonjs */ 2)), (require(/*! ./amd */ 1))]; (function(amd1) {
var commonjs2 = require(/*! ./commonjs */ 2); var commonjs2 = require(/*! ./commonjs */ 2);
var amd2 = require(/*! ./amd */ 1); var amd2 = require(/*! ./amd */ 1);
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
/***/ } /***/ }
/******/ }) })
``` ```
# js/1.output.js # js/1.output.js
``` javascript ``` javascript
webpackJsonp([1], { webpackJsonp([1],
{
/***/ 4: /***/ 4:
/*!*************************************************!*\ /*!*************************************************!*\
@ -213,23 +245,23 @@ webpackJsonp([1], {
\*************************************************/ \*************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var map = { var map = {
"./a.js": 5, "./a.js": 5,
"./b.js": 6, "./b.js": 6,
"./c.js": 7 "./c.js": 7
}; };
function webpackContext(req) { function webpackContext(req) {
return require(webpackContextResolve(req)); return require(webpackContextResolve(req));
}; };
function webpackContextResolve(req) { function webpackContextResolve(req) {
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
}; };
webpackContext.keys = function webpackContextKeys() { webpackContext.keys = function webpackContextKeys() {
return Object.keys(map); return Object.keys(map);
}; };
webpackContext.resolve = webpackContextResolve; webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext; module.exports = webpackContext;
/***/ }, /***/ },
@ -239,9 +271,9 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = function() { module.exports = function() {
return "This text was generated by template A"; return "This text was generated by template A";
} }
/***/ }, /***/ },
@ -251,9 +283,9 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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 B";
} }
/***/ }, /***/ },
@ -263,13 +295,14 @@ webpackJsonp([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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";
} }
/***/ } /***/ }
}) }
)
``` ```
# Info # Info
@ -277,37 +310,38 @@ webpackJsonp([1], {
## Uncompressed ## Uncompressed
``` ```
Hash: 516dce8c57b3158b12d5ec4b5ec0c704 Hash: c742d10da02e7180be4429633fb7f3af
Time: 62ms Version: webpack 0.10.0-beta1
Time: 77ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 4786 0 main output.js 5100 0 main
1.output.js 1565 1 1.output.js 1546 1
chunk {0} output.js (main) 1395 chunk {0} output.js (main) 1395
[0] ./example.js 613 [built] {0} [0] ./example.js 613 [built] {0}
[1] ./amd.js 309 [built] {0} [1] ./amd.js 309 [built] {0}
amd require ./amd [2] ./commonjs.js 5:0-11:1
cjs require ./amd [2] ./commonjs.js 8:13-29
cjs require ./amd [0] ./example.js 3:11-27 cjs require ./amd [0] ./example.js 3:11-27
amd require ./amd [0] ./example.js 7:0-14:1 amd require ./amd [0] ./example.js 7:0-14:1
amd require ./amd [0] ./example.js 7:0-14:1 amd require ./amd [0] ./example.js 7:0-14:1
amd require ./amd [3] ./labeled.js 5:0-11:1 amd require ./amd [3] ./labeled.js 5:0-11:1
cjs require ./amd [3] ./labeled.js 9:13-29 cjs require ./amd [3] ./labeled.js 9:13-29
amd require ./amd [2] ./commonjs.js 5:0-11:1
cjs require ./amd [2] ./commonjs.js 8:13-29
[2] ./commonjs.js 234 [built] {0} [2] ./commonjs.js 234 [built] {0}
cjs require ./commonjs [0] ./example.js 2:16-37
amd require ./commonjs [0] ./example.js 7:0-14:1
amd require ./commonjs [0] ./example.js 7:0-14:1
amd require ./commonjs [1] ./amd.js 2:0-12:1 amd require ./commonjs [1] ./amd.js 2:0-12:1
cjs require ./commonjs [1] ./amd.js 7:18-39 cjs require ./commonjs [1] ./amd.js 7:18-39
amd require ./commonjs [3] ./labeled.js 5:0-11:1 amd require ./commonjs [3] ./labeled.js 5:0-11:1
cjs require ./commonjs [3] ./labeled.js 8:18-39 cjs require ./commonjs [3] ./labeled.js 8:18-39
cjs require ./commonjs [0] ./example.js 2:16-37
amd require ./commonjs [0] ./example.js 7:0-14:1
amd require ./commonjs [0] ./example.js 7:0-14:1
[3] ./labeled.js 239 [built] {0} [3] ./labeled.js 239 [built] {0}
amd require ./labeled [2] ./commonjs.js 5:0-11:1
cjs require ./labeled [2] ./commonjs.js 9:17-37
amd require ./labeled [1] ./amd.js 2:0-12:1 amd require ./labeled [1] ./amd.js 2:0-12:1
cjs require ./labeled [1] ./amd.js 8:17-37 cjs require ./labeled [1] ./amd.js 8:17-37
cjs require ./labeled [0] ./example.js 4:15-35 cjs require ./labeled [0] ./example.js 4:15-35
labeled require ./labeled [0] ./example.js 17:0-21 labeled require ./labeled [0] ./example.js 17:0-21
amd require ./labeled [0] ./example.js 7:0-14:1 amd require ./labeled [0] ./example.js 7:0-14:1
amd require ./labeled [2] ./commonjs.js 5:0-11:1
cjs require ./labeled [2] ./commonjs.js 9:17-37
chunk {1} 1.output.js 439 {0} chunk {1} 1.output.js 439 {0}
[4] ../require.context/templates ^\.\/.*\.js$ 193 [built] {1} [4] ../require.context/templates ^\.\/.*\.js$ 193 [built] {1}
amd require context ../require.context/templates [0] ./example.js 7:0-14:1 amd require context ../require.context/templates [0] ./example.js 7:0-14:1

204
examples/named-chucks/README.md
View File

@ -27,79 +27,111 @@ require.ensure(["b"], function(require) {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ var installedChunks = {0:0}; 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) {
/******/ if(installedChunks[chunkId] === 0) return callback.call(null, 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.charset = 'utf-8';
/******/ script.src = modules.c+""+chunkId+".output.js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/ var moduleId, chunkId, callbacks = [];
/******/ while(chunkIds.length) {
/******/ chunkId = chunkIds.shift();
/******/ if(installedChunks[chunkId]) callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ while(callbacks.length)
/******/ callbacks.shift().call(null, require);
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
// object to store loaded and loading chunks
// "0" means "already loaded"
// Array means "loading", array contains callbacks
var installedChunks = {0:0};
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(chunkId, callback) {
// "0" is the signal for "already loaded"
if(installedChunks[chunkId] === 0)
return callback.call(null, require);
// an array means "currently loading".
if(installedChunks[chunkId] !== undefined) {
installedChunks[chunkId].push(callback);
} else {
// start chunk loading
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;
// install a JSONP callback for chunk loading
window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
// add "moreModules" to the modules object,
// then flag all "chunkIds" as loaded and fire callback
var moduleId, chunkId, callbacks = [];
while(chunkIds.length) {
chunkId = chunkIds.shift();
if(installedChunks[chunkId])
callbacks.push.apply(callbacks, installedChunks[chunkId]);
installedChunks[chunkId] = 0;
}
for(moduleId in moreModules)
modules[moduleId] = moreModules[moduleId];
while(callbacks.length)
callbacks.shift().call(null, require);
};
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var a = require(/*! a */ 3); var a = require(/*! a */ 3);
require.e/*nsure*/(1, function(require) { require.e/*nsure*/(1, function(require) {
// a named chuck // a named chuck
var c = require(/*! c */ 4); var c = require(/*! c */ 4);
}, /*! my own chuck */ 0); }, /*! my own chuck */ 0);
require.e/*nsure*/(1, function(require) { require.e/*nsure*/(1, function(require) {
// another chuck with the same name // another chuck with the same name
var d = require(/*! d */ 2); var d = require(/*! d */ 2);
}, /*! my own chuck */ 0); }, /*! my own chuck */ 0);
require.e/*nsure*/(1, function(require) { require.e/*nsure*/(1, function(require) {
// the same again // the same again
}, /*! my own chuck */ 0); }, /*! my own chuck */ 0);
require.e/*nsure*/(2, function(require) { require.e/*nsure*/(2, function(require) {
// chuck without name // chuck without name
var d = require(/*! d */ 2); var d = require(/*! d */ 2);
}); });
/***/ }, /***/ },
@ -109,17 +141,17 @@ require.ensure(["b"], function(require) {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module a // module a
/***/ } /***/ }
/******/ }) })
``` ```
# js/1.output.js and js/my own chunk.js # js/1.output.js and js/my own chunk.js
``` javascript ``` javascript
webpackJsonp([1,2], { webpackJsonp([1,2],
{
/***/ 1: /***/ 1:
/*!****************!*\ /*!****************!*\
@ -127,7 +159,7 @@ webpackJsonp([1,2], {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module b // module b
/***/ }, /***/ },
@ -137,7 +169,7 @@ webpackJsonp([1,2], {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module d // module d
/***/ }, /***/ },
@ -147,17 +179,19 @@ webpackJsonp([1,2], {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module c // module c
/***/ } /***/ }
}) }
)
``` ```
# js/2.output.js # js/2.output.js
``` javascript ``` javascript
webpackJsonp([2], { webpackJsonp([2],
{
/***/ 1: /***/ 1:
/*!****************!*\ /*!****************!*\
@ -165,7 +199,7 @@ webpackJsonp([2], {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module b // module b
/***/ }, /***/ },
@ -175,11 +209,12 @@ webpackJsonp([2], {
\****************/ \****************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
// module d // module d
/***/ } /***/ }
}) }
)
``` ```
# Info # Info
@ -187,13 +222,14 @@ webpackJsonp([2], {
## Uncompressed ## Uncompressed
``` ```
Hash: 53bd38ca579a1775bb08ff04b8a8b963 Hash: af380ab476cbefc91864027374dff3e9
Time: 46ms Version: webpack 0.10.0-beta1
Time: 59ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 2706 0 main output.js 3022 0 main
1.output.js 450 1, 2 my own chuck 1.output.js 448 1, 2 my own chuck
my own chuck.js 450 1, 2 my own chuck my own chuck.js 448 1, 2 my own chuck
2.output.js 306 2 2.output.js 305 2
chunk {0} output.js (main) 450 chunk {0} output.js (main) 450
[0] ./example.js 439 [built] {0} [0] ./example.js 439 [built] {0}
[3] ./~/a.js 11 [built] {0} [3] ./~/a.js 11 [built] {0}

146
examples/require.context/README.md
View File

@ -25,40 +25,59 @@ module.exports = function() {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
function getTemplate(templateName) { function getTemplate(templateName) {
return require(/*! ./templates */ 4)("./"+templateName); return require(/*! ./templates */ 4)("./"+templateName);
} }
console.log(getTemplate("a")); console.log(getTemplate("a"));
console.log(getTemplate("b")); console.log(getTemplate("b"));
/***/ }, /***/ },
@ -68,9 +87,9 @@ module.exports = function() {
\************************/ \************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = function() { module.exports = function() {
return "This text was generated by template A"; return "This text was generated by template A";
} }
/***/ }, /***/ },
@ -80,9 +99,9 @@ module.exports = function() {
\************************/ \************************/
/***/ function(module, exports, require) { /***/ 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 B";
} }
/***/ }, /***/ },
@ -92,9 +111,9 @@ module.exports = function() {
\************************/ \************************/
/***/ function(module, exports, require) { /***/ 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";
} }
/***/ }, /***/ },
@ -104,30 +123,29 @@ module.exports = function() {
\****************************/ \****************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var map = { var map = {
"./a": 1, "./a": 1,
"./a.js": 1, "./a.js": 1,
"./b": 2, "./b": 2,
"./b.js": 2, "./b.js": 2,
"./c": 3, "./c": 3,
"./c.js": 3 "./c.js": 3
}; };
function webpackContext(req) { function webpackContext(req) {
return require(webpackContextResolve(req)); return require(webpackContextResolve(req));
}; };
function webpackContextResolve(req) { function webpackContextResolve(req) {
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
}; };
webpackContext.keys = function webpackContextKeys() { webpackContext.keys = function webpackContextKeys() {
return Object.keys(map); return Object.keys(map);
}; };
webpackContext.resolve = webpackContextResolve; webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext; module.exports = webpackContext;
/***/ } /***/ }
/******/ }) })
``` ```
# Info # Info
@ -135,10 +153,11 @@ module.exports = function() {
## Uncompressed ## Uncompressed
``` ```
Hash: 7e957458daf8e24487e04864c255e550 Hash: 6de61529e12c5c59a06afb519b285fc6
Time: 35ms Version: webpack 0.10.0-beta1
Time: 39ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 2458 0 main output.js 2586 0 main
chunk {0} output.js (main) 613 chunk {0} output.js (main) 613
[0] ./example.js 150 [built] {0} [0] ./example.js 150 [built] {0}
[1] ./templates/a.js 82 [built] {0} [1] ./templates/a.js 82 [built] {0}
@ -157,8 +176,9 @@ chunk {0} output.js (main) 613
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: 7e957458daf8e24487e04864c255e550 Hash: 6de61529e12c5c59a06afb519b285fc6
Time: 103ms Version: webpack 0.10.0-beta1
Time: 114ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 844 0 main output.js 844 0 main
chunk {0} output.js (main) 613 chunk {0} output.js (main) 613

106
examples/require.resolve/README.md
View File

@ -26,48 +26,67 @@ module.exports = Math.random();
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var a = require(/*! ./a */ 1); var a = require(/*! ./a */ 1);
// get module id // get module id
var aId = /*require.resolve*/(/*! ./a.js */ 1); var aId = /*require.resolve*/(/*! ./a.js */ 1);
// clear module in require.cache // clear module in require.cache
delete require.cache[aId]; delete require.cache[aId];
// require module again, it should be reexecuted // require module again, it should be reexecuted
var a2 = require(/*! ./a */ 1); var a2 = require(/*! ./a */ 1);
// vertify it // vertify it
if(a == a2) throw new Error("Cache clear failed :("); if(a == a2) throw new Error("Cache clear failed :(");
/***/ }, /***/ },
@ -77,11 +96,10 @@ module.exports = Math.random();
\**************/ \**************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = Math.random(); module.exports = Math.random();
/***/ } /***/ }
/******/ }) })
``` ```
# Info # Info
@ -89,10 +107,11 @@ module.exports = Math.random();
## Uncompressed ## Uncompressed
``` ```
Hash: d7292c834fe164b92f73e1a3aecfecd1 Hash: f180ba3e87e5894643306820cbd115dc
Time: 26ms Version: webpack 0.10.0-beta1
Time: 32ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 1409 0 main output.js 1559 0 main
chunk {0} output.js (main) 326 chunk {0} output.js (main) 326
[0] ./example.js 295 [built] {0} [0] ./example.js 295 [built] {0}
[1] ./a.js 31 [built] {0} [1] ./a.js 31 [built] {0}
@ -104,8 +123,9 @@ chunk {0} output.js (main) 326
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: d7292c834fe164b92f73e1a3aecfecd1 Hash: f180ba3e87e5894643306820cbd115dc
Time: 70ms Version: webpack 0.10.0-beta1
Time: 81ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
output.js 387 0 main output.js 387 0 main
chunk {0} output.js (main) 326 chunk {0} output.js (main) 326

280
examples/web-worker/README.md
View File

@ -25,41 +25,60 @@ onmessage = function(event) {
# js/output.js # js/output.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/ })({
/******/ c: "",
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(_, callback) {
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!********************!*\ /*!********************!*\
!*** ./example.js ***! !*** ./example.js ***!
\********************/ \********************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var Worker = require(/*! worker!./worker */ 1); var Worker = require(/*! worker!./worker */ 1);
var worker = new Worker; var worker = new Worker;
worker.postMessage("b"); worker.postMessage("b");
worker.onmessage = function(event) { worker.onmessage = function(event) {
var templateB = event.data; // "This text was generated by template B" var templateB = event.data; // "This text was generated by template B"
} }
/***/ }, /***/ },
@ -69,73 +88,95 @@ onmessage = function(event) {
\**************************************************************************************/ \**************************************************************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = function() { module.exports = function() {
return new Worker(require.modules.c + "hash.worker.js"); return new Worker(require.modules.c + "hash.worker.js");
}; };
/***/ } /***/ }
/******/ }) })
``` ```
# js/[hash].worker.js # js/[hash].worker.js
``` javascript ``` javascript
/******/ (function webpackBootstrap(modules) { (function(modules) { // webpackBootstrap
/******/ var installedModules = {}; // The module cache
/******/ function require(moduleId) { var installedModules = {};
/******/ 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) {
/******/ if(installedChunks[chunkId] === 1) return callback.call(null, require);
/******/ importScripts(""+chunkId+".bundle.js");
/******/ callback.call(null, require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ var installedChunks = {0:1};
/******/ this["webpackChunk"] = function webpackChunkCallback(chunkIds, moreModules) {
/******/ for(var moduleId in moreModules)
/******/ modules[moduleId] = moreModules[moduleId];
/******/ for(var i = 0; i < chunkIds.length; i++)
/******/ installedChunks[chunkIds[i]] = 1;
/******/ };
/******/ return require(0);
/******/ })({
/******/ c: "",
// object to store loaded chunks
// "1" means "already loaded"
var installedChunks = {0:1};
// The require function
function require(moduleId) {
// Check if module is in cache
if(installedModules[moduleId])
return installedModules[moduleId].exports;
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
exports: {},
id: moduleId,
loaded: false
};
// Execute the module function
modules[moduleId].call(null, module, module.exports, require);
// Flag the module as loaded
module.loaded = true;
// Return the exports of the module
return module.exports;
}
require.e = function requireEnsure(chunkId, callback) {
// "1" is the signal for "already loaded"
if(!installedChunks[chunkId]) {
importScripts("" + chunkId + ".hash.worker.js");
}
callback.call(null, require);
};
require.modules = modules;
require.cache = installedModules;
this["webpackChunk"] = function webpackChunkCallback(chunkIds, moreModules) {
for(var moduleId in moreModules)
modules[moduleId] = moreModules[moduleId];
while(chunkIds.length)
installedChunks[chunkIds.pop()] = 1;
};
// Load entry module and return exports
return require(0);
})
/************************************************************************/
({
// __webpack_public_path__
c: "",
/***/ 0: /***/ 0:
/*!*******************!*\ /*!*******************!*\
!*** ./worker.js ***! !*** ./worker.js ***!
\*******************/ \*******************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
onmessage = function(event) { onmessage = function(event) {
var template = event.data; var template = event.data;
require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./" + event.data)]; (function(tmpl) { require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./" + event.data)]; (function(tmpl) {
postMessage(tmpl()); postMessage(tmpl());
}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
} }
/***/ } /***/ }
/******/ }) })
``` ```
# js/1.[hash].worker.hs # js/1.[hash].worker.hs
``` javascript ``` javascript
webpackChunk([1], { webpackChunk([1],
{
/***/ 1: /***/ 1:
/*!*********************************************!*\ /*!*********************************************!*\
@ -143,26 +184,26 @@ webpackChunk([1], {
\*********************************************/ \*********************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
var map = { var map = {
"./a": 2, "./a": 2,
"./a.js": 2, "./a.js": 2,
"./b": 3, "./b": 3,
"./b.js": 3, "./b.js": 3,
"./c": 4, "./c": 4,
"./c.js": 4 "./c.js": 4
}; };
function webpackContext(req) { function webpackContext(req) {
return require(webpackContextResolve(req)); return require(webpackContextResolve(req));
}; };
function webpackContextResolve(req) { function webpackContextResolve(req) {
return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
}; };
webpackContext.keys = function webpackContextKeys() { webpackContext.keys = function webpackContextKeys() {
return Object.keys(map); return Object.keys(map);
}; };
webpackContext.resolve = webpackContextResolve; webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext; module.exports = webpackContext;
/***/ }, /***/ },
@ -172,9 +213,9 @@ webpackChunk([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ function(module, exports, require) {
module.exports = function() { module.exports = function() {
return "This text was generated by template A"; return "This text was generated by template A";
} }
/***/ }, /***/ },
@ -184,9 +225,9 @@ webpackChunk([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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 B";
} }
/***/ }, /***/ },
@ -196,13 +237,14 @@ webpackChunk([1], {
\*****************************************/ \*****************************************/
/***/ function(module, exports, require) { /***/ 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";
} }
/***/ } /***/ }
}) }
)
``` ```
# Info # Info
@ -210,21 +252,23 @@ webpackChunk([1], {
## Uncompressed ## Uncompressed
``` ```
Hash: c7ce795e4c2122d3f175fa426dbb3130 Hash: b898016580f5af04be201a389d5bc652
Time: 72ms Version: webpack 0.10.0-beta1
Time: 82ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
hash.worker.js 1711 hash.worker.js 1842
1.hash.worker.js 1589 1.hash.worker.js 1567
output.js 1579 0 main output.js 1727 0 main
chunk {0} output.js (main) 302 chunk {0} output.js (main) 302
[0] ./example.js 206 [built] {0} [0] ./example.js 206 [built] {0}
[1] (webpack)/~/worker-loader!./worker.js 96 [not cacheable] [built] {0} [1] (webpack)/~/worker-loader!./worker.js 96 [not cacheable] [built] {0}
cjs require worker!./worker [0] ./example.js 1:13-39 cjs require worker!./worker [0] ./example.js 1:13-39
Child worker: Child worker:
Hash: ac1f44dac199ee427792d65ff79c83c3 Hash: df2e39abee5b81accea763c727cac801
Version: webpack 0.10.0-beta1
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
hash.worker.js 1711 0 main hash.worker.js 1842 0 main
1.hash.worker.js 1589 1 1.hash.worker.js 1567 1
chunk {0} hash.worker.js (main) 168 chunk {0} hash.worker.js (main) 168
[0] ./worker.js 168 [built] {0} [0] ./worker.js 168 [built] {0}
chunk {1} 1.hash.worker.js 463 {0} chunk {1} 1.hash.worker.js 463 {0}
@ -244,10 +288,11 @@ Child worker:
## Minimized (uglify-js, no zip) ## Minimized (uglify-js, no zip)
``` ```
Hash: c7ce795e4c2122d3f175fa426dbb3130 Hash: b898016580f5af04be201a389d5bc652
Time: 215ms Version: webpack 0.10.0-beta1
Time: 226ms
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
hash.worker.js 561 hash.worker.js 519
1.hash.worker.js 531 1.hash.worker.js 531
output.js 418 0 main output.js 418 0 main
chunk {0} output.js (main) 302 chunk {0} output.js (main) 302
@ -255,9 +300,10 @@ chunk {0} output.js (main) 302
[1] (webpack)/~/worker-loader!./worker.js 96 [not cacheable] [built] {0} [1] (webpack)/~/worker-loader!./worker.js 96 [not cacheable] [built] {0}
cjs require worker!./worker [0] ./example.js 1:13-39 cjs require worker!./worker [0] ./example.js 1:13-39
Child worker: Child worker:
Hash: ac1f44dac199ee427792d65ff79c83c3 Hash: df2e39abee5b81accea763c727cac801
Version: webpack 0.10.0-beta1
Asset Size Chunks Chunk Names Asset Size Chunks Chunk Names
hash.worker.js 561 0 main hash.worker.js 519 0 main
1.hash.worker.js 531 1 1.hash.worker.js 531 1
chunk {0} hash.worker.js (main) 168 chunk {0} hash.worker.js (main) 168
[0] ./worker.js 168 [built] {0} [0] ./worker.js 168 [built] {0}

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "webpack", "name": "webpack",
"version": "0.10.0-beta1", "version": "0.10.0-beta2",
"author": "Tobias Koppers @sokra", "author": "Tobias Koppers @sokra",
"description": "Packs CommonJs/AMD/Labeled Modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jade, coffee, css, less, ... and your custom stuff.", "description": "Packs CommonJs/AMD/Labeled Modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jade, coffee, css, less, ... and your custom stuff.",
"dependencies": { "dependencies": {