Added example "webworker" (#755)

cecilemuller · SpaceK33z · commit 31fb4fd8fed7 · 2017-01-23T22:28:28.000+01:00
diff --git a/examples/webworker/README.md b/examples/webworker/README.md
@@ -0,0 +1,19 @@
+# Webworker
+
+
+## How to run
+
+```shell
+node ../../bin/webpack-dev-server.js
+```
+
+
+## What should happen
+
+1. The main thread sends a message to the Worker.
+2. The worker outputs the message in the console.
+3. The worker sends a message back to the main thread.
+4. The main thread posts the message in the console.
+
+No error, warning or other log traces should be in the console.
+
diff --git a/examples/webworker/index.html b/examples/webworker/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Example "webworker"</title>
+</head>
+<body>
+	<script src="web.bundle.js"></script>
+</body>
+</html>
diff --git a/examples/webworker/web.js b/examples/webworker/web.js
@@ -0,0 +1,10 @@
+/* eslint-env browser */
+"use strict";
+
+const worker = new Worker("worker.bundle.js");
+worker.onmessage = function(e) {
+	console.log("[MAIN]", e);
+};
+worker.postMessage({
+	hello: 111
+});
diff --git a/examples/webworker/webpack.config.js b/examples/webworker/webpack.config.js
@@ -0,0 +1,22 @@
+"use strict";
+
+module.exports = [
+	{
+		devtool: "source-map",
+		target: "web",
+		entry: "./web.js",
+		output: {
+			filename: "web.bundle.js",
+			path: __dirname
+		}
+	},
+	{
+		devtool: "source-map",
+		target: "webworker",
+		entry: "./worker.js",
+		output: {
+			filename: "worker.bundle.js",
+			path: __dirname
+		}
+	}
+];
diff --git a/examples/webworker/worker.js b/examples/webworker/worker.js
@@ -0,0 +1,9 @@
+/* eslint-env worker */
+"use strict";
+
+self.onmessage = function(e) {
+	console.log("[WORKER]", e);
+	self.postMessage({
+		hello: 222
+	});
+};
