webpack/examples/code-splitted-dedupe
Tobias Koppers a79fecfb6a Updated examples for 1.1.0 2014-03-25 10:44:10 +01:00
..
README.md Updated examples for 1.1.0 2014-03-25 10:44:10 +01:00
build.js added another dedupe example 2013-06-13 14:11:39 +02:00
example.js complexer dedupe example and fixed bugs 2013-06-14 15:13:44 +02:00
template.md fixed examples 2014-02-11 13:29:44 +01:00
webpack.config.js webpack 1.0 beta 2013-12-17 23:21:49 +01:00

README.md

example.js

// index.js and x.js can be deduplicated
require(["../dedupe/a", "bundle?lazy!../dedupe/b"]);

// index.js and x.js cannot be deduplicated
require(["../dedupe/a"]);
require(["../dedupe/b"]);

js/output.js

/******/ (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 = {
/******/ 		3:0
/******/ 	};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_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(module.exports, module, module.exports, __webpack_require__);
/******/ 		
/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;
/******/ 		
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/******/ 	// This file contains only the entry chunk.
/******/ 	// The chunk loading function for additional chunks
/******/ 	__webpack_require__.e = function requireEnsure(chunkId, callback) {
/******/ 		// "0" is the signal for "already loaded"
/******/ 		if(installedChunks[chunkId] === 0)
/******/ 			return callback.call(null, __webpack_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 = __webpack_require__.p + "" + chunkId + ".output.js";
/******/ 			head.appendChild(script);
/******/ 		}
/******/ 	};
/******/ 	
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/ 	
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/ 	
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "js/";
/******/ 	
/******/ 	// install a JSONP callback for chunk loading
/******/ 	var parentJsonpFunction = window["webpackJsonp"];
/******/ 	window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
/******/ 		// add "moreModules" to the modules object,
/******/ 		// then flag all "chunkIds" as loaded and fire callback
/******/ 		var moduleId, chunkId, i = 0, callbacks = [];
/******/ 		for(;i < chunkIds.length; i++) {
/******/ 			chunkId = chunkIds[i];
/******/ 			if(installedChunks[chunkId])
/******/ 				callbacks.push.apply(callbacks, installedChunks[chunkId]);
/******/ 			installedChunks[chunkId] = 0;
/******/ 		}
/******/ 		for(moduleId in moreModules) {
/******/ 			var _m = moreModules[moduleId];
/******/ 			
/******/ 			// Check if module is deduplicated
/******/ 			switch(typeof _m) {
/******/ 			case "number":
/******/ 				// Module is a copy of another module
/******/ 				modules[moduleId] = modules[_m];
/******/ 				break;
/******/ 			case "object":
/******/ 				// Module can be created from a template
/******/ 				modules[moduleId] = (function(_m) {
/******/ 					var args = _m.slice(1), fn = modules[_m[0]];
/******/ 					return function (a,b,c) {
/******/ 						fn.apply(this, [a,b,c].concat(args));
/******/ 					};
/******/ 				}(_m));
/******/ 				break;
/******/ 			default:
/******/ 				// Normal module
/******/ 				modules[moduleId] = _m;
/******/ 			}
/******/ 		}
/******/ 		if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);
/******/ 		while(callbacks.length)
/******/ 			callbacks.shift().call(null, __webpack_require__);
/******/ 		
/******/ 	};
/******/ 	
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ((function(modules) {
	// Check all modules for deduplicated modules
	for(var i in modules) {
		switch(typeof modules[i]) {
		case "number":
			// Module is a copy of another module
			modules[i] = modules[modules[i]];
			break;
		case "object":
			// Module can be created from a template
			modules[i] = (function(_m) {
				var args = _m.slice(1), fn = modules[_m[0]];
				return function (a,b,c) {
					fn.apply(null, [a,b,c].concat(args));
				};
			}(modules[i]));
		}
	}
	return modules;
}([
/* 0 */
/*!********************!*\
  !*** ./example.js ***!
  \********************/
/***/ function(module, exports, __webpack_require__) {

	// index.js and x.js can be deduplicated
	__webpack_require__.e/* require */(0, function(__webpack_require__) {[__webpack_require__(/*! ../dedupe/a */ 2), __webpack_require__(/*! bundle?lazy!../dedupe/b */ 8)];});

	// index.js and x.js cannot be deduplicated
	__webpack_require__.e/* require */(2, function(__webpack_require__) {[__webpack_require__(/*! ../dedupe/a */ 2)];});
	__webpack_require__.e/* require */(1, function(__webpack_require__) {[__webpack_require__(/*! ../dedupe/b */ 5)];});


/***/ }
/******/ ])))

