option for full reload instead of css inject. #41

lib/live-server/index.js

@@ -186,6 +186,7 @@ LiveServer.start = function (options, callback) {
 	// var addtionalHTMLtags = options.addtionalHTMLtags || []; //dropped the feature
 	var disableGlobbing = options.disableGlobbing || false;
 	var onTagMissedCallback = options.onTagMissedCallback || null;
+	var fullReload = options.fullReload || false;
 
 	var staticServerHandler = staticServer(root, onTagMissedCallback);
 
@@ -409,7 +410,7 @@ LiveServer.start = function (options, callback) {
 		}
 		clients.forEach(function (ws) {
 			if (ws)
-				ws.send(cssChange ? 'refreshcss' : 'reload');
+				ws.send((cssChange && !fullReload) ? 'refreshcss' : 'reload');
 		});
 	}
 

package.json

@@ -205,6 +205,11 @@
           "default": 100,
           "description": "Delay before reloading. Value in milliseconds. Default is 100"
         },
+        "liveServer.settings.fullReload": {
+          "type": "boolean",
+          "default": false,
+          "description": "By Default Live Server inject CSS changes without full reloading of browser. You can change this behviour by making this setting as `true`"
+        },
         "liveServer.settings.https": {
           "type": "object",
           "default": {

src/Config.ts

@@ -88,4 +88,8 @@ export class Config {
     public static get getWait(): number {
         return Config.getSettings<number>('wait');
     }
+
+    public static get getfullReload(): boolean {
+        return Config.getSettings<boolean>('fullReload');
+    }
 }

src/Helper.ts

@@ -105,6 +105,7 @@ export class Helper {
             proxy: proxy,
             cors: true,
             wait: Config.getWait || 100,
+            fullReload: Config.getfullReload,
             useBrowserExtension: Config.getUseWebExt,
             onTagMissedCallback: onTagMissedCallback
         };