refactor(webpack): write bundles to memory and disk

Author: danbucholtz

src/util/hybrid-file-system.ts

@@ -1,4 +1,4 @@
-import { basename, dirname } from 'path';
+import { basename, dirname, join } from 'path';
 import { FileSystem, VirtualFileSystem } from './interfaces';
 import { FileCache } from './file-cache';
 import { VirtualDirStats, VirtualFileStats } from './virtual-file-utils';
@@ -104,4 +104,18 @@ export class HybridFileSystem implements FileSystem, VirtualFileSystem {
   getAllDirStats():  { [filePath: string]: VirtualDirStats } {
     return this.directoryStats;
   }
+
+  mkdirp(filePath: string, callback: Function) {
+    callback();
+  }
+
+  join(dirPath: string, fileName: string) {
+    return join(dirPath, fileName);
+  }
+
+  writeFile(filePath: string, fileContent: Buffer, callback: Function) {
+    const stringContent = fileContent.toString();
+    this.addVirtualFile(filePath, stringContent);
+    callback();
+  }
 }

src/webpack.ts

@@ -8,7 +8,7 @@ import { fillConfigDefaults, getUserConfigFile, replacePathVars } from './util/c
 import * as Constants from './util/constants';
 import { BuildError, IgnorableError } from './util/errors';
 import { emit, EventType } from './util/events';
-import { getBooleanPropertyValue, printDependencyMap, webpackStatsToDependencyMap } from './util/helpers';
+import { getBooleanPropertyValue, printDependencyMap, webpackStatsToDependencyMap, writeFileAsync } from './util/helpers';
 import { BuildContext, BuildState, ChangedFile, TaskInfo } from './util/interfaces';
 
 
@@ -108,7 +108,13 @@ function webpackBuildComplete(stats: any, context: BuildContext, webpackConfig:
 
   context.moduleFiles = files;
 
-  return Promise.resolve();
+  return writeBundleFilesToDisk(context);
+}
+
+export function writeBundleFilesToDisk(context: BuildContext) {
+  const buildFiles = context.fileCache.getAll().filter(file => file.path.indexOf(context.buildDir) >= 0);
+  const promises = buildFiles.map(buildFile => writeFileAsync(buildFile.path, buildFile.content));
+  return Promise.all(promises);
 }
 
 export function runWebpackFullBuild(config: WebpackConfig) {

src/webpack/ionic-environment-plugin.ts

@@ -31,6 +31,7 @@ export class IonicEnvironmentPlugin {
       const hybridFileSystem = getInstance();
       hybridFileSystem.setFileSystem(compiler.inputFileSystem);
       compiler.inputFileSystem = hybridFileSystem;
+      compiler.outputFileSystem = hybridFileSystem;
       compiler.watchFileSystem = new WatchMemorySystem(this.context.fileCache);
 
       // do a bunch of webpack specific stuff here, so cast to an any