refactor(webpack): only pass changed files to webpack that are src files and have a .ts extension

Author: danbucholtz

src/webpack/ionic-environment-plugin.ts

@@ -15,13 +15,13 @@ export class IonicEnvironmentPlugin {
   apply(compiler: any) {
 
     compiler.plugin('context-module-factory', (contextModuleFactory: any) => {
-      const deepLinkConfig = getParsedDeepLinkConfig();
-      const webpackDeepLinkModuleDictionary = convertDeepLinkConfigToWebpackFormat(deepLinkConfig);
       contextModuleFactory.plugin('after-resolve', (result: any, callback: Function) => {
         if (!result) {
           return callback();
         }
 
+        const deepLinkConfig = getParsedDeepLinkConfig();
+        const webpackDeepLinkModuleDictionary = convertDeepLinkConfigToWebpackFormat(deepLinkConfig);
         const ionicAngularDir = getStringPropertyValue(Constants.ENV_VAR_IONIC_ANGULAR_DIR);
         const ngModuleLoaderDirectory = join(ionicAngularDir, 'util');
         if (!result.resource.endsWith(ngModuleLoaderDirectory)) {
@@ -52,7 +52,7 @@ export class IonicEnvironmentPlugin {
       hybridFileSystem.setFileSystem(compiler.inputFileSystem);
       compiler.inputFileSystem = hybridFileSystem;
       compiler.outputFileSystem = hybridFileSystem;
-      compiler.watchFileSystem = new WatchMemorySystem(this.context.fileCache);
+      compiler.watchFileSystem = new WatchMemorySystem(this.context.fileCache, this.context.srcDir);
 
       // do a bunch of webpack specific stuff here, so cast to an any
       // populate the content of the file system with any virtual files

src/webpack/watch-memory-system.ts

@@ -1,3 +1,4 @@
+import { extname } from 'path';
 import { FileCache } from '../util/file-cache';
 import { on, EventType } from '../util/events';
 import { Logger } from '../logger/logger';
@@ -17,7 +18,7 @@ export class WatchMemorySystem {
   private immediateCallback: (filePath: string, timestamp: number) => void;
   private aggregatedCallback: (err: Error, changesFilePaths: string[], dirPaths: string[], missingPaths: string[], timesOne: any, timesTwo: any) => void;
 
-  constructor(private fileCache: FileCache) {
+  constructor(private fileCache: FileCache, private srcDir: string) {
   }
 
   close() {
@@ -52,7 +53,7 @@ export class WatchMemorySystem {
     this.isListening = true;
     on(EventType.WebpackFilesChanged, () => {
       this.changes = new Set<string>();
-      const filePaths = this.fileCache.getAll().filter(file => file.timestamp >= this.lastWatchEventTimestamp).map(file => file.path);
+      const filePaths = this.fileCache.getAll().filter(file => file.timestamp >= this.lastWatchEventTimestamp && file.path.startsWith(this.srcDir) && extname(file.path) === '.ts').map(file => file.path);
       Logger.debug('filePaths: ', filePaths);
       this.lastWatchEventTimestamp = Date.now();
       this.processChanges(filePaths);