4c84defbb6 | ||
---|---|---|
.. | ||
README.md | ||
build.js | ||
example.js | ||
file.js | ||
loader.js | ||
template.md | ||
test.json |
README.md
example.js
// Polyfill require for node.js usage of loaders
require = require("../../require-polyfill")(require.valueOf());
// 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
exports.foo = "bar";
loader.js
module.exports = function(content) {
return "exports.answer = 42;\n" + content;
}
test.json
{
"foobar": 1234
}
js/output.js
/******/(function(modules) {
/******/ var installedModules = {};
/******/ function require(moduleId) {
/******/ if(typeof moduleId !== "number") throw new Error("Cannot find module '"+moduleId+"'");
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ modules[moduleId](module, module.exports, require);
/******/ module.loaded = true;
/******/ return module.exports;
/******/ }
/******/ require.e = function(chunkId, callback) {
/******/ callback(require);
/******/ };
/******/ require.modules = modules;
/******/ require.cache = installedModules;
/******/ return require(0);
/******/})
/******/({c:"",
/******/0: function(module, exports, require) {
/*** .\example.js ***/
/******/ /* WEBPACK FREE VAR INJECTION */ (function(console) {
// Polyfill require for node.js usage of loaders
require = require(/* ../../require-polyfill */5)(require.valueOf());
// use our loader
console.dir(require(/* ./loader!./file */3));
// use buildin json loader
console.dir(require(/* ./test.json */2)); // default by extension
console.dir(require(/* json!./test.json */2)); // manual
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_console */1)))
/******/},
/******/
/******/1: function(module, exports, require) {
/*** (webpack)\buildin\__webpack_console.js ***/
var console = (function() { return this["console"] || (this["window"] && this["window"].console) || {} }());
module.exports = console;
for(var name in {log:1, info:1, error:1, warn:1, dir:1, trace:1, assert:1})
if(!console[name])
console[name] = function() {};
var times = {};
if(!console.time)
console.time = function(label) {
times[label] = Date.now();
};
if(!console.timeEnd)
console.timeEnd = function() {
var duration = Date.now() - times[label];
console.log('%s: %dms', label, duration);
};
/******/},
/******/
/******/2: function(module, exports, require) {
/*** (webpack)\~\json-loader!.\test.json ***/
module.exports = {
"foobar": 1234
}
/******/},
/******/
/******/3: function(module, exports, require) {
/*** .\loader.js!.\file.js ***/
exports.answer = 42;
exports.foo = "bar";
/******/},
/******/
/******/4: function(module, exports, require) {
/*** (webpack)\~\enhanced-require\index.webpack.js ***/
// No polyfill needed when compiled with webpack
module.exports = function(r){return r}
/******/},
/******/
/******/5: function(module, exports, require) {
/*** (webpack)\require-polyfill.js ***/
module.exports = require(/* enhanced-require */4)
/******/},
/******/
/******/})
Console output
Prints in node.js (node example.js
) and in browser:
{ answer: 42, foo: 'bar' }
{ foobar: 1234 }
{ foobar: 1234 }
Info
Uncompressed
Hash: ed4cb8f97093b66f4b08f0113e55e89f
Compile Time: 72ms
Chunks: 1
Modules: 6
Modules including duplicates: 6
Modules per chunk: 6
Modules first chunk: 6
output.js: 2723 characters
<id> <size> <filename>
<reason> from <filename>
output.js
0 341 .\example.js
main
1 516 (webpack)\buildin\__webpack_console.js
require (3x) from .\example.js
2 36 (webpack)\~\json-loader!.\test.json
require (1x) from .\example.js
require (1x) from .\example.js
3 41 .\loader.js!.\file.js
require (1x) from .\example.js
4 87 (webpack)\~\enhanced-require\index.webpack.js
require (1x) from (webpack)\require-polyfill.js
5 49 (webpack)\require-polyfill.js
require (1x) from .\example.js