webpack
Version:
Packs CommonJs/AMD 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.
261 lines (238 loc) • 8.82 kB
Markdown
``` javascript
function getTemplate(templateName, callback) {
require.ensure([], function(require) {
callback(require("../require.context/templates/"+templateName)());
});
}
getTemplate("a", function(a) {
console.log(a);
});
getTemplate("b", function(b) {
console.log(b);
});
```
``` javascript
/******/ (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 = {
/******/ 1: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) {
/******/ modules[moduleId] = moreModules[moduleId];
/******/ }
/******/ if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);
/******/ while(callbacks.length)
/******/ callbacks.shift().call(null, __webpack_require__);
/******/
/******/ };
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/***/ function(module, exports, __webpack_require__) {
function getTemplate(templateName, callback) {
__webpack_require__.e/*nsure*/(0, function(require) {
callback(__webpack_require__(/*! ../require.context/templates */ 4)("./"+templateName)());
});
}
getTemplate("a", function(a) {
console.log(a);
});
getTemplate("b", function(b) {
console.log(b);
});
/***/ }
/******/ ])
```
``` javascript
webpackJsonp([0],[
/* 0 */,
/* 1 */
/*!*****************************************!*\
!*** ../require.context/templates/a.js ***!
\*****************************************/
/***/ function(module, exports, __webpack_require__) {
module.exports = function() {
return "This text was generated by template A";
}
/***/ },
/* 2 */
/*!*****************************************!*\
!*** ../require.context/templates/b.js ***!
\*****************************************/
/***/ function(module, exports, __webpack_require__) {
module.exports = function() {
return "This text was generated by template B";
}
/***/ },
/* 3 */
/*!*****************************************!*\
!*** ../require.context/templates/c.js ***!
\*****************************************/
/***/ function(module, exports, __webpack_require__) {
module.exports = function() {
return "This text was generated by template C";
}
/***/ },
/* 4 */
/*!*********************************************!*\
!*** ../require.context/templates ^\.\/.*$ ***!
\*********************************************/
/***/ function(module, exports, __webpack_require__) {
var map = {
"./a": 1,
"./a.js": 1,
"./b": 2,
"./b.js": 2,
"./c": 3,
"./c.js": 3
};
function webpackContext(req) {
return __webpack_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;
/***/ }
])
```
```
Hash: 34221e1e4ff9e1b6251f
Version: webpack 1.1.0
Time: 75ms
Asset Size Chunks Chunk Names
0.output.js 1653 0 [emitted]
output.js 4091 1 [emitted] main
chunk {0} 0.output.js 463 {1} [rendered]
> [0] ./example.js 2:1-4:3
[] ../require.context/templates/a.js 82 {0} [built]
context element ./a.js [4] ../require.context/templates ^\.\/.*$
context element ./a [4] ../require.context/templates ^\.\/.*$
[] ../require.context/templates/b.js 82 {0} [built]
context element ./b.js [4] ../require.context/templates ^\.\/.*$
context element ./b [4] ../require.context/templates ^\.\/.*$
[] ../require.context/templates/c.js 82 {0} [built]
context element ./c.js [4] ../require.context/templates ^\.\/.*$
context element ./c [4] ../require.context/templates ^\.\/.*$
[] ../require.context/templates ^\.\/.*$ 217 {0} [built]
cjs require context ../require.context/templates [0] ./example.js 3:11-64
chunk {1} output.js (main) 276 [rendered]
> main [0] ./example.js
[] ./example.js 276 {1} [built]
```
```
Hash: ac2ed2b2450fb13eacb9
Version: webpack 1.1.0
Time: 201ms
Asset Size Chunks Chunk Names
0.output.js 528 0 [emitted]
output.js 827 1 [emitted] main
chunk {0} 0.output.js 463 {1} [rendered]
> [0] ./example.js 2:1-4:3
[] ../require.context/templates/a.js 82 {0} [built]
context element ./a.js [4] ../require.context/templates ^\.\/.*$
context element ./a [4] ../require.context/templates ^\.\/.*$
[] ../require.context/templates/b.js 82 {0} [built]
context element ./b.js [4] ../require.context/templates ^\.\/.*$
context element ./b [4] ../require.context/templates ^\.\/.*$
[] ../require.context/templates/c.js 82 {0} [built]
context element ./c.js [4] ../require.context/templates ^\.\/.*$
context element ./c [4] ../require.context/templates ^\.\/.*$
[] ../require.context/templates ^\.\/.*$ 217 {0} [built]
cjs require context ../require.context/templates [0] ./example.js 3:11-64
chunk {1} output.js (main) 276 [rendered]
> main [0] ./example.js
[] ./example.js 276 {1} [built]
WARNING in output.js from UglifyJs
Dropping unused function argument require [./example.js:2,0]
```