dmnsgn · November 24, 2021 15:28 · Nov 24, 2021
diff --git a/foo.js b/foo.js
@@ -0,0 +1 @@
+console.log("foo");
diff --git a/index.html b/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Document</title>
+	</head>
+	<body>
+		<script src="dist/bundle.js" type="module"></script>
+	</body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,9 @@
+const myWorker = new Worker(new URL("worker.js", import.meta.url), {
+  type: "classic",
+});
+
+myWorker.onmessage = function (e) {
+  console.log("Message received from worker", e.data);
+};
+
+myWorker.postMessage([42]);
diff --git a/package.json b/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "webpack-worker-type-classic",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "npx webpack",
+    "serve": "npx browser-sync"
+  },
+  "keywords": [],
+  "author": "Damien Seguin (https://github.com/dmnsgn)",
+  "license": "MIT",
+  "devDependencies": {
+    "webpack": "^5.64.3",
+    "webpack-cli": "^4.9.1"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,16 @@
+const path = require("path");
+
+module.exports = {
+  entry: "./index.js",
+  mode: "production",
+  optimization: {
+    minimize: false,
+  },
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "bundle.js",
+    clean: true,
+    libraryTarget: "module",
+  },
+  experiments: { outputModule: true },
+};
diff --git a/worker.js b/worker.js
@@ -0,0 +1,10 @@
+self.importScripts(new URL("./foo.js", import.meta.url));
+
+onmessage = function (e) {
+  console.log("Worker: Message received from main script");
+
+  const workerResult = "Result: " + e.data[0];
+
+  console.log("Worker: Posting message back to main script");
+  postMessage(workerResult);
+};