webpack/examples/labeled-modules

This example show how to add support for Labeled Modules by adding the plugin to the configuration.

example.js

require: "./increment";
var a = 1;
increment(a); // 2

webpack.config.js

var webpack = require("../../");
module.exports = {
	plugins: [
		new webpack.dependencies.LabeledModulesPlugin()
	]
}

increment.js

require: "./math";
exports: function increment(val) {
    return add(val, 1);
};

math.js

exports: function add() {
    var sum = 0, i = 0, args = arguments, l = args.length;
    while (i < l) {
        sum += args[i++];
    }
    return sum;
};

js/output.js

/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// 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;
/******/ 	}


/******/ 	// 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/";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/*!********************!*\
  !*** ./example.js ***!
  \********************/
/***/ function(module, exports, __webpack_require__) {

	var __WEBPACK_LABELED_MODULE__1 = __webpack_require__(/*! ./increment */ 1), increment = __WEBPACK_LABELED_MODULE__1.increment;
	var a = 1;
	increment(a); // 2

/***/ },
/* 1 */
/*!**********************!*\
  !*** ./increment.js ***!
  \**********************/
/***/ function(module, exports, __webpack_require__) {

	var __WEBPACK_LABELED_MODULE__2 = __webpack_require__(/*! ./math */ 2), add = __WEBPACK_LABELED_MODULE__2.add;
	exports: exports["increment"] = function increment(val) {
	    return add(val, 1);
	};

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

	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.

Info

Uncompressed

Hash: 76177991efc90e16a609
Version: webpack 1.9.10
Time: 67ms
    Asset     Size  Chunks             Chunk Names
output.js  2.34 kB       0  [emitted]  main
chunk    {0} output.js (main) 299 bytes [rendered]
    > main [0] ./example.js 
    [0] ./example.js 55 bytes {0} [built]
    [1] ./increment.js 83 bytes {0} [built]
        labeled require ./increment [0] ./example.js 1:0-23
    [2] ./math.js 161 bytes {0} [built]
        labeled require ./math [1] ./increment.js 1:0-18

Minimized (uglify-js, no zip)

Hash: 76177991efc90e16a609
Version: webpack 1.9.10
Time: 179ms
    Asset       Size  Chunks             Chunk Names
output.js  429 bytes       0  [emitted]  main
chunk    {0} output.js (main) 299 bytes [rendered]
    > main [0] ./example.js 
    [0] ./example.js 55 bytes {0} [built]
    [1] ./increment.js 83 bytes {0} [built]
        labeled require ./increment [0] ./example.js 1:0-23
    [2] ./math.js 161 bytes {0} [built]
        labeled require ./math [1] ./increment.js 1:0-18