# example.js ``` javascript // use our loader console.dir(require("./loader!./file")); // use buildin json loader console.dir(require("./test.json")); // default by extension console.dir(require("!json!./test.json")); // manual ``` # file.js ``` javascript exports.foo = "bar"; ``` # loader.js ``` javascript module.exports = function(content) { return "exports.answer = 42;\n" + content; } ``` # test.json ``` javascript { "foobar": 1234 } ``` # js/output.js ``` javascript /******/ (function webpackBootstrap(modules) { /******/ var installedModules = {}; /******/ function require(moduleId) { /******/ if(installedModules[moduleId]) /******/ return installedModules[moduleId].exports; /******/ var module = installedModules[moduleId] = { /******/ exports: {}, /******/ id: moduleId, /******/ loaded: false /******/ }; /******/ modules[moduleId].call(null, module, module.exports, require); /******/ module.loaded = true; /******/ return module.exports; /******/ } /******/ require.e = function requireEnsure(chunkId, callback) { /******/ callback.call(null, require); /******/ }; /******/ require.modules = modules; /******/ require.cache = installedModules; /******/ return require(0); /******/ })({ /******/ c: "", /***/ 0: /*!********************!*\ !*** ./example.js ***! \********************/ /***/ function(module, exports, require) { // use our loader console.dir(require(/*! ./loader!./file */ 2)); // use buildin json loader console.dir(require(/*! ./test.json */ 1)); // default by extension console.dir(require(/*! json!./test.json */ 1)); // manual /***/ }, /***/ 1: /*!************************************************************************************!*\ !*** (webpack)/~/json-loader!./test.json ***! \************************************************************************************/ /***/ function(module, exports, require) { module.exports = { "foobar": 1234 } /***/ }, /***/ 2: /*!*****************************!*\ !*** ./loader.js!./file.js ***! \*****************************/ /***/ function(module, exports, require) { exports.answer = 42; exports.foo = "bar"; /***/ } /******/ }) ``` # Console output Prints in node.js (`enhanced-require example.js`) and in browser: ``` { answer: 42, foo: 'bar' } { foobar: 1234 } { foobar: 1234 } ``` # Info ## Uncompressed ``` Hash: 2f64cd43907e15c39cc8d84534efe0a2 Time: 50ms Asset Size Chunks Chunk Names output.js 1743 0 main chunk {0} output.js (main) 282 [0] ./example.js 205 [built] {0} [1] (webpack)/~/json-loader!./test.json 36 [built] {0} cjs require ./test.json [0] ./example.js 5:12-34 cjs require !json!./test.json [0] ./example.js 6:12-40 [2] ./loader.js!./file.js 41 [not cacheable] [built] {0} cjs require ./loader!./file [0] ./example.js 2:12-38 ```