fix(Angular): add hot loader for lazy loaded NgModules

lazy-ngmodule-hot-loader.js

@@ -0,0 +1,17 @@
+const { safeGet } = require("./projectHelpers");
+
+const LAZY_RESOURCE_CONTEXT = "$$_lazy_route_resource";
+const HOT_SELF_ACCEPT = "module.hot && module.hot.accept()";
+
+const isLazyLoadedNgModule = resource => {
+    const issuer = safeGet(resource, "issuer");
+    const issuerContext = safeGet(issuer, "context");
+
+    return issuerContext && issuerContext.endsWith(LAZY_RESOURCE_CONTEXT);
+};
+
+module.exports = function (source) {
+    return isLazyLoadedNgModule(this._module) ?
+        `${source};${HOT_SELF_ACCEPT}`:
+        source;
+};

projectHelpers.js

@@ -110,5 +110,6 @@ module.exports = {
     isTypeScript,
     writePackageJson,
     convertSlashesInPath,
-    getIndentationCharacter
+    getIndentationCharacter,
+    safeGet,
 };

projectHelpers.spec.js

@@ -1,4 +1,4 @@
-const { getIndentationCharacter, writePackageJson } = require("./projectHelpers");
+const { getIndentationCharacter, writePackageJson, safeGet } = require("./projectHelpers");
 const fs = require("fs");
 
 describe('projectHelpers', () => {
@@ -57,6 +57,28 @@ describe('projectHelpers', () => {
         });
     });
 
+    describe('safeGet', () => {
+        it('should return the correct value of existing properties', () => {
+            const obj = { a: 15 };
+            expect(safeGet(obj, 'a')).toBe(15);
+        });
+
+        it('should return undefined for unexisting properties', () => {
+            const obj = { a: 15 };
+            expect(safeGet(obj, 'random')).toBeUndefined();
+        });
+
+        it('should return undefined when the first argument is undefined', () => {
+            let obj;
+            expect(safeGet(obj, 'random')).toBeUndefined();
+        });
+
+        it('should return undefined when the first argument is not an object and does not have inherited property with the queried name', () => {
+            const num = 15;
+            expect(safeGet(num, 'random')).toBeUndefined();
+        });
+    });
+
     describe('writePackageJson', () => {
         const mockFileSystemApi = () => {
             const data = {

templates/webpack.angular.js

@@ -192,6 +192,7 @@ module.exports = env => {
                     test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
                     use: [
                         "nativescript-dev-webpack/moduleid-compat-loader",
+                        "nativescript-dev-webpack/lazy-ngmodule-hot-loader",
                         "@ngtools/webpack",
                     ]
                 },