added more examples

sokra · sokra · commit 284500f9eea5 · 2012-08-23T01:58:17.000+02:00
diff --git a/examples/README.md b/examples/README.md
@@ -20,6 +20,10 @@ example demonstrating to automatic creation of contexts when using variables in
 
 example demonstrating contexts in a code-split environment.
 
+## code-splitted-require.context-amd
+
+example demonstrating contexts in a code-split environment with AMD.
+
 ## loader
 
 example demonstrating to usage of loaders.
@@ -40,6 +44,10 @@ example demonstrating merging of chucks with named chucks
 
 example demonstrating mixing CommonJs and AMD
 
+## web-worker
+
+example demonstrating creating WebWorkers with webpack and the worker-loader.
+
 # Requests
 
 If you think a example is missing, please report it as issue. :)
diff --git a/examples/build-common.js b/examples/build-common.js
@@ -7,10 +7,9 @@ require = require("../require-polyfill")(require.valueOf());
 var cp = require('child_process');
 var tc = require("./template-common");
 
-var argv = process.argv;
-argv.shift();
-argv.shift();
-var extraArgs = argv.join(" ");
+var extraArgs = "";
+if(require("fs").existsSync(require("path").join(process.cwd(), "webpackOptions.js")))
+	extraArgs += "--options webpackOptions.js ";
 
 cp.exec("node ../../bin/webpack.js --verbose --min "+extraArgs+" example.js js/output.js", function (error, stdout, stderr) {
 	if(stderr)
diff --git a/examples/buildAll.js b/examples/buildAll.js
@@ -2,6 +2,7 @@ var cp = require('child_process');
 
 var cmds = [
 	"cd code-splitted-require.context && node build.js",
+	"cd code-splitted-require.context-amd && node build.js",
 	"cd code-splitting && node build.js",
 	"cd coffee-script && node build.js",
 	"cd loader && node build.js",
@@ -11,6 +12,7 @@ var cmds = [
 	"cd named-chucks && node build.js",
 	"cd require.resolve && node build.js",
 	"cd mixed && node build.js",
+	"cd web-worker && node build.js",
 ];
 
 var stack = function() {
diff --git a/examples/code-splitted-require.context-amd/build.js b/examples/code-splitted-require.context-amd/build.js
@@ -0,0 +1 @@
+require("../build-common");
diff --git a/examples/code-splitted-require.context-amd/example.js b/examples/code-splitted-require.context-amd/example.js
@@ -0,0 +1,11 @@
+function getTemplate(templateName, callback) {
+	require(["../require.context/templates/"+templateName], function(tmpl) {
+		callback(tmpl());
+	});
+}
+getTemplate("a", function(a) {
+	console.log(a);
+});
+getTemplate("b", function(b) {
+	console.log(b);
+});
diff --git a/examples/code-splitted-require.context-amd/template.md b/examples/code-splitted-require.context-amd/template.md
@@ -0,0 +1,31 @@
+# example.js
+
+``` javascript
+{{example.js}}
+```
+
+# js/output.js
+
+``` javascript
+{{js/output.js}}
+```
+
+# js/1.output.js
+
+``` javascript
+{{js/1.output.js}}
+```
+
+# Info
+
+## Uncompressed
+
+```
+{{stdout}}
+```
+
+## Minimized (uglify-js, no zip)
+
+```
+{{min:stdout}}
+```
diff --git a/examples/code-splitted-require.context/example.js b/examples/code-splitted-require.context/example.js
@@ -1,6 +1,6 @@
 function getTemplate(templateName, callback) {
 	require.ensure([], function(require) {
-		callback(require("../require.context/templates/"+templateName));
+		callback(require("../require.context/templates/"+templateName)());
 	});
 }
 getTemplate("a", function(a) {
diff --git a/examples/web-worker/build.js b/examples/web-worker/build.js
@@ -0,0 +1 @@
+require("../build-common");
diff --git a/examples/web-worker/example.js b/examples/web-worker/example.js
@@ -0,0 +1,6 @@
+var Worker = require("worker!./worker");
+var worker = new Worker;
+worker.postMessage("b");
+worker.onmessage = function(event) {
+	var templateB = event.data; // "This text was generated by template B"
+}
diff --git a/examples/web-worker/template.md b/examples/web-worker/template.md
@@ -0,0 +1,38 @@
+
+# example.js
+
+``` javascript
+{{example.js}}
+```
+
+# worker.js
+
+``` javascript
+{{worker.js}}
+```
+
+# js/output.js
+
+``` javascript
+{{js/output.js}}
+```
+
+# js/[hash].worker.js
+
+``` javascript
+{{js/hash.worker.js}}
+```
+
+# Info
+
+## Uncompressed
+
+```
+{{stdout}}
+```
+
+## Minimized (uglify-js, no zip)
+
+```
+{{min:stdout}}
+```
diff --git a/examples/web-worker/webpackOptions.js b/examples/web-worker/webpackOptions.js
@@ -0,0 +1,8 @@
+module.exports = {
+	worker: {
+		webpack: {
+			output: "hash.worker.js",
+			outputPostfix: ".hash.worker.js"
+		}
+	}
+}
diff --git a/examples/web-worker/worker.js b/examples/web-worker/worker.js
@@ -0,0 +1,6 @@
+onmessage = function(event) {
+	var template = event.data;
+	require(["../require.context/templates/" + event.data], function(tmpl) {
+		postMessage(tmpl());
+	});
+}
diff --git a/package.json b/package.json
@@ -29,6 +29,7 @@
 		}
 	],
 	"devDependencies": {
+		"worker-loader": "0.1.x",
 		"mocha": "*",
 		"should": "*",
 		"vm-browserify": "*",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`function getTemplate(templateName, callback) {`
`2`	`2`	`require.ensure([], function(require) {`
`3`		`- callback(require("../require.context/templates/"+templateName));`
	`3`	`+ callback(require("../require.context/templates/"+templateName)());`
`4`	`4`	`});`
`5`	`5`	`}`
`6`	`6`	`getTemplate("a", function(a) {`