Add dev server task for faster iterations

Gruntfile.js

@@ -1,10 +1,10 @@
-const path = require('path');
+const path = require("path");
 
 module.exports = grunt => {
     grunt.initConfig({
         pkg: grunt.file.readJSON("package.json"),
         clean: {
-            default: ["build/"]
+            default: ["build/"],
         },
         copy: {
             html: {
@@ -12,7 +12,12 @@ module.exports = grunt => {
             },
             css: {
                 files: [{expand: true, cwd: "src/main/", src: "**/*.css", dest: "build/"}]
-            }
+            },
+        },
+        focus: {
+            dev: {
+                include: ["css", "html", "js"],
+            },
         },
         replace: {
             dev: {
@@ -34,7 +39,7 @@ module.exports = grunt => {
                     }
                 ],
                 overwrite: true
-            }
+            },
         },
         webpack: {
             options: {
@@ -53,20 +58,42 @@ module.exports = grunt => {
                 output: {
                     filename: "bundle.js",
                     path: path.resolve(__dirname, "build/"),
-                }
+                },
             },
             dev: {
                 mode: "development",
-                devtool: "inline-source-map"
+                devtool: "inline-source-map",
             },
             deploy: {
-                mode: "production"
-            }
-        }
+                mode: "production",
+            },
+        },
+        watch: {
+            css: {
+                files: ["src/main/**/*.css"],
+                tasks: ["copy:css"],
+                options: {
+                    spawn: false,
+                },
+            },
+            html: {
+                files: ["src/main/**/*.html"],
+                tasks: ["copy:html"],
+                options: {
+                    spawn: false,
+                },
+            },
+            js: {
+                files: ["src/main/**/*.js"],
+                tasks: ["webpack:dev", "replace:dev"],
+            },
+        },
     });
 
     grunt.loadNpmTasks("grunt-contrib-clean");
     grunt.loadNpmTasks("grunt-contrib-copy");
+    grunt.loadNpmTasks("grunt-contrib-watch");
+    grunt.loadNpmTasks("grunt-focus");
     grunt.loadNpmTasks("grunt-text-replace");
     grunt.loadNpmTasks("grunt-webpack");
 
@@ -81,6 +108,7 @@ module.exports = grunt => {
         // Post
         "replace:dev"
     ]);
+    grunt.registerTask("dev:server", ["dev", "focus:dev"]);
     grunt.registerTask("deploy", [
         // Pre
         "clean",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "interlanguage-checker",
-    "version": "1.10.4",
+    "version": "1.10.5",
     "description": "Check the consistency of MediaWiki interlanguage links in a simple overview.",
     "author": "Felix W. Dekker",
     "browser": "bundle.js",
@@ -12,6 +12,7 @@
     "scripts": {
         "clean": "grunt clean",
         "dev": "grunt dev",
+        "dev:server": "grunt dev:server",
         "deploy": "grunt deploy"
     },
     "dependencies": {
@@ -26,6 +27,8 @@
         "grunt-cli": "^1.3.2",
         "grunt-contrib-clean": "^2.0.0",
         "grunt-contrib-copy": "^1.0.0",
+        "grunt-contrib-watch": "^1.1.0",
+        "grunt-focus": "^1.0.0",
         "grunt-text-replace": "^0.4.0",
         "grunt-webpack": "^3.1.3",
         "webpack": "^4.42.1",