Add a production release build.

.gitignore

@@ -1 +1,2 @@
 /node_modules/
+/dist/

package-lock.json

@@ -28,7 +28,8 @@
         "typescript": "^5.3.3",
         "webpack": "^5.89.0",
         "webpack-cli": "^5.1.4",
-        "webpack-dev-server": "^4.15.1"
+        "webpack-dev-server": "^4.15.1",
+        "webpack-merge": "^5.10.0"
       }
     },
     "node_modules/@ampproject/remapping": {

package.json

@@ -4,8 +4,10 @@
   "description": "",
   "main": "index.jsx",
   "scripts": {
-    "dev": "webpack server",
-    "format": "prettier --write '**/*.{json,js,ts,tsx,css}'"
+    "dev": "webpack server --config webpack.dev.js",
+    "format": "prettier --write '**/*.{json,js,ts,tsx,css}'",
+    "build": "webpack --config webpack.dev.js",
+    "release": "webpack --config webpack.prd.js"
   },
   "keywords": [],
   "author": "",
@@ -30,6 +32,7 @@
     "typescript": "^5.3.3",
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^4.15.1",
+    "webpack-merge": "^5.10.0"
   }
 }

webpack.common.js

@@ -75,8 +75,6 @@ module.exports = {
       filename: "index.html",
     }),
   ],
-  mode: "development",
-  devtool: "inline-source-map",
   experiments: {
     asyncWebAssembly: true,
   },

webpack.dev.js

@@ -0,0 +1,7 @@
+const { merge } = require("webpack-merge");
+const common = require("./webpack.common.js");
+
+module.exports = merge(common, {
+  mode: "development",
+  devtool: "inline-source-map",
+});

webpack.prd.js

@@ -0,0 +1,6 @@
+const { merge } = require("webpack-merge");
+const common = require("./webpack.common.js");
+
+module.exports = merge(common, {
+  mode: "production",
+});