opensourcemirror
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Releases Wiki Activity

updated examples

This commit is contained in:
Tobias Koppers 2012-10-09 00:12:10 +02:00
parent d5fc1115e7
commit 0fb1fa820d
14 changed files with 145 additions and 205 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/build-common.js
View File

@ -2,7 +2,7 @@
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
require = require("../require-polyfill")(require.valueOf());
require = require("enhanced-require")(module);
var cp = require('child_process');
var tc = require("./template-common");

58
examples/code-splitted-require.context-amd/README.md
View File

@ -77,7 +77,7 @@ getTemplate("a", function(a) {
getTemplate("b", function(b) {
console.log(b);
});
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */2)(require),require(/* __webpack_console */1)))
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */2),require(/* __webpack_console */1)))
/******/},
/******/
@ -107,26 +107,24 @@ console.timeEnd = function() {
/*** (webpack)\buildin\__webpack_amd_require.js ***/
function amdRequireFactory(req) {
function amdRequire(chunk, requiresFn, fn) {
if(!requiresFn) {
// commonjs
return req(chunk);
}
req.e(chunk, function() {
var modules = requiresFn();
if(fn)
return fn.apply(null, modules);
});
var req = require.valueOf();
function amdRequire(chunk, requiresFn, fn) {
if(!requiresFn) {
// commonjs
return req(chunk);
}
for(var name in req)
amdRequire[name] = req[name];
amdRequire.amd = amdRequireFactory.amd;
amdRequire.config = function() {/* config is ignored, use webpack options */};
return amdRequire;
req.e(chunk, function() {
var modules = requiresFn();
if(fn)
return fn.apply(null, modules);
});
}
amdRequireFactory.amd = {};
module.exports = amdRequireFactory;
for(var name in req)
amdRequire[name] = req[name];
amdRequire.amd = {};
amdRequire.config = function() {/* config is ignored, use webpack options */};
module.exports = amdRequire;
/******/},
/******/
@ -187,15 +185,14 @@ module.exports = function() {
## Uncompressed
```
Hash: 134fe0606e3405dceb34be6f6ce6778f
Compile Time: 50ms
Hash: b83e1a10c24b65db5ee14c7bcf8ebc85
Compile Time: 47ms
Chunks: 2
Modules: 7
Modules including duplicates: 7
Modules per chunk: 3.5
Modules first chunk: 3
output.js: 3779 characters
1.output.js: 1105 characters
main output.js: 3673 chars/bytes
1 1.output.js: 1105 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -204,7 +201,7 @@ output.js
main
1 516 (webpack)\buildin\__webpack_console.js
require (2x) from .\example.js
2 534 (webpack)\buildin\__webpack_amd_require.js
2 437 (webpack)\buildin\__webpack_amd_require.js
require (1x) from .\example.js
1.output.js
3 300 [context] (webpack)\examples\require.context\templates
@ -220,15 +217,14 @@ output.js
## Minimized (uglify-js, no zip)
```
Hash: dbaccee5445c04556a63b1b0f35809e0
Compile Time: 134ms
Hash: 7da1af67af62fe871b1f6a446eee7c04
Compile Time: 168ms
Chunks: 2
Modules: 7
Modules including duplicates: 7
Modules per chunk: 3.5
Modules first chunk: 3
output.js: 1406 characters
1.output.js: 473 characters
main output.js: 1386 chars/bytes
1 1.output.js: 473 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -237,7 +233,7 @@ output.js
main
1 402 (webpack)\buildin\__webpack_console.js
require (2x) from .\example.js
2 264 (webpack)\buildin\__webpack_amd_require.js
2 253 (webpack)\buildin\__webpack_amd_require.js
require (1x) from .\example.js
1.output.js
3 228 [context] (webpack)\examples\require.context\templates

14
examples/code-splitted-require.context/README.md
View File

@ -161,14 +161,13 @@ module.exports = function() {
```
Hash: 1782c323238112211ad2f04896d358db
Compile Time: 39ms
Compile Time: 38ms
Chunks: 2
Modules: 6
Modules including duplicates: 6
Modules per chunk: 3
Modules first chunk: 2
output.js: 3041 characters
1.output.js: 1105 characters
main output.js: 3041 chars/bytes
1 1.output.js: 1105 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -192,14 +191,13 @@ output.js
```
Hash: 26040949e1e15270899471a6db72d142
Compile Time: 120ms
Compile Time: 135ms
Chunks: 2
Modules: 6
Modules including duplicates: 6
Modules per chunk: 3
Modules first chunk: 2
output.js: 1161 characters
1.output.js: 473 characters
main output.js: 1161 chars/bytes
1 1.output.js: 473 chars/bytes
<id> <size> <filename>
<reason> from <filename>

18
examples/code-splitting-bundle-loader/README.md
View File

@ -139,14 +139,13 @@ module.exports = "It works";
```
Hash: 666de730e77865c0f918eb2d4b2418dc
Compile Time: 55ms
Compile Time: 53ms
Chunks: 2
Modules: 4
Modules including duplicates: 4
Modules per chunk: 2
Modules first chunk: 3
output.js: 3296 characters
1.output.js: 156 characters
main output.js: 3296 chars/bytes
1 1.output.js: 156 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -159,21 +158,20 @@ output.js
require (1x) from .\example.js
1.output.js
3 28 .\file.js
async require (1x) from .\file.js
async require (1x) from (webpack)\~\bundle-loader!.\file.js
```
## Minimized (uglify-js, no zip)
```
Hash: d3a59169e3ef602b7e54516f7ac8f25c
Compile Time: 129ms
Compile Time: 144ms
Chunks: 2
Modules: 4
Modules including duplicates: 4
Modules per chunk: 2
Modules first chunk: 3
output.js: 1228 characters
1.output.js: 57 characters
main output.js: 1228 chars/bytes
1 1.output.js: 57 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -186,5 +184,5 @@ output.js
require (1x) from .\example.js
1.output.js
3 25 .\file.js
async require (1x) from .\file.js
async require (1x) from (webpack)\~\bundle-loader!.\file.js
```

33
examples/code-splitting/README.md
View File

@ -92,24 +92,7 @@ require.e(1, function(require) {
# js/1.output.js
``` javascript
/******/webpackJsonp(1, {
/******/3: function(module, exports, require) {
/*** .\~\c.js ***/
// module c
/******/},
/******/
/******/4: function(module, exports, require) {
/*** .\~\d.js ***/
// module d
/******/},
/******/
/******/})
webpackJsonp(1,{3:function(a,b,c){},4:function(a,b,c){}})
```
Minimized
@ -124,14 +107,13 @@ webpackJsonp(1,{3:function(a,b,c){},4:function(a,b,c){}})
```
Hash: 50d0702166fd38f26c96b9cd8d421243
Compile Time: 54ms
Compile Time: 45ms
Chunks: 2
Modules: 5
Modules including duplicates: 5
Modules per chunk: 2.5
Modules first chunk: 3
output.js: 2340 characters
1.output.js: 240 characters
main output.js: 2340 chars/bytes
1 1.output.js: 240 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -153,14 +135,13 @@ output.js
```
Hash: cfe028c1c8ac12be33bebd83dc12aa80
Compile Time: 113ms
Compile Time: 141ms
Chunks: 2
Modules: 5
Modules including duplicates: 5
Modules per chunk: 2.5
Modules first chunk: 3
output.js: 786 characters
1.output.js: 57 characters
main output.js: 786 chars/bytes
1 1.output.js: 57 chars/bytes
<id> <size> <filename>
<reason> from <filename>

18
examples/coffee-script/README.md
View File

@ -125,13 +125,12 @@ console.timeEnd = function() {
```
Hash: 474013c0b0bff5edce1407a1cb805a35
Compile Time: 168ms
Compile Time: 137ms
Chunks: 1
Modules: 4
Modules including duplicates: 4
Modules per chunk: 4
Modules first chunk: 4
output.js: 2407 characters
main output.js: 2407 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -140,9 +139,9 @@ output.js
main
1 516 (webpack)\buildin\__webpack_console.js
require (1x) from .\example.js
require (1x) from .\cup2.coffee
require (1x) from (webpack)\~\coffee-loader!.\cup2.coffee
2 92 (webpack)\~\coffee-loader!.\cup2.coffee
require (2x) from .\cup1.coffee
require (2x) from (webpack)\~\coffee-loader!.\cup1.coffee
3 178 (webpack)\~\coffee-loader!.\cup1.coffee
require (1x) from .\example.js
```
@ -151,13 +150,12 @@ output.js
```
Hash: 19d4c8993b53d92be00e044dd3101c86
Compile Time: 230ms
Compile Time: 219ms
Chunks: 1
Modules: 4
Modules including duplicates: 4
Modules per chunk: 4
Modules first chunk: 4
output.js: 891 characters
main output.js: 891 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -166,9 +164,9 @@ output.js
main
1 402 (webpack)\buildin\__webpack_console.js
require (1x) from .\example.js
require (1x) from .\cup2.coffee
require (1x) from (webpack)\~\coffee-loader!.\cup2.coffee
2 76 (webpack)\~\coffee-loader!.\cup2.coffee
require (2x) from .\cup1.coffee
require (2x) from (webpack)\~\coffee-loader!.\cup1.coffee
3 101 (webpack)\~\coffee-loader!.\cup1.coffee
require (1x) from .\example.js
```

8
examples/commonjs/README.md
View File

@ -102,9 +102,8 @@ Compile Time: 23ms
Chunks: 1
Modules: 3
Modules including duplicates: 3
Modules per chunk: 3
Modules first chunk: 3
output.js: 1455 characters
main output.js: 1455 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -121,13 +120,12 @@ output.js
```
Hash: e7fbffd3f8f8581e96fa46569eda7c02
Compile Time: 74ms
Compile Time: 94ms
Chunks: 1
Modules: 3
Modules including duplicates: 3
Modules per chunk: 3
Modules first chunk: 3
output.js: 510 characters
main output.js: 510 chars/bytes
<id> <size> <filename>
<reason> from <filename>

42
examples/loader/README.md
View File

@ -66,7 +66,7 @@ module.exports = function(content) {
/******/ /* WEBPACK FREE VAR INJECTION */ (function(console) {
// Polyfill require for node.js usage of loaders
require = require(/* ../../require-polyfill */5)(require.valueOf());
require = require("../../require-polyfill")(require.valueOf());
// use our loader
console.dir(require(/* ./loader!./file */3));
@ -117,23 +117,6 @@ module.exports = {
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)
/******/},
/******/
/******/})
@ -154,19 +137,18 @@ Prints in node.js (`node example.js`) and in browser:
## Uncompressed
```
Hash: ed4cb8f97093b66f4b08f0113e55e89f
Compile Time: 72ms
Hash: 847d13b98159af41faccdda862ec3e8d
Compile Time: 53ms
Chunks: 1
Modules: 6
Modules including duplicates: 6
Modules per chunk: 6
Modules first chunk: 6
output.js: 2723 characters
Modules: 4
Modules including duplicates: 4
Modules first chunk: 4
main output.js: 2342 chars/bytes
<id> <size> <filename>
<reason> from <filename>
output.js
0 341 .\example.js
0 336 .\example.js
main
1 516 (webpack)\buildin\__webpack_console.js
require (3x) from .\example.js
@ -175,8 +157,8 @@ output.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
ERROR: Cannot find module '../../require-polyfill'
Error: Module "../../require-polyfill" not found in context "."
Error: Non of this files exists: C:\Users\Sokrates\Eigene Repos\node_modules\webpack\require-polyfill, C:\Users\Sokrates\Eigene Repos\node_modules\webpack\require-polyfill.webpack.js, C:\Users\Sokrates\Eigene Repos\node_modules\webpack\require-polyfill.web.js, C:\Users\Sokrates\Eigene Repos\node_modules\webpack\require-polyfill.js
@ .\example.js (line 2, column 17)
```

58
examples/mixed/README.md
View File

@ -113,7 +113,7 @@ require(1, function() { return [
// Do something with it...
}
);
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */3)(require)))
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */3)))
/******/},
/******/
@ -133,7 +133,7 @@ define(
return 456;
}
);
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_define */4)(module,require)))
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_define */4)(module)))
/******/},
/******/
@ -152,7 +152,7 @@ require(
var amd2 = require(/* ./amd */1);
}
);
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */3)(require)))
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */3)))
/******/},
/******/
@ -160,26 +160,24 @@ require(
/*** (webpack)\buildin\__webpack_amd_require.js ***/
function amdRequireFactory(req) {
function amdRequire(chunk, requiresFn, fn) {
if(!requiresFn) {
// commonjs
return req(chunk);
}
req.e(chunk, function() {
var modules = requiresFn();
if(fn)
return fn.apply(null, modules);
});
var req = require.valueOf();
function amdRequire(chunk, requiresFn, fn) {
if(!requiresFn) {
// commonjs
return req(chunk);
}
for(var name in req)
amdRequire[name] = req[name];
amdRequire.amd = amdRequireFactory.amd;
amdRequire.config = function() {/* config is ignored, use webpack options */};
return amdRequire;
req.e(chunk, function() {
var modules = requiresFn();
if(fn)
return fn.apply(null, modules);
});
}
amdRequireFactory.amd = {};
module.exports = amdRequireFactory;
for(var name in req)
amdRequire[name] = req[name];
amdRequire.amd = {};
amdRequire.config = function() {/* config is ignored, use webpack options */};
module.exports = amdRequire;
/******/},
/******/
@ -188,8 +186,7 @@ module.exports = amdRequireFactory;
/*** (webpack)\buildin\__webpack_amd_define.js ***/
var amdRequire = require(/* ./__webpack_amd_require */3);
module.exports = function(module, req) {
req = amdRequire(req);
module.exports = function(module) {
function define(id, dependencies, factory) {
if(typeof id != "number") {
factory = dependencies;
@ -198,7 +195,7 @@ module.exports = function(module, req) {
}
if(!factory) {
factory = dependencies;
dependencies = [req, module.exports, module];
dependencies = [amdRequire, module.exports, module];
}
var result = typeof factory == "function" ? factory.apply(null, dependencies) : factory;
if(result !== undefined)
@ -268,15 +265,14 @@ module.exports = function() {
## Uncompressed
```
Hash: 88afb807006dcc8b07a5c58531db820e
Compile Time: 57ms
Hash: 08f6b94c40913ca704ca33fe5a185c2b
Compile Time: 50ms
Chunks: 2
Modules: 9
Modules including duplicates: 9
Modules per chunk: 4.5
Modules first chunk: 5
output.js: 4963 characters
1.output.js: 1105 characters
main output.js: 4817 chars/bytes
2 1.output.js: 1105 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -289,11 +285,11 @@ output.js
2 214 .\commonjs.js
require (3x) from .\example.js
require (2x) from .\amd.js
3 534 (webpack)\buildin\__webpack_amd_require.js
3 437 (webpack)\buildin\__webpack_amd_require.js
require (1x) from .\example.js
require (1x) from .\commonjs.js
require (1x) from (webpack)\buildin\__webpack_amd_define.js
4 604 (webpack)\buildin\__webpack_amd_define.js
4 581 (webpack)\buildin\__webpack_amd_define.js
require (1x) from .\amd.js
1.output.js
5 300 [context] (webpack)\examples\require.context\templates

9
examples/named-chucks/README.md
View File

@ -169,15 +169,14 @@ require.e(1, function(require) {
```
Hash: e8a5188136febe5f240b1f8cbc74cf2b
Compile Time: 59ms
Compile Time: 48ms
Chunks: 3
Modules: 5
Modules including duplicates: 7
Modules per chunk: 2.3
Modules first chunk: 2
output.js: 2524 characters
1.output.js: 240 characters
2.output.js: 342 characters
main output.js: 2524 chars/bytes
1 1.output.js: 240 chars/bytes
my own chuck 2.output.js: 342 chars/bytes
<id> <size> <filename>
<reason> from <filename>

8
examples/require.context/README.md
View File

@ -139,9 +139,8 @@ Compile Time: 35ms
Chunks: 1
Modules: 6
Modules including duplicates: 6
Modules per chunk: 6
Modules first chunk: 6
output.js: 2804 characters
main output.js: 2804 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -164,13 +163,12 @@ output.js
```
Hash: e4f892229bbb95c564b7d14805cc0c12
Compile Time: 101ms
Compile Time: 122ms
Chunks: 1
Modules: 6
Modules including duplicates: 6
Modules per chunk: 6
Modules first chunk: 6
output.js: 1187 characters
main output.js: 1187 chars/bytes
<id> <size> <filename>
<reason> from <filename>

8
examples/require.resolve/README.md
View File

@ -90,9 +90,8 @@ Compile Time: 21ms
Chunks: 1
Modules: 2
Modules including duplicates: 2
Modules per chunk: 2
Modules first chunk: 2
output.js: 1342 characters
main output.js: 1342 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -108,13 +107,12 @@ output.js
```
Hash: be6434e486f1bd019d86a6d85591298e
Compile Time: 68ms
Compile Time: 90ms
Chunks: 1
Modules: 2
Modules including duplicates: 2
Modules per chunk: 2
Modules first chunk: 2
output.js: 442 characters
main output.js: 442 chars/bytes
<id> <size> <filename>
<reason> from <filename>

6
examples/template-common.js
View File

@ -1,4 +1,8 @@
require = require("../require-polyfill")(require.valueOf());
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
require = require("enhanced-require")(module);
var fs = require("fs");

68
examples/web-worker/README.md
View File

@ -119,7 +119,7 @@ onmessage = function(event) {
});
}
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */1)(require)))
/******/ /* WEBPACK FREE VAR INJECTION */ }(require(/* __webpack_amd_require */1)))
/******/},
/******/
@ -127,26 +127,24 @@ onmessage = function(event) {
/*** (webpack)\buildin\__webpack_amd_require.js ***/
function amdRequireFactory(req) {
function amdRequire(chunk, requiresFn, fn) {
if(!requiresFn) {
// commonjs
return req(chunk);
}
req.e(chunk, function() {
var modules = requiresFn();
if(fn)
return fn.apply(null, modules);
});
var req = require.valueOf();
function amdRequire(chunk, requiresFn, fn) {
if(!requiresFn) {
// commonjs
return req(chunk);
}
for(var name in req)
amdRequire[name] = req[name];
amdRequire.amd = amdRequireFactory.amd;
amdRequire.config = function() {/* config is ignored, use webpack options */};
return amdRequire;
req.e(chunk, function() {
var modules = requiresFn();
if(fn)
return fn.apply(null, modules);
});
}
amdRequireFactory.amd = {};
module.exports = amdRequireFactory;
for(var name in req)
amdRequire[name] = req[name];
amdRequire.amd = {};
amdRequire.config = function() {/* config is ignored, use webpack options */};
module.exports = amdRequire;
/******/},
/******/
@ -159,15 +157,14 @@ module.exports = amdRequireFactory;
```
Hash: 9a3fb6bf1155fd1c85b5a003f0e9fe77
Compile Time: 83ms
Compile Time: 72ms
Chunks: 1
Modules: 2
Modules including duplicates: 2
Modules per chunk: 2
Modules first chunk: 2
output.js: 1354 characters
1.hash.worker.js: 1105 characters
hash.worker.js: 2345 characters
main output.js: 1354 chars/bytes
1.hash.worker.js: 1105 chars/bytes
hash.worker.js: 2239 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -178,12 +175,11 @@ output.js
require (1x) from .\example.js
Embedded Stats
.\worker.js
Hash: 65bb224a2fa23725b7e946ce69f409df
Compile Time: 31ms
Hash: 6ce2177a70a0741653c759ba5e3e684f
Compile Time: 25ms
Chunks: 2
Modules: 6
Modules including duplicates: 6
Modules per chunk: 3
Modules first chunk: 2
<id> <size> <filename>
@ -191,7 +187,7 @@ Embedded Stats
hash.worker.js
0 211 .\worker.js
main
1 534 (webpack)\buildin\__webpack_amd_require.js
1 437 (webpack)\buildin\__webpack_amd_require.js
require (1x) from .\worker.js
1.hash.worker.js
2 300 [context] (webpack)\examples\require.context\templates
@ -208,15 +204,14 @@ Embedded Stats
```
Hash: 7c6135cf8b61087ca531a96e890b8f01
Compile Time: 172ms
Compile Time: 302ms
Chunks: 1
Modules: 2
Modules including duplicates: 2
Modules per chunk: 2
Modules first chunk: 2
output.js: 477 characters
1.hash.worker.js: 473 characters
hash.worker.js: 801 characters
main output.js: 477 chars/bytes
1.hash.worker.js: 473 chars/bytes
hash.worker.js: 781 chars/bytes
<id> <size> <filename>
<reason> from <filename>
@ -227,12 +222,11 @@ output.js
require (1x) from .\example.js
Embedded Stats
.\worker.js
Hash: a1886641df5eb2595eadd73b78b81f70
Compile Time: 106ms
Hash: 32b01b30a4148ab0f233c37f6b7dcbc9
Compile Time: 143ms
Chunks: 2
Modules: 6
Modules including duplicates: 6
Modules per chunk: 3
Modules first chunk: 2
<id> <size> <filename>
@ -240,7 +234,7 @@ Embedded Stats
hash.worker.js
0 120 .\worker.js
main
1 264 (webpack)\buildin\__webpack_amd_require.js
1 253 (webpack)\buildin\__webpack_amd_require.js
require (1x) from .\worker.js
1.hash.worker.js
2 228 [context] (webpack)\examples\require.context\templates