refactor(webpack): use incremental build

Author: danbucholtz

config/webpack.config.js

@@ -9,28 +9,23 @@ function getEntryPoint() {
   if (process.env.IONIC_ENV === 'prod') {
     return '{{TMP}}/app/main.prod.js';
   }
-  return '{{SRC}}/app/main.dev.ts';
+  return '{{TMP}}/app/main.dev.js';
 }
 
 module.exports = {
-  devtool: 'cheap-module-source-map',
+  devtool: 'source-map',
   entry: getEntryPoint(),
   output: {
     path: '{{BUILD}}',
     filename: 'main.js'
   },
 
   resolve: {
-    //modules: [path.resolve(__dirname, 'src'), 'node_modules'],
-    extensions: ['.js', '.ts', '.json']
+    extensions: ['.js', '.json']
   },
 
   module: {
     loaders: [
-      {
-        test: /\.(ts|js)$/,
-        loader: path.resolve(path.join(__dirname, '..', 'dist', 'loaders', 'ionic-loader.js'))
-      },
       {
         test: /\.json$/,
         loader: 'json'

src/copy.ts

@@ -3,8 +3,7 @@ import { BuildError, Logger } from './util/logger';
 import { emit, EventType } from './util/events';
 import { fillConfigDefaults, generateContext, getUserConfigFile, replacePathVars } from './util/config';
 import * as fs from 'fs-extra';
-import * as path from 'path';
-
+import { join as pathJoin, resolve as pathResolve, sep as pathSep } from 'path';
 
 export function copy(context?: BuildContext, configFile?: string) {
   context = generateContext(context);
@@ -46,7 +45,7 @@ export function copyUpdate(event: string, filePath: string, context: BuildContex
 
   } else if (event === 'unlink' || event === 'unlinkDir') {
     return new Promise((resolve, reject) => {
-      const destFile = path.join(context.rootDir, filePath);
+      const destFile = pathJoin(context.rootDir, filePath);
       fs.remove(destFile, (err) => {
         if (err) {
           reject(new BuildError(err));
@@ -86,23 +85,23 @@ export function findFileCopyOptions(context: BuildContext, copyConfig: CopyConfi
     return copyOptions;
   }
 
-  filePath = path.join(context.rootDir, filePath);
+  filePath = pathJoin(context.rootDir, filePath);
 
-  const filePathSegments = filePath.split(path.sep);
+  const filePathSegments = filePath.split(pathSep);
   let srcPath: string;
   let srcLookupPath: string;
   let destCopyOption: string;
   let destPath: string;
 
   while (filePathSegments.length > 1) {
-    srcPath = filePathSegments.join(path.sep);
+    srcPath = filePathSegments.join(pathSep);
 
 
     for (var i = 0; i < copyConfig.include.length; i++) {
-      srcLookupPath = path.resolve(replacePathVars(context, copyConfig.include[i].src));
+      srcLookupPath = pathResolve(replacePathVars(context, copyConfig.include[i].src));
 
       if (srcPath === srcLookupPath) {
-        destCopyOption = path.resolve(replacePathVars(context, copyConfig.include[i].dest));
+        destCopyOption = pathResolve(replacePathVars(context, copyConfig.include[i].dest));
         destPath = filePath.replace(srcLookupPath, destCopyOption);
 
         copyOptions.push({
@@ -126,8 +125,8 @@ export function findFileCopyOptions(context: BuildContext, copyConfig: CopyConfi
 
 function copySrcToDest(context: BuildContext, src: string, dest: string, filter: any, clobber: boolean): Promise<string> {
   return new Promise((resolve, reject) => {
-    src = path.resolve(replacePathVars(context, src));
-    dest = path.resolve(replacePathVars(context, dest));
+    src = pathResolve(replacePathVars(context, src));
+    dest = pathResolve(replacePathVars(context, dest));
 
     const opts = {
       filter: filter,

src/loaders/ionic-loader.ts

@@ -2,9 +2,6 @@ import { outputJson, readFile, readJsonSync, writeFile } from 'fs-extra';
 import { BuildError, Logger } from './logger';
 import { join } from 'path';
 import { tmpdir } from 'os';
-import { TsFiles } from './interfaces';
-
-let tsFiles: TsFiles;
 
 export const objectAssign = (Object.assign) ? Object.assign : function (target: any, source: any) {
   const output = Object(target);
@@ -92,12 +89,3 @@ export function getModulePathsCache(): string[] {
   }
   return modulePaths;
 }
-
-
-export function cacheTranspiledTsFiles(inTsFiles: TsFiles) {
-  tsFiles = inTsFiles;
-}
-
-export function getCachedTranspiledTsFiles() {
-  return tsFiles;
-}

src/util/helpers.ts

@@ -9,6 +9,8 @@ export interface BuildContext {
   moduleFiles?: string[];
   isProd?: boolean;
   isWatch?: boolean;
+  isUpdate?: boolean;
+  fileChanged?: string;
   bundler?: string;
   useTranspileCache?: boolean;
   useBundleCache?: boolean;