Improving watch & build scripts

web-view/package.json

@@ -6,7 +6,18 @@
   "scripts": {
     "test": "ts-mocha src/**/*.test.ts",
     "clean": "rm -rf build",
-    "build": "webpack --mode=development"
+    "build": "npm run clean && npm run build:js && npm run build:html",
+    "build:html": "cp -r ./src/*.html ./build",
+    "build:js": "webpack --mode=production",
+    "watch:js": "webpack --mode=development --watch",
+    "watch:html": "npm-watch"
+  },
+  "watch": {
+    "build:html": {
+      "patterns": ["src"],
+      "extensions": "html",
+      "runOnChangeOnly": false
+    }
   },
   "keywords": [],
   "author": "Jason Tarka <git@tarka.ca>",
@@ -21,6 +32,7 @@
     "@types/mocha": "^9.0.0",
     "@types/should": "^13.0.0",
     "mocha": "^8.4.0",
+    "npm-watch": "^0.11.0",
     "should": "^13.2.3",
     "ts-loader": "^9.2.6",
     "ts-mocha": "^8.0.0",

web-view/webpack.config.js

@@ -3,7 +3,6 @@ const path = require('path');
 module.exports = {
 	// The entry point
 	entry: './src/js/main.ts',
-	watch: true,
 
 	module: {
 		rules: [