diff --git a/Step/wwwroot/package.json b/Step/wwwroot/package.json
index 3b131afa..f172c92e 100644
--- a/Step/wwwroot/package.json
+++ b/Step/wwwroot/package.json
@@ -8,7 +8,7 @@
         "build": "webpack",
         "buildprod": "webpack --progress --config webpack.config.js --env production",
         "dev": "webpack --watch", 
-        "serve": "webpack --watch"
+        "serve": "webpack-dev-server --inline --progress --config webpack.config.js"
     },
     "dependencies": {
         "axios": "0.19.2",
@@ -41,6 +41,7 @@
         "@vue/cli-plugin-router": "^4.1.0",
         "@vue/cli-plugin-typescript": "^4.1.0",
         "@vue/cli-plugin-vuex": "^4.1.0",
+        "@vue/cli-service": "^4.2.3",
         "autoprefixer": "^7.1.2",
         "babel-loader": "8.0.6",
         "chalk": "^2.0.1",
diff --git a/Step/wwwroot/webpack.config.js b/Step/wwwroot/webpack.config.js
index b3a3fc69..05063401 100644
--- a/Step/wwwroot/webpack.config.js
+++ b/Step/wwwroot/webpack.config.js
@@ -32,6 +32,16 @@ const optimization = {
 module.exports = {
   mode: "development",
   optimization,
+  devServer: {
+    contentBase: __dirname,
+    historyApiFallback: true,
+    port: 8081
+    // hot: true,
+  },
+  watchOptions: {
+    poll: 1500 // Check for changes every second
+    , aggregateTimeout: 4000
+  },
   entry: ['./src/main.ts'],
   output: {
     path: path.resolve(__dirname, './dist'),