feat(serve): add option to serve app from dist folder

Add a flag to allow serving the app from the dist folder.

Author: itslenny

packages/@angular/cli/commands/e2e.ts

@@ -14,6 +14,7 @@ export interface E2eTaskOptions extends ServeTaskOptions {
   webdriverUpdate: boolean;
   specs: string[];
   elementExplorer: boolean;
+  useDist: boolean;
 }
 
 const E2eCommand = Command.extend({
@@ -65,7 +66,14 @@ const E2eCommand = Command.extend({
         Compile and Serve the app.
         All non-reload related serve options are also available (e.g. --port=4400).
       `
-    }
+    },
+    {
+      name: 'use-dist',
+      type: Boolean,
+      default: false,
+      aliases: ['ud'],
+      description: 'Uses the files in the dist folder to run tests instead of serving from memory.',
+    },
   ], [
     {
       name: 'port',

packages/@angular/cli/commands/serve.ts

@@ -26,6 +26,7 @@ export interface ServeTaskOptions extends BuildOptions {
   sslCert?: string;
   open?: boolean;
   hmr?: boolean;
+  useDist?: boolean;
 }
 
 // Expose options unrelated to live-reload to other commands that need to run serve
@@ -93,14 +94,21 @@ export const baseServeCommandOptions: any = overrideOptions([
     type: Boolean,
     default: false,
     description: 'Enable hot module replacement.',
-  }
-], [
+  },
   {
-    name: 'watch',
-    default: true,
-    description: 'Rebuild on change.'
-  }
-]);
+    name: 'use-dist',
+    type: Boolean,
+    default: false,
+    aliases: ['ud'],
+    description: 'Uses the files in the dist folder to run tests instead of re-building.',
+  },
+], [
+    {
+      name: 'watch',
+      default: true,
+      description: 'Rebuild on change.'
+    }
+  ]);
 
 const ServeCommand = Command.extend({
   name: 'serve',

packages/@angular/cli/tasks/serve.ts

@@ -31,7 +31,15 @@ export default Task.extend({
     if (projectConfig.project && projectConfig.project.ejected) {
       throw new SilentError('An ejected project cannot use the build command anymore.');
     }
-    rimraf.sync(path.resolve(this.project.root, outputPath));
+
+    const contentBase = path.resolve(this.project.root, outputPath);
+    if (serveTaskOptions.useDist) {
+      if(!fs.existsSync(contentBase)) {
+        throw new SilentError('Dist directory not found');
+      }
+    } else {
+      rimraf.sync(contentBase);
+    }
 
     const serveDefaults = {
       // default deployUrl to '' on serve to prevent the default from .angular-cli.json
@@ -151,6 +159,12 @@ export default Task.extend({
       overlay: serveTaskOptions.target === 'development'
     };
 
+    if (serveTaskOptions.useDist) {
+      webpackDevServerConfiguration.contentBase = contentBase;
+      webpackDevServerConfiguration.lazy = true;
+      webpackDevServerConfiguration.filename = appConfig.main;
+    }
+
     if (sslKey != null && sslCert != null) {
       webpackDevServerConfiguration.key = sslKey;
       webpackDevServerConfiguration.cert = sslCert;
@@ -182,15 +196,18 @@ export default Task.extend({
           return reject(err);
         }
         if (serveTaskOptions.open) {
-            opn(serverAddress);
+          opn(serverAddress);
+        }
+        if(serveTaskOptions.useDist && rebuildDoneCb) {
+          rebuildDoneCb();
         }
       });
     })
-    .catch((err: Error) => {
-      if (err) {
-        this.ui.writeError('\nAn error occured during the build:\n' + ((err && err.stack) || err));
-      }
-      throw err;
-    });
+      .catch((err: Error) => {
+        if (err) {
+          this.ui.writeError('\nAn error occured during the build:\n' + ((err && err.stack) || err));
+        }
+        throw err;
+      });
   }
 });