Skip to content

Latest commit

 

History

History
 
 

multiple-entry-points

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 
build.js
build.js
 
 
common.js
common.js
 
 
pageA.html
pageA.html
 
 
pageA.js
pageA.js
 
 
pageB.js
pageB.js
 
 
shared.js
shared.js
 
 
template.md
template.md
 
 
webpack.config.js
webpack.config.js
 
 

README.md

pageA.js

var common = require("./common");
require(["./shared"], function(shared) {
	shared("This is page A");
});

pageB.js

var common = require("./common");
require.ensure(["./shared"], function(require) {
	var shared = require("./shared");
	shared("This is page B");
});

webpack.config.js

var path = require("path");
var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");
module.exports = {
	entry: {
		pageA: "./pageA",
		pageB: "./pageB"
	},
	output: {
		path: path.join(__dirname, "js"),
		filename: "[name].bundle.js",
		chunkFilename: "[id].chunk.js"
	},
	plugins: [
		new CommonsChunkPlugin("commons.js")
	]
}

pageA.html

<html>
	<head></head>
	<body>
		<script src="js/commons.js" charset="utf-8"></script>
		<script src="js/pageA.bundle.js" charset="utf-8"></script>
	</body>
</html>

js/commons.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 = {
/******/ 		0:[function(require){require(0);}],
/******/ 		2: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(module.exports, module, module.exports, 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
/******/ 	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 = require.p + "" + chunkId + ".chunk.js";
/******/ 			head.appendChild(script);
/******/ 		}
/******/ 	};
/******/ 	
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	require.modules = modules;
/******/ 	
/******/ 	// expose the module cache
/******/ 	require.cache = installedModules;
/******/ 	
/******/ 	// __webpack_public_path__
/******/ 	require.p = "";
/******/ 	
/******/ 	// 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);
/******/ 	};
/******/ })
/************************************************************************/
/******/ ([
/* 0 */,
/* 1 */
/*!*******************!*\
  !*** ./common.js ***!
  \*******************/
/***/ function(module, exports, require) {

	module.exports = "Common";

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

js/pageA.bundle.js

webpackJsonp([0],[
/* 0 */
/*!******************!*\
  !*** ./pageA.js ***!
  \******************/
/***/ function(module, exports, require) {

	var common = require(/*! ./common */ 1);
	require.e/* require */(1, function(require) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [(require(/*! ./shared */ 2))]; (function(shared) {
		shared("This is page A");
	}.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});

/***/ }
])

js/pageB.bundle.js

webpackJsonp([0],[
/* 0 */
/*!******************!*\
  !*** ./pageB.js ***!
  \******************/
/***/ function(module, exports, require) {

	var common = require(/*! ./common */ 1);
	require.e/*nsure*/(1/* duplicate */, function(require) {
		var shared = require(/*! ./shared */ 2);
		shared("This is page B");
	});

/***/ }
])

js/1.chunk.js

webpackJsonp([1],{

/***/ 2:
/*!*******************!*\
  !*** ./shared.js ***!
  \*******************/
/***/ function(module, exports, require) {

	var common = require(/*! ./common */ 1);
	module.exports = function(msg) {
		console.log(msg);
	};

/***/ }

})

Info

Uncompressed

Hash: 2664c983f5e46b97efde
Version: webpack 0.11.14
Time: 37ms
          Asset  Size  Chunks             Chunk Names
pageB.bundle.js   333       0  [emitted]  pageB      
pageA.bundle.js   412       0  [emitted]  pageA      
     1.chunk.js   262       1  [emitted]             
     commons.js  3468       2  [emitted]  commons.js 
chunk    {0} pageB.bundle.js (pageB) 152 {2} [rendered]
    [0] ./pageB.js 152 {0} [built]
chunk    {0} pageA.bundle.js (pageA) 108 {2} [rendered]
    [0] ./pageA.js 108 {0} [built]
chunk    {1} 1.chunk.js 91 {0} {0} [rendered]
    [2] ./shared.js 91 {1} [built]
        require.ensure item ./shared [0] ./pageB.js 2:0-5:2
        cjs require ./shared [0] ./pageB.js 3:14-33
        amd require ./shared [0] ./pageA.js 2:0-4:2
chunk    {2} commons.js (commons.js) 26 [rendered]
    [1] ./common.js 26 {2} [built]
        cjs require ./common [0] ./pageB.js 1:13-32
        cjs require ./common [0] ./pageA.js 1:13-32
        cjs require ./common [2] ./shared.js 1:13-32

Minimized (uglify-js, no zip)

Hash: 617f7a9eb64e2ab04c10
Version: webpack 0.11.14
Time: 131ms
          Asset  Size  Chunks             Chunk Names
pageB.bundle.js    93       0  [emitted]  pageB      
pageA.bundle.js   124       0  [emitted]  pageA      
     1.chunk.js    82       1  [emitted]             
     commons.js   697       2  [emitted]  commons.js 
chunk    {0} pageB.bundle.js (pageB) 152 {2} [rendered]
    [0] ./pageB.js 152 {0} [built]
chunk    {0} pageA.bundle.js (pageA) 108 {2} [rendered]
    [0] ./pageA.js 108 {0} [built]
chunk    {1} 1.chunk.js 91 {0} {0} [rendered]
    [2] ./shared.js 91 {1} [built]
        require.ensure item ./shared [0] ./pageB.js 2:0-5:2
        cjs require ./shared [0] ./pageB.js 3:14-33
        amd require ./shared [0] ./pageA.js 2:0-4:2
chunk    {2} commons.js (commons.js) 26 [rendered]
    [1] ./common.js 26 {2} [built]
        cjs require ./common [0] ./pageB.js 1:13-32
        cjs require ./common [0] ./pageA.js 1:13-32
        cjs require ./common [2] ./shared.js 1:13-32

WARNING in pageB.bundle.js from UglifyJs
Side effects in initialization of unused variable common [./pageB.js:1,0]

WARNING in pageA.bundle.js from UglifyJs
Side effects in initialization of unused variable common [./pageA.js:1,0]

WARNING in 1.chunk.js from UglifyJs
Side effects in initialization of unused variable common [./shared.js:1,0]