js/0.output.js

webpackJsonp([0,2],[
/* 0 */,
/* 1 */
/*!**********************!*\
  !*** ../dedupe/z.js ***!
  \**********************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "z"};

/***/ },
/* 2 */
[9, 3, 4],
/* 3 */
/*!************************!*\
  !*** ../dedupe/a/x.js ***!
  \************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "x"};

/***/ },
/* 4 */
/*!************************!*\
  !*** ../dedupe/a/y.js ***!
  \************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "y", "but in": "a"};

/***/ },
/* 5 */,
/* 6 */,
/* 7 */,
/* 8 */
/*!***********************************************************!*\
  !*** (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js ***!
  \***********************************************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = function(cb) {
		__webpack_require__.e/*nsure*/(4, function(require) {
			cb(__webpack_require__(/*! !../dedupe/b/index.js */ 5));
		});
	}

/***/ },
/* 9 */
/*!***********************************!*\
  !*** template of 2 referencing 1 ***!
  \***********************************/
/***/ function(module, exports, __webpack_require__, __webpack_module_template_argument_0__, __webpack_module_template_argument_1__) {

	module.exports = {
		x: __webpack_require__(__webpack_module_template_argument_0__),
		y: __webpack_require__(__webpack_module_template_argument_1__),
		z: __webpack_require__(/*! ../z */ 1)
	}

/***/ }
])

js/1.output.js

webpackJsonp([1,4],[
/* 0 */,
/* 1 */
/*!**********************!*\
  !*** ../dedupe/z.js ***!
  \**********************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "z"};

/***/ },
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */
/*!****************************!*\
  !*** ../dedupe/b/index.js ***!
  \****************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {
		x: __webpack_require__(/*! ./x */ 6),
		y: __webpack_require__(/*! ./y */ 7),
		z: __webpack_require__(/*! ../z */ 1)
	}

/***/ },
/* 6 */
/*!************************!*\
  !*** ../dedupe/b/x.js ***!
  \************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "x"};

/***/ },
/* 7 */
/*!************************!*\
  !*** ../dedupe/b/y.js ***!
  \************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "y", "but in": "b"};

/***/ }
])

js/2.output.js

webpackJsonp([2],[
/* 0 */,
/* 1 */
/*!**********************!*\
  !*** ../dedupe/z.js ***!
  \**********************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "z"};

/***/ },
/* 2 */
/*!****************************!*\
  !*** ../dedupe/a/index.js ***!
  \****************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {
		x: __webpack_require__(/*! ./x */ 3),
		y: __webpack_require__(/*! ./y */ 4),
		z: __webpack_require__(/*! ../z */ 1)
	}

/***/ },
/* 3 */
/*!************************!*\
  !*** ../dedupe/a/x.js ***!
  \************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "x"};

/***/ },
/* 4 */
/*!************************!*\
  !*** ../dedupe/a/y.js ***!
  \************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "y", "but in": "a"};

/***/ }
])

js/4.output.js

webpackJsonp([4],[
/* 0 */,
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */
[9, 6, 7],
/* 6 */
3,
/* 7 */
/*!************************!*\
  !*** ../dedupe/b/y.js ***!
  \************************/
/***/ function(module, exports, __webpack_require__) {

	module.exports = {"this is": "y", "but in": "b"};

/***/ }
])

Info

Uncompressed

Hash: dc7c5e807a634a4015c8
Version: webpack 1.1.0
Time: 104ms
      Asset  Size  Chunks             Chunk Names
