Configure webpack for build

Author: subev

.gitignore

@@ -1,3 +1,3 @@
 node_modules
 package-lock.json
-output
+webpack-output

package.json

@@ -13,7 +13,7 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: No tests specified\"",
-    "prepare": "rollup -c"
+    "webpack-build": "webpack"
   },
   "bin": {
     "server": "./output/server.js",
@@ -29,15 +29,18 @@
     "@types/yargs": "^17.0.1",
     "chokidar": "^3.5.2",
     "localtunnel": "^2.0.1",
-    "rollup": "^2.52.7",
     "rxjs": "^7.1.0",
     "shelljs": "^0.8.4",
     "socket.io": "^4.1.2",
     "socket.io-client": "^4.1.2",
+    "webpack": "^5.42.0",
+    "webpack-node-externals": "^3.0.0",
     "yargs": "^17.0.1"
   },
   "devDependencies": {
+    "node-loader": "^2.0.0",
+    "ts-loader": "^9.2.3",
     "typescript": "^4.3.4",
-    "@rollup/plugin-typescript": "^8.2.1"
+    "webpack-cli": "^4.7.2"
   }
 }

rollup.config.js

@@ -0,0 +1,29 @@
+const nodeExternals = require('webpack-node-externals');
+
+module.exports = {
+  mode: "production",
+  entry: {
+    client: "./client.ts",
+    server: "./server.ts",
+  },
+  output: {
+    filename: "[name].js",
+    path: __dirname + "/webpack-output/",
+  },
+  target: "node",
+  resolve: {
+    // Add `.ts` and `.tsx` as a resolvable extension.
+    extensions: [".ts", ".tsx", ".js", ".node"],
+  },
+  module: {
+    rules: [
+      // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
+      { test: /\.tsx?$/, loader: "ts-loader" },
+      {
+        test: /.node$/,
+        loader: "node-loader",
+      },
+    ],
+  },
+  externals: [nodeExternals()],
+};