This example show how to add support for Labeled Modules by adding the plugin to the configuration.
require: "./increment";
var a = 1;
increment(a); // 2
var webpack = require("../../");
module.exports = {
plugins: [
new webpack.dependencies.LabeledModulesPlugin()
]
}
require: "./math";
exports: function increment(val) {
return add(val, 1);
};
exports: function add() {
var sum = 0, i = 0, args = arguments, l = args.length;
while (i < l) {
sum += args[i++];
}
return sum;
};
/******/ (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.
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
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