fix(@ngtools/webpack): only invalidate related virtual files

Author: filipesilva

packages/ngtools/webpack/src/compiler_host.ts

@@ -33,6 +33,13 @@ export class WebpackCompilerHost implements ts.CompilerHost {
   private _basePath: Path;
   private _resourceLoader?: WebpackResourceLoader;
   private _sourceFileCache = new Map<string, ts.SourceFile>();
+  private _virtualFileExtensions = [
+    '.js', '.js.map',
+    '.ngfactory.js', '.ngfactory.js.map',
+    '.ngstyle.js', '.ngstyle.js.map',
+    '.ngsummary.json',
+  ];
+
 
   constructor(
     private _options: ts.CompilerOptions,
@@ -79,19 +86,24 @@ export class WebpackCompilerHost implements ts.CompilerHost {
 
   invalidate(fileName: string): void {
     const fullPath = this.resolve(fileName);
-
-    if (this._memoryHost.exists(fullPath)) {
-      this._memoryHost.delete(fullPath);
-    }
-
     this._sourceFileCache.delete(fullPath);
 
     try {
       const exists = this._syncHost.isFile(fullPath);
       if (exists) {
         this._changedFiles.add(fullPath);
       }
-    } catch { }
+    } catch {
+      // File doesn't exist anymore, so we should delete the related virtual files.
+      if (fullPath.endsWith('.ts')) {
+        this._virtualFileExtensions.forEach(ext => {
+          const virtualFile = fullPath.replace(/\.ts$/, ext) as Path;
+          if (this._memoryHost.exists(virtualFile)) {
+            this._memoryHost.delete(virtualFile);
+          }
+        });
+      }
+    }
   }
 
   fileExists(fileName: string, delegate = true): boolean {