remove rollup-plugin-livereload, use rollup-plugin-dev for autoreload

package.json

@@ -64,13 +64,13 @@
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-dev": "^1.1.3",
-    "rollup-plugin-livereload": "^2.0.5",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-plugin-visualizer": "^5.7.1",
     "rollup-plugin-web-worker-loader": "^1.6.1",
+    "rollup-plugin-serve": "^1.1.1",
     "serve": "^14.0.1",
     "ts-jest": "^28.0.8",
     "tslib": "^2.4.0",
@@ -118,4 +118,4 @@
       "pre-commit": "pretty-quick --staged"
     }
   }
-}
+}

rollup.config.js

@@ -3,7 +3,6 @@ import commonjs from 'rollup-plugin-commonjs';
 import typescript from 'rollup-plugin-typescript2';
 import { terser } from 'rollup-plugin-terser';
 import sourcemaps from 'rollup-plugin-sourcemaps';
-import livereload from 'rollup-plugin-livereload';
 import visualizer from 'rollup-plugin-visualizer';
 import webWorkerLoader from 'rollup-plugin-web-worker-loader';
 import replace from '@rollup/plugin-replace';
@@ -54,10 +53,10 @@ const getPlugins = shouldMinify => {
     shouldMinify
       ? terser()
       : terser({
-          compress: false,
-          mangle: false,
-          format: { beautify: true }
-        }),
+        compress: false,
+        mangle: false,
+        format: { beautify: true }
+      }),
     sourcemaps()
   ];
 };
@@ -92,14 +91,15 @@ let bundles = [
     plugins: [
       ...getPlugins(false),
       !isProduction &&
-        dev({
-          dirs: ['dist', 'static'],
-          port: serverPort,
-          extend(app, modules) {
-            app.use(modules.mount(createApp({ port: serverPort })));
-          }
-        }),
-      !isProduction && livereload()
+      dev({
+        dirs: ['dist', 'static'],
+        port: serverPort,
+        extend(app, modules) {
+          app.use(modules.mount(createApp({ port: serverPort })));
+        },
+        spa: true,
+        force: true
+      })
     ],
     watch: {
       clearScreen: false