0.output.js  1584    0, 2  [emitted]             
1.output.js   986    1, 4  [emitted]             
2.output.js   957       2  [emitted]             
  output.js  5432       3  [emitted]  main       
4.output.js   309       4  [emitted]             
chunk    {0} 0.output.js 464 {3} [rendered]
    > [0] ./example.js 2:0-51
    [1] ../dedupe/z.js 34 {0} {1} {2} [built]
        cjs require ../z [2] ../dedupe/a/index.js 4:4-19
        cjs require ../z [5] ../dedupe/b/index.js 4:4-19
    [2] ../dedupe/a/index.js 84 {0} {2} [built]
        amd require ../dedupe/a [0] ./example.js 2:0-51
        amd require ../dedupe/a [0] ./example.js 5:0-24
    [3] ../dedupe/a/x.js 34 {0} {2} [built]
        cjs require ./x [2] ../dedupe/a/index.js 2:4-18
    [4] ../dedupe/a/y.js 49 {0} {2} [built]
        cjs require ./y [2] ../dedupe/a/index.js 3:4-18
    [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 179 {0} [built]
        amd require bundle?lazy!../dedupe/b [0] ./example.js 2:0-51
    [9] template of 2 referencing 1 84 {0} [not cacheable] [built]
        template 1 [2] ../dedupe/a/index.js
        template 1 [5] ../dedupe/b/index.js
chunk    {1} 1.output.js 201 {3} [rendered]
    > [0] ./example.js 6:0-24
    [1] ../dedupe/z.js 34 {0} {1} {2} [built]
        cjs require ../z [2] ../dedupe/a/index.js 4:4-19
        cjs require ../z [5] ../dedupe/b/index.js 4:4-19
    [5] ../dedupe/b/index.js 84 {1} {4} [built]
        amd require ../dedupe/b [0] ./example.js 6:0-24
        cjs require !!(webpack)\examples\dedupe\b\index.js [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 3:5-98
    [6] ../dedupe/b/x.js 34 {1} {4} [built]
        cjs require ./x [5] ../dedupe/b/index.js 2:4-18
    [7] ../dedupe/b/y.js 49 {1} {4} [built]
        cjs require ./y [5] ../dedupe/b/index.js 3:4-18
chunk    {2} 2.output.js 201 {3} [rendered]
    > [0] ./example.js 5:0-24
    [1] ../dedupe/z.js 34 {0} {1} {2} [built]
        cjs require ../z [2] ../dedupe/a/index.js 4:4-19
        cjs require ../z [5] ../dedupe/b/index.js 4:4-19
    [2] ../dedupe/a/index.js 84 {0} {2} [built]
        amd require ../dedupe/a [0] ./example.js 2:0-51
        amd require ../dedupe/a [0] ./example.js 5:0-24
    [3] ../dedupe/a/x.js 34 {0} {2} [built]
        cjs require ./x [2] ../dedupe/a/index.js 2:4-18
    [4] ../dedupe/a/y.js 49 {0} {2} [built]
        cjs require ./y [2] ../dedupe/a/index.js 3:4-18
chunk    {3} output.js (main) 197 [rendered]
    > main [0] ./example.js 
    [0] ./example.js 197 {3} [built]
chunk    {4} 4.output.js 167 {0} [rendered]
    > [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 2:1-4:3
    [5] ../dedupe/b/index.js 84 {1} {4} [built]
        amd require ../dedupe/b [0] ./example.js 6:0-24
        cjs require !!(webpack)\examples\dedupe\b\index.js [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 3:5-98
    [6] ../dedupe/b/x.js 34 {1} {4} [built]
        cjs require ./x [5] ../dedupe/b/index.js 2:4-18
    [7] ../dedupe/b/y.js 49 {1} {4} [built]
        cjs require ./y [5] ../dedupe/b/index.js 3:4-18

Minimized (uglify-js, no zip)

Hash: b73e37bafcc7be2b644f
Version: webpack 1.1.0
Time: 265ms
      Asset  Size  Chunks             Chunk Names
0.output.js   285    0, 2  [emitted]             
1.output.js   206    1, 4  [emitted]             
2.output.js   201       2  [emitted]             
  output.js  1187       3  [emitted]  main       
4.output.js    87       4  [emitted]             
chunk    {0} 0.output.js 464 {3} [rendered]
    > [0] ./example.js 2:0-51
    [1] ../dedupe/z.js 34 {0} {1} {2} [built]
        cjs require ../z [2] ../dedupe/a/index.js 4:4-19
        cjs require ../z [5] ../dedupe/b/index.js 4:4-19
    [2] ../dedupe/a/index.js 84 {0} {2} [built]
        amd require ../dedupe/a [0] ./example.js 2:0-51
        amd require ../dedupe/a [0] ./example.js 5:0-24
    [3] ../dedupe/a/x.js 34 {0} {2} [built]
        cjs require ./x [2] ../dedupe/a/index.js 2:4-18
    [4] ../dedupe/a/y.js 49 {0} {2} [built]
        cjs require ./y [2] ../dedupe/a/index.js 3:4-18
    [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 179 {0} [built]
        amd require bundle?lazy!../dedupe/b [0] ./example.js 2:0-51
    [9] template of 2 referencing 1 84 {0} [not cacheable] [built]
        template 1 [2] ../dedupe/a/index.js
        template 1 [5] ../dedupe/b/index.js
chunk    {1} 1.output.js 201 {3} [rendered]
    > [0] ./example.js 6:0-24
    [1] ../dedupe/z.js 34 {0} {1} {2} [built]
        cjs require ../z [2] ../dedupe/a/index.js 4:4-19
        cjs require ../z [5] ../dedupe/b/index.js 4:4-19
    [5] ../dedupe/b/index.js 84 {1} {4} [built]
        amd require ../dedupe/b [0] ./example.js 6:0-24
        cjs require !!(webpack)\examples\dedupe\b\index.js [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 3:5-98
    [6] ../dedupe/b/x.js 34 {1} {4} [built]
        cjs require ./x [5] ../dedupe/b/index.js 2:4-18
    [7] ../dedupe/b/y.js 49 {1} {4} [built]
        cjs require ./y [5] ../dedupe/b/index.js 3:4-18
chunk    {2} 2.output.js 201 {3} [rendered]
    > [0] ./example.js 5:0-24
    [1] ../dedupe/z.js 34 {0} {1} {2} [built]
        cjs require ../z [2] ../dedupe/a/index.js 4:4-19
        cjs require ../z [5] ../dedupe/b/index.js 4:4-19
    [2] ../dedupe/a/index.js 84 {0} {2} [built]
        amd require ../dedupe/a [0] ./example.js 2:0-51
        amd require ../dedupe/a [0] ./example.js 5:0-24
    [3] ../dedupe/a/x.js 34 {0} {2} [built]
        cjs require ./x [2] ../dedupe/a/index.js 2:4-18
    [4] ../dedupe/a/y.js 49 {0} {2} [built]
        cjs require ./y [2] ../dedupe/a/index.js 3:4-18
chunk    {3} output.js (main) 197 [rendered]
    > main [0] ./example.js 
    [0] ./example.js 197 {3} [built]
chunk    {4} 4.output.js 167 {0} [rendered]
    > [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 2:1-4:3
    [5] ../dedupe/b/index.js 84 {1} {4} [built]
        amd require ../dedupe/b [0] ./example.js 6:0-24
        cjs require !!(webpack)\examples\dedupe\b\index.js [8] (webpack)/~/bundle-loader?lazy!../dedupe/b/index.js 3:5-98
    [6] ../dedupe/b/x.js 34 {1} {4} [built]
        cjs require ./x [5] ../dedupe/b/index.js 2:4-18
    [7] ../dedupe/b/y.js 49 {1} {4} [built]
        cjs require ./y [5] ../dedupe/b/index.js 3:4-18

WARNING in 0.output.js from UglifyJs
Dropping unused function argument require [(webpack)/~/bundle-loader?lazy!../dedupe/b/index.js:2,0]