From 86ca373134fe15724e03d1a71081679da314c76a Mon Sep 17 00:00:00 2001 From: Tobias Koppers Date: Tue, 26 Mar 2013 18:22:30 +0100 Subject: [PATCH] updated examples --- .../README.md | 227 ++++++++------ .../code-splitted-require.context/README.md | 225 ++++++++------ .../code-splitting-bundle-loader/README.md | 179 ++++++----- examples/code-splitting/README.md | 167 ++++++---- examples/coffee-script/README.md | 124 ++++---- examples/commonjs/README.md | 106 ++++--- examples/component/README.md | 134 ++++---- examples/i18n/README.md | 82 +++-- examples/labeled-modules/README.md | 106 ++++--- examples/loader/README.md | 95 +++--- examples/mixed/README.md | 290 ++++++++++-------- examples/named-chucks/README.md | 204 +++++++----- examples/require.context/README.md | 146 +++++---- examples/require.resolve/README.md | 106 ++++--- examples/web-worker/README.md | 280 ++++++++++------- package.json | 2 +- 16 files changed, 1443 insertions(+), 1030 deletions(-) diff --git a/examples/code-splitted-require.context-amd/README.md b/examples/code-splitted-require.context-amd/README.md index 9c9ea8813..1ea5f028c 100644 --- a/examples/code-splitted-require.context-amd/README.md +++ b/examples/code-splitted-require.context-amd/README.md @@ -17,80 +17,112 @@ getTemplate("b", function(b) { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ var installedChunks = {0:0}; -/******/ 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: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - function getTemplate(templateName, callback) { - require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./"+templateName)]; (function(tmpl) { - callback(tmpl()); - }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); - } - getTemplate("a", function(a) { - console.log(a); - }); - getTemplate("b", function(b) { - console.log(b); - }); +function getTemplate(templateName, callback) { + require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./"+templateName)]; (function(tmpl) { + callback(tmpl()); + }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); +} +getTemplate("a", function(a) { + console.log(a); +}); +getTemplate("b", function(b) { + console.log(b); +}); /***/ } -/******/ }) - +}) ``` # js/1.output.js ``` javascript -webpackJsonp([1], { +webpackJsonp([1], +{ /***/ 1: /*!*********************************************!*\ @@ -98,26 +130,26 @@ webpackJsonp([1], { \*********************************************/ /***/ function(module, exports, require) { - var map = { - "./a": 2, - "./a.js": 2, - "./b": 3, - "./b.js": 3, - "./c": 4, - "./c.js": 4 - }; - function webpackContext(req) { - return require(webpackContextResolve(req)); - }; - function webpackContextResolve(req) { - return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); - }; - webpackContext.keys = function webpackContextKeys() { - return Object.keys(map); - }; - webpackContext.resolve = webpackContextResolve; - module.exports = webpackContext; - +var map = { + "./a": 2, + "./a.js": 2, + "./b": 3, + "./b.js": 3, + "./c": 4, + "./c.js": 4 +}; +function webpackContext(req) { + return require(webpackContextResolve(req)); +}; +function webpackContextResolve(req) { + return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); +}; +webpackContext.keys = function webpackContextKeys() { + return Object.keys(map); +}; +webpackContext.resolve = webpackContextResolve; +module.exports = webpackContext; + /***/ }, @@ -127,9 +159,9 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template A"; - } +module.exports = function() { + return "This text was generated by template A"; +} /***/ }, @@ -139,9 +171,9 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template B"; - } +module.exports = function() { + return "This text was generated by template B"; +} /***/ }, @@ -151,13 +183,14 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template C"; - } +module.exports = function() { + return "This text was generated by template C"; +} /***/ } -}) +} +) ``` # Info @@ -165,11 +198,12 @@ webpackJsonp([1], { ## Uncompressed ``` -Hash: 053e43bcefccb7b19cd6a3e30104879a -Time: 38ms +Hash: 7a6425e8fe46dc01a0db9eee1a97caca +Version: webpack 0.10.0-beta1 +Time: 54ms Asset Size Chunks Chunk Names - output.js 2476 0 main -1.output.js 1589 1 + output.js 2793 0 main +1.output.js 1567 1 chunk {0} output.js (main) 261 [0] ./example.js 261 [built] {0} chunk {1} 1.output.js 463 {0} @@ -189,8 +223,9 @@ chunk {1} 1.output.js 463 {0} ## Minimized (uglify-js, no zip) ``` -Hash: 053e43bcefccb7b19cd6a3e30104879a -Time: 155ms +Hash: 7a6425e8fe46dc01a0db9eee1a97caca +Version: webpack 0.10.0-beta1 +Time: 185ms Asset Size Chunks Chunk Names output.js 831 0 main 1.output.js 531 1 diff --git a/examples/code-splitted-require.context/README.md b/examples/code-splitted-require.context/README.md index 40775de48..3eb54e628 100644 --- a/examples/code-splitted-require.context/README.md +++ b/examples/code-splitted-require.context/README.md @@ -17,80 +17,112 @@ getTemplate("b", function(b) { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ var installedChunks = {0:0}; -/******/ 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: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - function getTemplate(templateName, callback) { - require.e/*nsure*/(1, function(require) { - callback(require(/*! ../require.context/templates */ 1)("./"+templateName)()); - }); - } - getTemplate("a", function(a) { - console.log(a); - }); - getTemplate("b", function(b) { - console.log(b); +function getTemplate(templateName, callback) { + require.e/*nsure*/(1, function(require) { + callback(require(/*! ../require.context/templates */ 1)("./"+templateName)()); }); +} +getTemplate("a", function(a) { + console.log(a); +}); +getTemplate("b", function(b) { + console.log(b); +}); /***/ } -/******/ }) - +}) ``` # js/1.output.js ``` javascript -webpackJsonp([1], { +webpackJsonp([1], +{ /***/ 1: /*!*********************************************!*\ @@ -98,26 +130,26 @@ webpackJsonp([1], { \*********************************************/ /***/ function(module, exports, require) { - var map = { - "./a": 2, - "./a.js": 2, - "./b": 3, - "./b.js": 3, - "./c": 4, - "./c.js": 4 - }; - function webpackContext(req) { - return require(webpackContextResolve(req)); - }; - function webpackContextResolve(req) { - return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); - }; - webpackContext.keys = function webpackContextKeys() { - return Object.keys(map); - }; - webpackContext.resolve = webpackContextResolve; - module.exports = webpackContext; - +var map = { + "./a": 2, + "./a.js": 2, + "./b": 3, + "./b.js": 3, + "./c": 4, + "./c.js": 4 +}; +function webpackContext(req) { + return require(webpackContextResolve(req)); +}; +function webpackContextResolve(req) { + return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); +}; +webpackContext.keys = function webpackContextKeys() { + return Object.keys(map); +}; +webpackContext.resolve = webpackContextResolve; +module.exports = webpackContext; + /***/ }, @@ -127,9 +159,9 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template A"; - } +module.exports = function() { + return "This text was generated by template A"; +} /***/ }, @@ -139,9 +171,9 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template B"; - } +module.exports = function() { + return "This text was generated by template B"; +} /***/ }, @@ -151,13 +183,14 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template C"; - } +module.exports = function() { + return "This text was generated by template C"; +} /***/ } -}) +} +) ``` # Info @@ -165,11 +198,12 @@ webpackJsonp([1], { ## Uncompressed ``` -Hash: 64794fb1a8ae78099ec51cabeb1a694e -Time: 37ms +Hash: bfc8a0c89870057a328ac4537518a669 +Version: webpack 0.10.0-beta1 +Time: 52ms Asset Size Chunks Chunk Names - output.js 2364 0 main -1.output.js 1589 1 + output.js 2681 0 main +1.output.js 1567 1 chunk {0} output.js (main) 276 [0] ./example.js 276 [built] {0} chunk {1} 1.output.js 463 {0} @@ -189,8 +223,9 @@ chunk {1} 1.output.js 463 {0} ## Minimized (uglify-js, no zip) ``` -Hash: 64794fb1a8ae78099ec51cabeb1a694e -Time: 154ms +Hash: bfc8a0c89870057a328ac4537518a669 +Version: webpack 0.10.0-beta1 +Time: 163ms Asset Size Chunks Chunk Names output.js 792 0 main 1.output.js 531 1 diff --git a/examples/code-splitting-bundle-loader/README.md b/examples/code-splitting-bundle-loader/README.md index 7f9fe5b20..55c62c7ab 100644 --- a/examples/code-splitting-bundle-loader/README.md +++ b/examples/code-splitting-bundle-loader/README.md @@ -16,62 +16,94 @@ module.exports = "It works"; # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ var installedChunks = {0:0}; -/******/ 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: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - require(/*! bundle!./file.js */ 1)(function(fileJsExports) { - console.log(fileJsExports); - }); +require(/*! bundle!./file.js */ 1)(function(fileJsExports) { + console.log(fileJsExports); +}); /***/ }, @@ -81,30 +113,30 @@ module.exports = "It works"; \************************************************************************************/ /***/ function(module, exports, require) { - var cbs = [], - data; - module.exports = function(cb) { - if(cbs) cbs.push(cb); - else cb(data); +var cbs = [], + data; +module.exports = function(cb) { + if(cbs) cbs.push(cb); + 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 ``` javascript -webpackJsonp([1], { +webpackJsonp([1], +{ /***/ 2: /*!*****************!*\ @@ -112,11 +144,12 @@ webpackJsonp([1], { \*****************/ /***/ function(module, exports, require) { - module.exports = "It works"; +module.exports = "It works"; /***/ } -}) +} +) ``` # Info @@ -124,10 +157,11 @@ webpackJsonp([1], { ## Uncompressed ``` -Hash: aaea93e88ddd185dbf5a5109059d3d08 -Time: 60ms +Hash: d75e46ac811b482356205a47ab1dc1c0 +Version: webpack 0.10.0-beta1 +Time: 67ms Asset Size Chunks Chunk Names - output.js 2806 0 main + output.js 3109 0 main 1.output.js 184 1 chunk {0} output.js (main) 486 [0] ./example.js 88 [built] {0} @@ -141,8 +175,9 @@ chunk {1} 1.output.js 28 {0} ## Minimized (uglify-js, no zip) ``` -Hash: aaea93e88ddd185dbf5a5109059d3d08 -Time: 146ms +Hash: d75e46ac811b482356205a47ab1dc1c0 +Version: webpack 0.10.0-beta1 +Time: 155ms Asset Size Chunks Chunk Names output.js 853 0 main 1.output.js 56 1 diff --git a/examples/code-splitting/README.md b/examples/code-splitting/README.md index 8732f99f9..55d6f9a08 100644 --- a/examples/code-splitting/README.md +++ b/examples/code-splitting/README.md @@ -13,65 +13,97 @@ require.ensure(["c"], function(require) { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ var installedChunks = {0:0}; -/******/ 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: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - var a = require(/*! a */ 2); - var b = require(/*! b */ 1); - require.e/*nsure*/(1, function(require) { - require(/*! b */ 1).xyz(); - var d = require(/*! d */ 4); - }); +var a = require(/*! a */ 2); +var b = require(/*! b */ 1); +require.e/*nsure*/(1, function(require) { + require(/*! b */ 1).xyz(); + var d = require(/*! d */ 4); +}); /***/ }, @@ -81,7 +113,7 @@ require.ensure(["c"], function(require) { \****************/ /***/ function(module, exports, require) { - // module b +// module b /***/ }, @@ -91,17 +123,17 @@ require.ensure(["c"], function(require) { \****************/ /***/ function(module, exports, require) { - // module a +// module a /***/ } -/******/ }) - +}) ``` # js/1.output.js ``` javascript -webpackJsonp([1], { +webpackJsonp([1], +{ /***/ 3: /*!****************!*\ @@ -109,7 +141,7 @@ webpackJsonp([1], { \****************/ /***/ function(module, exports, require) { - // module c +// module c /***/ }, @@ -119,11 +151,12 @@ webpackJsonp([1], { \****************/ /***/ function(module, exports, require) { - // module d +// module d /***/ } -}) +} +) ``` Minimized @@ -137,11 +170,12 @@ webpackJsonp([1],{3:function(){},4:function(){}}); ## Uncompressed ``` -Hash: 3d676be1f90fd9a9422053e02c1982e7 -Time: 38ms +Hash: 5543ff7619209e2d2e8aeebc12be7462 +Version: webpack 0.10.0-beta1 +Time: 42ms Asset Size Chunks Chunk Names - output.js 2529 0 main -1.output.js 306 1 + output.js 2844 0 main +1.output.js 305 1 chunk {0} output.js (main) 166 [0] ./example.js 144 [built] {0} [1] ./~/b.js 11 [built] {0} @@ -159,8 +193,9 @@ chunk {1} 1.output.js 22 {0} ## Minimized (uglify-js, no zip) ``` -Hash: 3d676be1f90fd9a9422053e02c1982e7 -Time: 128ms +Hash: 5543ff7619209e2d2e8aeebc12be7462 +Version: webpack 0.10.0-beta1 +Time: 135ms Asset Size Chunks Chunk Names output.js 744 0 main 1.output.js 50 1 diff --git a/examples/coffee-script/README.md b/examples/coffee-script/README.md index c7df55ab2..98a64908a 100644 --- a/examples/coffee-script/README.md +++ b/examples/coffee-script/README.md @@ -26,36 +26,55 @@ module.exports = 42 # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ 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) { - - console.log("yeah coffee-script"); - - module.exports = 42; - +console.log("yeah coffee-script"); + +module.exports = 42; + /***/ }, @@ -79,18 +97,16 @@ module.exports = 42 \*********************/ /***/ function(module, exports, require) { - - module.exports = { - cool: "stuff", - answer: 42, - external: require(/*! ./cup2.coffee */ 1), - again: require(/*! ./cup2 */ 1) - }; - +module.exports = { + cool: "stuff", + answer: 42, + external: require(/*! ./cup2.coffee */ 1), + again: require(/*! ./cup2 */ 1) +}; + /***/ } -/******/ }) - +}) ``` # Info @@ -98,31 +114,33 @@ module.exports = 42 ## Uncompressed ``` -Hash: 30dcf8e5b6f3a18a2eb8eab2188e0643 -Time: 139ms +Hash: 5394516f6bbce8cc020e6c170fd62636 +Version: webpack 0.10.0-beta1 +Time: 172ms Asset Size Chunks Chunk Names -output.js 1465 0 main -chunk {0} output.js (main) 208 +output.js 1601 0 main +chunk {0} output.js (main) 206 [0] ./example.js 31 [built] {0} - [1] ./cup2.coffee 58 [built] {0} - cjs require ./cup2 [2] ./cup1.coffee 6:9-26 - cjs require ./cup2.coffee [2] ./cup1.coffee 5:12-36 - [2] ./cup1.coffee 119 [built] {0} + [1] ./cup2.coffee 57 [built] {0} + cjs require ./cup2 [2] ./cup1.coffee 5:9-26 + cjs require ./cup2.coffee [2] ./cup1.coffee 4:12-36 + [2] ./cup1.coffee 118 [built] {0} cjs require ./cup1 [0] ./example.js 1:12-29 ``` ## Minimized (uglify-js, no zip) ``` -Hash: 30dcf8e5b6f3a18a2eb8eab2188e0643 -Time: 382ms +Hash: 5394516f6bbce8cc020e6c170fd62636 +Version: webpack 0.10.0-beta1 +Time: 228ms Asset Size Chunks Chunk Names output.js 418 0 main -chunk {0} output.js (main) 208 +chunk {0} output.js (main) 206 [0] ./example.js 31 [built] {0} - [1] ./cup2.coffee 58 [built] {0} - cjs require ./cup2 [2] ./cup1.coffee 6:9-26 - cjs require ./cup2.coffee [2] ./cup1.coffee 5:12-36 - [2] ./cup1.coffee 119 [built] {0} + [1] ./cup2.coffee 57 [built] {0} + cjs require ./cup2 [2] ./cup1.coffee 5:9-26 + cjs require ./cup2.coffee [2] ./cup1.coffee 4:12-36 + [2] ./cup1.coffee 118 [built] {0} cjs require ./cup1 [0] ./example.js 1:12-29 ``` \ No newline at end of file diff --git a/examples/commonjs/README.md b/examples/commonjs/README.md index 4dfa4f0cd..6b005b17a 100644 --- a/examples/commonjs/README.md +++ b/examples/commonjs/README.md @@ -31,38 +31,57 @@ exports.add = function() { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - var inc = require(/*! ./increment */ 1).increment; - var a = 1; - inc(a); // 2 +var inc = require(/*! ./increment */ 1).increment; +var a = 1; +inc(a); // 2 /***/ }, @@ -72,10 +91,10 @@ exports.add = function() { \**********************/ /***/ function(module, exports, require) { - var add = require(/*! ./math */ 2).add; - exports.increment = function(val) { - return add(val, 1); - }; +var add = require(/*! ./math */ 2).add; +exports.increment = function(val) { + return add(val, 1); +}; /***/ }, @@ -85,17 +104,16 @@ exports.add = function() { \*****************/ /***/ function(module, exports, require) { - exports.add = function() { - var sum = 0, i = 0, args = arguments, l = args.length; - while (i < l) { - sum += args[i++]; - } - return sum; - }; +exports.add = function() { + var sum = 0, i = 0, args = arguments, l = args.length; + while (i < l) { + sum += args[i++]; + } + return sum; +}; /***/ } -/******/ }) - +}) ``` # Info @@ -103,10 +121,11 @@ exports.add = function() { ## Uncompressed ``` -Hash: 4c611f00cd8c22d720b7d5e5cf4d0cc2 -Time: 31ms +Hash: b3372208595e483f54eaa29577bc99f8 +Version: webpack 0.10.0-beta1 +Time: 33ms Asset Size Chunks Chunk Names -output.js 1559 0 main +output.js 1708 0 main chunk {0} output.js (main) 329 [0] ./example.js 69 [built] {0} [1] ./increment.js 98 [built] {0} @@ -118,8 +137,9 @@ chunk {0} output.js (main) 329 ## Minimized (uglify-js, no zip) ``` -Hash: 4c611f00cd8c22d720b7d5e5cf4d0cc2 -Time: 84ms +Hash: b3372208595e483f54eaa29577bc99f8 +Version: webpack 0.10.0-beta1 +Time: 96ms Asset Size Chunks Chunk Names output.js 460 0 main chunk {0} output.js (main) 329 diff --git a/examples/component/README.md b/examples/component/README.md index 1514f4878..3770ee139 100644 --- a/examples/component/README.md +++ b/examples/component/README.md @@ -72,39 +72,58 @@ module.exports = { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - console.log(require(/*! a-component */ 1)); - console.log(require(/*! b-component */ 9)); - console.log(require(/*! c-component */ 7)); - +console.log(require(/*! a-component */ 1)); +console.log(require(/*! b-component */ 9)); +console.log(require(/*! c-component */ 7)); + /***/ }, @@ -114,8 +133,8 @@ module.exports = { \***************************************************/ /***/ function(module, exports, require) { - require(/*! (webpack)/~/component-webpack-plugin/~/style-loader!(webpack)/~/component-webpack-plugin/~/css-loader!./style.css */ 4); - module.exports = require(/*! ./index.js */ 6); +require(/*! (webpack)/~/component-webpack-plugin/~/style-loader!(webpack)/~/component-webpack-plugin/~/css-loader!./style.css */ 4); +module.exports = require(/*! ./index.js */ 6); /***/ }, @@ -125,8 +144,8 @@ module.exports = { \********************************************************************************************************************************************/ /***/ function(module, exports, require) { - module.exports = - ".a-component {\n\tdisplay: inline;\n\tbackground: url("+require(/*! ./image.png */ 5)+") repeat;\n}"; +module.exports = + ".a-component {\n\tdisplay: inline;\n\tbackground: url("+require(/*! ./image.png */ 5)+") repeat;\n}"; /***/ }, @@ -136,20 +155,20 @@ module.exports = { \****************************************************************************************************************/ /***/ function(module, exports, require) { - /* - MIT License http://www.opensource.org/licenses/mit-license.php - Author Tobias Koppers @sokra - */ - module.exports = function(cssCode) { - var styleElement = document.createElement("style"); - styleElement.type = "text/css"; - if (styleElement.styleSheet) { - styleElement.styleSheet.cssText = cssCode; - } else { - styleElement.appendChild(document.createTextNode(cssCode)); - } - document.getElementsByTagName("head")[0].appendChild(styleElement); +/* + MIT License http://www.opensource.org/licenses/mit-license.php + Author Tobias Koppers @sokra +*/ +module.exports = function(cssCode) { + var styleElement = document.createElement("style"); + styleElement.type = "text/css"; + if (styleElement.styleSheet) { + styleElement.styleSheet.cssText = cssCode; + } else { + styleElement.appendChild(document.createTextNode(cssCode)); } + document.getElementsByTagName("head")[0].appendChild(styleElement); +} /***/ }, @@ -159,7 +178,7 @@ module.exports = { \*****************************************************************************************************************************************************************************************************************************************/ /***/ 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) { - 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) { - module.exports = "A"; +module.exports = "A"; /***/ }, @@ -189,7 +208,7 @@ module.exports = { \***************************************************/ /***/ 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) { - module.exports = "C" + require(/*! a-component */ 1); +module.exports = "C" + require(/*! a-component */ 1); /***/ }, @@ -209,7 +228,7 @@ module.exports = { \**********************************************/ /***/ 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) { - module.exports = "B"; +module.exports = "B"; /***/ } -/******/ }) - +}) ``` # Info @@ -231,10 +249,11 @@ module.exports = { ## Uncompressed ``` -Hash: 9a9389bf1908b5568ad6f8fe413a0627 -Time: 120ms +Hash: 90defdf491ebab80d48bd42ea1f7c17d +Version: webpack 0.10.0-beta1 +Time: 124ms Asset Size Chunks Chunk Names -output.js 6031 0 main +output.js 6167 0 main chunk {0} output.js (main) 1981 [0] ./example.js 111 [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) ``` -Hash: 3347ab710ad08b8494aec6ba77f9509b -Time: 199ms +Hash: 347d579347a144b45a78b34863b12b79 +Version: webpack 0.10.0-beta1 +Time: 466ms Asset Size Chunks Chunk Names output.js 1243 0 main chunk {0} output.js (main) 1960 diff --git a/examples/i18n/README.md b/examples/i18n/README.md index 2897c8149..600d12283 100644 --- a/examples/i18n/README.md +++ b/examples/i18n/README.md @@ -33,41 +33,59 @@ module.exports = { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - console.log("Hallo Welt"); - console.log("Missing Text"); +console.log("Hallo Welt"); +console.log("Missing Text"); /***/ } -/******/ }) - +}) ``` # Info @@ -75,10 +93,11 @@ module.exports = { ## Uncompressed ``` -Hash: 6dd5f9550269e46e82b8dd537732bdfa -Time: 17ms +Hash: a738ac89a403e736beace631044222a3 +Version: webpack 0.10.0-beta1 +Time: 20ms Asset Size Chunks Chunk Names -output.js 989 0 main +output.js 1139 0 main chunk {0} output.js (main) 64 [0] ./example.js 64 [built] {0} @@ -89,8 +108,9 @@ Missing localization: Missing Text ## Minimized (uglify-js, no zip) ``` -Hash: 6dd5f9550269e46e82b8dd537732bdfa -Time: 52ms +Hash: a738ac89a403e736beace631044222a3 +Version: webpack 0.10.0-beta1 +Time: 61ms Asset Size Chunks Chunk Names output.js 308 0 main chunk {0} output.js (main) 64 diff --git a/examples/labeled-modules/README.md b/examples/labeled-modules/README.md index c9f92fd02..0f92f950a 100644 --- a/examples/labeled-modules/README.md +++ b/examples/labeled-modules/README.md @@ -30,38 +30,57 @@ exports: function add() { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - var __WEBPACK_LABELED_MODULE__1 = require(/*! ./increment */ 1), increment = __WEBPACK_LABELED_MODULE__1.increment; - var a = 1; - increment(a); // 2 +var __WEBPACK_LABELED_MODULE__1 = require(/*! ./increment */ 1), increment = __WEBPACK_LABELED_MODULE__1.increment; +var a = 1; +increment(a); // 2 /***/ }, @@ -71,10 +90,10 @@ exports: function add() { \**********************/ /***/ function(module, exports, require) { - var __WEBPACK_LABELED_MODULE__2 = require(/*! ./math */ 2), add = __WEBPACK_LABELED_MODULE__2.add; - exports: exports["increment"] = function increment(val) { - return add(val, 1); - }; +var __WEBPACK_LABELED_MODULE__2 = require(/*! ./math */ 2), add = __WEBPACK_LABELED_MODULE__2.add; +exports: exports["increment"] = function increment(val) { + return add(val, 1); +}; /***/ }, @@ -84,17 +103,16 @@ exports: function add() { \*****************/ /***/ function(module, exports, require) { - exports: exports["add"] = function add() { - var sum = 0, i = 0, args = arguments, l = args.length; - while (i < l) { - sum += args[i++]; - } - return sum; - }; +exports: exports["add"] = function add() { + var sum = 0, i = 0, args = arguments, l = args.length; + while (i < l) { + sum += args[i++]; + } + return sum; +}; /***/ } -/******/ }) - +}) ``` The remaining labels are removed while minimizing. @@ -104,10 +122,11 @@ The remaining labels are removed while minimizing. ## Uncompressed ``` -Hash: 77a9971b44e556189b1ad3d848f5ea9c -Time: 30ms +Hash: 7167162ed42199dd8fc82db2097674eb +Version: webpack 0.10.0-beta1 +Time: 35ms Asset Size Chunks Chunk Names -output.js 1727 0 main +output.js 1876 0 main chunk {0} output.js (main) 299 [0] ./example.js 55 [built] {0} [1] ./increment.js 83 [built] {0} @@ -119,8 +138,9 @@ chunk {0} output.js (main) 299 ## Minimized (uglify-js, no zip) ``` -Hash: 77a9971b44e556189b1ad3d848f5ea9c -Time: 82ms +Hash: 7167162ed42199dd8fc82db2097674eb +Version: webpack 0.10.0-beta1 +Time: 96ms Asset Size Chunks Chunk Names output.js 468 0 main chunk {0} output.js (main) 299 diff --git a/examples/loader/README.md b/examples/loader/README.md index 14cc138d1..03d8a88ea 100644 --- a/examples/loader/README.md +++ b/examples/loader/README.md @@ -34,41 +34,60 @@ module.exports = function(content) { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - // use our loader - console.dir(require(/*! ./loader!./file */ 2)); - - // use buildin json loader - console.dir(require(/*! ./test.json */ 1)); // default by extension - console.dir(require(/*! json!./test.json */ 1)); // manual +// use our loader +console.dir(require(/*! ./loader!./file */ 2)); + +// use buildin json loader +console.dir(require(/*! ./test.json */ 1)); // default by extension +console.dir(require(/*! json!./test.json */ 1)); // manual /***/ }, @@ -78,9 +97,9 @@ module.exports = function(content) { \************************************************************************************/ /***/ function(module, exports, require) { - module.exports = { - "foobar": 1234 - } +module.exports = { + "foobar": 1234 +} /***/ }, @@ -90,12 +109,11 @@ module.exports = function(content) { \*****************************/ /***/ function(module, exports, require) { - exports.answer = 42; - exports.foo = "bar"; +exports.answer = 42; +exports.foo = "bar"; /***/ } -/******/ }) - +}) ``` # Console output @@ -113,10 +131,11 @@ Prints in node.js (`enhanced-require example.js`) and in browser: ## Uncompressed ``` -Hash: 2f64cd43907e15c39cc8d84534efe0a2 -Time: 50ms +Hash: 5caaa03683d41f386ba25cd5e2812588 +Version: webpack 0.10.0-beta1 +Time: 57ms Asset Size Chunks Chunk Names -output.js 1743 0 main +output.js 1889 0 main chunk {0} output.js (main) 282 [0] ./example.js 205 [built] {0} [1] (webpack)/~/json-loader!./test.json 36 [built] {0} diff --git a/examples/mixed/README.md b/examples/mixed/README.md index 9315464ca..6aaea3bad 100644 --- a/examples/mixed/README.md +++ b/examples/mixed/README.md @@ -75,76 +75,108 @@ require( # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ var installedChunks = {0:0}; -/******/ 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: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - // CommonJs-style requires - var commonjs1 = require(/*! ./commonjs */ 2); - var amd1 = require(/*! ./amd */ 1); - var labeled1 = require(/*! ./labeled */ 3); - - // AMD-style requires (with all webpack features) - require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [ - (require(/*! ./commonjs */ 2)), (require(/*! ./amd */ 1)), (require(/*! ./labeled */ 3)), - require(/*! ../require.context/templates */ 4)("./"+amd1+".js"), - Math.random() < 0.5 ? (require(/*! ./commonjs */ 2)) : (require(/*! ./amd */ 1))]; (function(commonjs2, amd2, labeled2, template, randModule) { - // Do something with it... - }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); - - // labeled modules requires - 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 - // the module needs static information about exports +// CommonJs-style requires +var commonjs1 = require(/*! ./commonjs */ 2); +var amd1 = require(/*! ./amd */ 1); +var labeled1 = require(/*! ./labeled */ 3); + +// AMD-style requires (with all webpack features) +require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [ + (require(/*! ./commonjs */ 2)), (require(/*! ./amd */ 1)), (require(/*! ./labeled */ 3)), + require(/*! ../require.context/templates */ 4)("./"+amd1+".js"), + Math.random() < 0.5 ? (require(/*! ./commonjs */ 2)) : (require(/*! ./amd */ 1))]; (function(commonjs2, amd2, labeled2, template, randModule) { + // Do something with it... + }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); + +// labeled modules requires +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 +// the module needs static information about exports /***/ }, @@ -154,14 +186,14 @@ require( \****************/ /***/ function(module, exports, require) { - // AMD Module Format - {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: - var commonjs2 = require(/*! ./commonjs */ 2); - var labeled2 = require(/*! ./labeled */ 3); - // Do something... - return 456; - }.apply(null, __WEBPACK_AMD_DEFINE_ARRAY__)); if(__WEBPACK_AMD_DEFINE_RESULT__ !== undefined) module.exports = __WEBPACK_AMD_DEFINE_RESULT__;}; +// AMD Module Format +{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: + var commonjs2 = require(/*! ./commonjs */ 2); + var labeled2 = require(/*! ./labeled */ 3); + // Do something... + return 456; + }.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) { - // CommonJs Module Format - module.exports = 123; - - // 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) { - var amd2 = require(/*! ./amd */ 1); - var labeled2 = require(/*! ./labeled */ 3); - }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); +// CommonJs Module Format +module.exports = 123; + +// 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) { + var amd2 = require(/*! ./amd */ 1); + var labeled2 = require(/*! ./labeled */ 3); + }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); /***/ }, @@ -188,24 +220,24 @@ require( \********************/ /***/ function(module, exports, require) { - // Labeled Module Format - exports: var a = exports["a"] = 123; - - // 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) { - var commonjs2 = require(/*! ./commonjs */ 2); - var amd2 = require(/*! ./amd */ 1); - }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); +// Labeled Module Format +exports: var a = exports["a"] = 123; + +// 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) { + var commonjs2 = require(/*! ./commonjs */ 2); + var amd2 = require(/*! ./amd */ 1); + }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); /***/ } -/******/ }) - +}) ``` # js/1.output.js ``` javascript -webpackJsonp([1], { +webpackJsonp([1], +{ /***/ 4: /*!*************************************************!*\ @@ -213,23 +245,23 @@ webpackJsonp([1], { \*************************************************/ /***/ function(module, exports, require) { - var map = { - "./a.js": 5, - "./b.js": 6, - "./c.js": 7 - }; - function webpackContext(req) { - return require(webpackContextResolve(req)); - }; - function webpackContextResolve(req) { - return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); - }; - webpackContext.keys = function webpackContextKeys() { - return Object.keys(map); - }; - webpackContext.resolve = webpackContextResolve; - module.exports = webpackContext; - +var map = { + "./a.js": 5, + "./b.js": 6, + "./c.js": 7 +}; +function webpackContext(req) { + return require(webpackContextResolve(req)); +}; +function webpackContextResolve(req) { + return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); +}; +webpackContext.keys = function webpackContextKeys() { + return Object.keys(map); +}; +webpackContext.resolve = webpackContextResolve; +module.exports = webpackContext; + /***/ }, @@ -239,9 +271,9 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template A"; - } +module.exports = function() { + return "This text was generated by template A"; +} /***/ }, @@ -251,9 +283,9 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template B"; - } +module.exports = function() { + return "This text was generated by template B"; +} /***/ }, @@ -263,13 +295,14 @@ webpackJsonp([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template C"; - } +module.exports = function() { + return "This text was generated by template C"; +} /***/ } -}) +} +) ``` # Info @@ -277,37 +310,38 @@ webpackJsonp([1], { ## Uncompressed ``` -Hash: 516dce8c57b3158b12d5ec4b5ec0c704 -Time: 62ms +Hash: c742d10da02e7180be4429633fb7f3af +Version: webpack 0.10.0-beta1 +Time: 77ms Asset Size Chunks Chunk Names - output.js 4786 0 main -1.output.js 1565 1 + output.js 5100 0 main +1.output.js 1546 1 chunk {0} output.js (main) 1395 [0] ./example.js 613 [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 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 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} - 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 cjs require ./commonjs [1] ./amd.js 7:18-39 amd require ./commonjs [3] ./labeled.js 5:0-11:1 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} - 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 cjs require ./labeled [1] ./amd.js 8:17-37 cjs require ./labeled [0] ./example.js 4:15-35 labeled require ./labeled [0] ./example.js 17:0-21 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} [4] ../require.context/templates ^\.\/.*\.js$ 193 [built] {1} amd require context ../require.context/templates [0] ./example.js 7:0-14:1 diff --git a/examples/named-chucks/README.md b/examples/named-chucks/README.md index edeb961de..409f01dcd 100644 --- a/examples/named-chucks/README.md +++ b/examples/named-chucks/README.md @@ -27,79 +27,111 @@ require.ensure(["b"], function(require) { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ var installedChunks = {0:0}; -/******/ 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: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - var a = require(/*! a */ 3); - - require.e/*nsure*/(1, function(require) { - // a named chuck - var c = require(/*! c */ 4); - }, /*! my own chuck */ 0); - - require.e/*nsure*/(1, function(require) { - // another chuck with the same name - var d = require(/*! d */ 2); - }, /*! my own chuck */ 0); - - require.e/*nsure*/(1, function(require) { - // the same again - }, /*! my own chuck */ 0); - - require.e/*nsure*/(2, function(require) { - // chuck without name - var d = require(/*! d */ 2); - }); +var a = require(/*! a */ 3); + +require.e/*nsure*/(1, function(require) { + // a named chuck + var c = require(/*! c */ 4); +}, /*! my own chuck */ 0); + +require.e/*nsure*/(1, function(require) { + // another chuck with the same name + var d = require(/*! d */ 2); +}, /*! my own chuck */ 0); + +require.e/*nsure*/(1, function(require) { + // the same again +}, /*! my own chuck */ 0); + +require.e/*nsure*/(2, function(require) { + // chuck without name + var d = require(/*! d */ 2); +}); /***/ }, @@ -109,17 +141,17 @@ require.ensure(["b"], function(require) { \****************/ /***/ function(module, exports, require) { - // module a +// module a /***/ } -/******/ }) - +}) ``` # js/1.output.js and js/my own chunk.js ``` javascript -webpackJsonp([1,2], { +webpackJsonp([1,2], +{ /***/ 1: /*!****************!*\ @@ -127,7 +159,7 @@ webpackJsonp([1,2], { \****************/ /***/ function(module, exports, require) { - // module b +// module b /***/ }, @@ -137,7 +169,7 @@ webpackJsonp([1,2], { \****************/ /***/ function(module, exports, require) { - // module d +// module d /***/ }, @@ -147,17 +179,19 @@ webpackJsonp([1,2], { \****************/ /***/ function(module, exports, require) { - // module c +// module c /***/ } -}) +} +) ``` # js/2.output.js ``` javascript -webpackJsonp([2], { +webpackJsonp([2], +{ /***/ 1: /*!****************!*\ @@ -165,7 +199,7 @@ webpackJsonp([2], { \****************/ /***/ function(module, exports, require) { - // module b +// module b /***/ }, @@ -175,11 +209,12 @@ webpackJsonp([2], { \****************/ /***/ function(module, exports, require) { - // module d +// module d /***/ } -}) +} +) ``` # Info @@ -187,13 +222,14 @@ webpackJsonp([2], { ## Uncompressed ``` -Hash: 53bd38ca579a1775bb08ff04b8a8b963 -Time: 46ms +Hash: af380ab476cbefc91864027374dff3e9 +Version: webpack 0.10.0-beta1 +Time: 59ms Asset Size Chunks Chunk Names - output.js 2706 0 main - 1.output.js 450 1, 2 my own chuck -my own chuck.js 450 1, 2 my own chuck - 2.output.js 306 2 + output.js 3022 0 main + 1.output.js 448 1, 2 my own chuck +my own chuck.js 448 1, 2 my own chuck + 2.output.js 305 2 chunk {0} output.js (main) 450 [0] ./example.js 439 [built] {0} [3] ./~/a.js 11 [built] {0} diff --git a/examples/require.context/README.md b/examples/require.context/README.md index 4ebaeeb8c..a0f230e16 100644 --- a/examples/require.context/README.md +++ b/examples/require.context/README.md @@ -25,40 +25,59 @@ module.exports = function() { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - function getTemplate(templateName) { - return require(/*! ./templates */ 4)("./"+templateName); - } - console.log(getTemplate("a")); - console.log(getTemplate("b")); +function getTemplate(templateName) { + return require(/*! ./templates */ 4)("./"+templateName); +} +console.log(getTemplate("a")); +console.log(getTemplate("b")); /***/ }, @@ -68,9 +87,9 @@ module.exports = function() { \************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template A"; - } +module.exports = function() { + return "This text was generated by template A"; +} /***/ }, @@ -80,9 +99,9 @@ module.exports = function() { \************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template B"; - } +module.exports = function() { + return "This text was generated by template B"; +} /***/ }, @@ -92,9 +111,9 @@ module.exports = function() { \************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template C"; - } +module.exports = function() { + return "This text was generated by template C"; +} /***/ }, @@ -104,30 +123,29 @@ module.exports = function() { \****************************/ /***/ function(module, exports, require) { - var map = { - "./a": 1, - "./a.js": 1, - "./b": 2, - "./b.js": 2, - "./c": 3, - "./c.js": 3 - }; - function webpackContext(req) { - return require(webpackContextResolve(req)); - }; - function webpackContextResolve(req) { - return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); - }; - webpackContext.keys = function webpackContextKeys() { - return Object.keys(map); - }; - webpackContext.resolve = webpackContextResolve; - module.exports = webpackContext; - +var map = { + "./a": 1, + "./a.js": 1, + "./b": 2, + "./b.js": 2, + "./c": 3, + "./c.js": 3 +}; +function webpackContext(req) { + return require(webpackContextResolve(req)); +}; +function webpackContextResolve(req) { + return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); +}; +webpackContext.keys = function webpackContextKeys() { + return Object.keys(map); +}; +webpackContext.resolve = webpackContextResolve; +module.exports = webpackContext; + /***/ } -/******/ }) - +}) ``` # Info @@ -135,10 +153,11 @@ module.exports = function() { ## Uncompressed ``` -Hash: 7e957458daf8e24487e04864c255e550 -Time: 35ms +Hash: 6de61529e12c5c59a06afb519b285fc6 +Version: webpack 0.10.0-beta1 +Time: 39ms Asset Size Chunks Chunk Names -output.js 2458 0 main +output.js 2586 0 main chunk {0} output.js (main) 613 [0] ./example.js 150 [built] {0} [1] ./templates/a.js 82 [built] {0} @@ -157,8 +176,9 @@ chunk {0} output.js (main) 613 ## Minimized (uglify-js, no zip) ``` -Hash: 7e957458daf8e24487e04864c255e550 -Time: 103ms +Hash: 6de61529e12c5c59a06afb519b285fc6 +Version: webpack 0.10.0-beta1 +Time: 114ms Asset Size Chunks Chunk Names output.js 844 0 main chunk {0} output.js (main) 613 diff --git a/examples/require.resolve/README.md b/examples/require.resolve/README.md index d82347dfd..59e8f807b 100644 --- a/examples/require.resolve/README.md +++ b/examples/require.resolve/README.md @@ -26,48 +26,67 @@ module.exports = Math.random(); # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - var a = require(/*! ./a */ 1); - - // get module id - var aId = /*require.resolve*/(/*! ./a.js */ 1); - - // clear module in require.cache - delete require.cache[aId]; - - // require module again, it should be reexecuted - var a2 = require(/*! ./a */ 1); - - // vertify it - if(a == a2) throw new Error("Cache clear failed :("); +var a = require(/*! ./a */ 1); + +// get module id +var aId = /*require.resolve*/(/*! ./a.js */ 1); + +// clear module in require.cache +delete require.cache[aId]; + +// require module again, it should be reexecuted +var a2 = require(/*! ./a */ 1); + +// vertify it +if(a == a2) throw new Error("Cache clear failed :("); /***/ }, @@ -77,11 +96,10 @@ module.exports = Math.random(); \**************/ /***/ function(module, exports, require) { - module.exports = Math.random(); +module.exports = Math.random(); /***/ } -/******/ }) - +}) ``` # Info @@ -89,10 +107,11 @@ module.exports = Math.random(); ## Uncompressed ``` -Hash: d7292c834fe164b92f73e1a3aecfecd1 -Time: 26ms +Hash: f180ba3e87e5894643306820cbd115dc +Version: webpack 0.10.0-beta1 +Time: 32ms Asset Size Chunks Chunk Names -output.js 1409 0 main +output.js 1559 0 main chunk {0} output.js (main) 326 [0] ./example.js 295 [built] {0} [1] ./a.js 31 [built] {0} @@ -104,8 +123,9 @@ chunk {0} output.js (main) 326 ## Minimized (uglify-js, no zip) ``` -Hash: d7292c834fe164b92f73e1a3aecfecd1 -Time: 70ms +Hash: f180ba3e87e5894643306820cbd115dc +Version: webpack 0.10.0-beta1 +Time: 81ms Asset Size Chunks Chunk Names output.js 387 0 main chunk {0} output.js (main) 326 diff --git a/examples/web-worker/README.md b/examples/web-worker/README.md index dfb8c4e22..438764f84 100644 --- a/examples/web-worker/README.md +++ b/examples/web-worker/README.md @@ -25,41 +25,60 @@ onmessage = function(event) { # js/output.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ callback.call(null, require); -/******/ }; -/******/ require.modules = modules; -/******/ require.cache = installedModules; -/******/ return require(0); -/******/ })({ -/******/ c: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { - var Worker = require(/*! worker!./worker */ 1); - var worker = new Worker; - worker.postMessage("b"); - worker.onmessage = function(event) { - var templateB = event.data; // "This text was generated by template B" - } +var Worker = require(/*! worker!./worker */ 1); +var worker = new Worker; +worker.postMessage("b"); +worker.onmessage = function(event) { + var templateB = event.data; // "This text was generated by template B" +} /***/ }, @@ -69,73 +88,95 @@ onmessage = function(event) { \**************************************************************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return new Worker(require.modules.c + "hash.worker.js"); - }; +module.exports = function() { + return new Worker(require.modules.c + "hash.worker.js"); +}; /***/ } -/******/ }) - +}) ``` # js/[hash].worker.js ``` javascript -/******/ (function webpackBootstrap(modules) { -/******/ var installedModules = {}; -/******/ function require(moduleId) { -/******/ if(installedModules[moduleId]) -/******/ return installedModules[moduleId].exports; -/******/ var module = installedModules[moduleId] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ modules[moduleId].call(null, module, module.exports, require); -/******/ module.loaded = true; -/******/ return module.exports; -/******/ } -/******/ require.e = function requireEnsure(chunkId, callback) { -/******/ 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: "", +(function(modules) { // webpackBootstrap +// The module cache +var installedModules = {}; +// 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: /*!*******************!*\ !*** ./worker.js ***! \*******************/ /***/ function(module, exports, require) { - onmessage = function(event) { - var template = event.data; - require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./" + event.data)]; (function(tmpl) { - postMessage(tmpl()); - }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); - } - +onmessage = function(event) { + var template = event.data; + require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [require(/*! ../require.context/templates */ 1)("./" + event.data)]; (function(tmpl) { + postMessage(tmpl()); + }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));}); +} + /***/ } -/******/ }) - +}) ``` # js/1.[hash].worker.hs ``` javascript -webpackChunk([1], { +webpackChunk([1], +{ /***/ 1: /*!*********************************************!*\ @@ -143,26 +184,26 @@ webpackChunk([1], { \*********************************************/ /***/ function(module, exports, require) { - var map = { - "./a": 2, - "./a.js": 2, - "./b": 3, - "./b.js": 3, - "./c": 4, - "./c.js": 4 - }; - function webpackContext(req) { - return require(webpackContextResolve(req)); - }; - function webpackContextResolve(req) { - return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); - }; - webpackContext.keys = function webpackContextKeys() { - return Object.keys(map); - }; - webpackContext.resolve = webpackContextResolve; - module.exports = webpackContext; - +var map = { + "./a": 2, + "./a.js": 2, + "./b": 3, + "./b.js": 3, + "./c": 4, + "./c.js": 4 +}; +function webpackContext(req) { + return require(webpackContextResolve(req)); +}; +function webpackContextResolve(req) { + return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }()); +}; +webpackContext.keys = function webpackContextKeys() { + return Object.keys(map); +}; +webpackContext.resolve = webpackContextResolve; +module.exports = webpackContext; + /***/ }, @@ -172,9 +213,9 @@ webpackChunk([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template A"; - } +module.exports = function() { + return "This text was generated by template A"; +} /***/ }, @@ -184,9 +225,9 @@ webpackChunk([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template B"; - } +module.exports = function() { + return "This text was generated by template B"; +} /***/ }, @@ -196,13 +237,14 @@ webpackChunk([1], { \*****************************************/ /***/ function(module, exports, require) { - module.exports = function() { - return "This text was generated by template C"; - } +module.exports = function() { + return "This text was generated by template C"; +} /***/ } -}) +} +) ``` # Info @@ -210,21 +252,23 @@ webpackChunk([1], { ## Uncompressed ``` -Hash: c7ce795e4c2122d3f175fa426dbb3130 -Time: 72ms +Hash: b898016580f5af04be201a389d5bc652 +Version: webpack 0.10.0-beta1 +Time: 82ms Asset Size Chunks Chunk Names - hash.worker.js 1711 -1.hash.worker.js 1589 - output.js 1579 0 main + hash.worker.js 1842 +1.hash.worker.js 1567 + output.js 1727 0 main chunk {0} output.js (main) 302 [0] ./example.js 206 [built] {0} [1] (webpack)/~/worker-loader!./worker.js 96 [not cacheable] [built] {0} cjs require worker!./worker [0] ./example.js 1:13-39 Child worker: - Hash: ac1f44dac199ee427792d65ff79c83c3 + Hash: df2e39abee5b81accea763c727cac801 + Version: webpack 0.10.0-beta1 Asset Size Chunks Chunk Names - hash.worker.js 1711 0 main - 1.hash.worker.js 1589 1 + hash.worker.js 1842 0 main + 1.hash.worker.js 1567 1 chunk {0} hash.worker.js (main) 168 [0] ./worker.js 168 [built] {0} chunk {1} 1.hash.worker.js 463 {0} @@ -244,10 +288,11 @@ Child worker: ## Minimized (uglify-js, no zip) ``` -Hash: c7ce795e4c2122d3f175fa426dbb3130 -Time: 215ms +Hash: b898016580f5af04be201a389d5bc652 +Version: webpack 0.10.0-beta1 +Time: 226ms Asset Size Chunks Chunk Names - hash.worker.js 561 + hash.worker.js 519 1.hash.worker.js 531 output.js 418 0 main 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} cjs require worker!./worker [0] ./example.js 1:13-39 Child worker: - Hash: ac1f44dac199ee427792d65ff79c83c3 + Hash: df2e39abee5b81accea763c727cac801 + Version: webpack 0.10.0-beta1 Asset Size Chunks Chunk Names - hash.worker.js 561 0 main + hash.worker.js 519 0 main 1.hash.worker.js 531 1 chunk {0} hash.worker.js (main) 168 [0] ./worker.js 168 [built] {0} diff --git a/package.json b/package.json index fb41f2f4c..ae84ea5a0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "webpack", - "version": "0.10.0-beta1", + "version": "0.10.0-beta2", "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.", "dependencies": {