ADDED support for local webpack devserver development

package.json

@@ -10,6 +10,7 @@
     "css-loader": "^2.1.0",
     "eslint": "^5.16.0",
     "file-loader": "^3.0.1",
+    "html-webpack-plugin": "^3.2.0",
     "style-loader": "^0.23.1",
     "webpack": "^4.41.0",
     "webpack-cli": "^3.3.9",

src/index.html

@@ -102,5 +102,6 @@
     <div class="skinHeader focuscontainer-x"></div>
     <div class="mainAnimatedPages skinBody"></div>
     <div class="mainDrawerHandle"></div>
+    <%= htmlWebpackPlugin.options.appLoader %>
 </body>
 </html>

webpack.dev.js

@@ -1,6 +1,7 @@
 const path = require("path");
 const common = require("./webpack.common");
 const merge = require("webpack-merge");
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = merge(common, {
     mode: "development",
@@ -21,4 +22,18 @@ module.exports = merge(common, {
             }
         ]
     },
+    plugins: [
+        new HtmlWebpackPlugin({
+            appLoader: '<script>window.dashboardVersion="0.0.0";</script><script src="scripts/apploader.js?v=0.0.0" defer></script></body>',
+            filename: 'index.html',
+            template: 'index.html'
+        })
+    ],
+    devServer: {
+        proxy: {
+            "!/**/*.html" : "http://localhost:8096",
+            "!/**/*.css" : "http://localhost:8086",
+            "!/**/*.js" : "http://localhost:8086"
+        }
+    }
 });