diff --git a/e2e/tsconfig.json b/e2e/tsconfig.json
index 2c7260d1b..01776ca1e 100644
--- a/e2e/tsconfig.json
+++ b/e2e/tsconfig.json
@@ -8,6 +8,7 @@
     "experimentalDecorators": true,
     "lib": [ "es2015", "dom" ],
     "noImplicitAny": true,
-    "suppressImplicitAnyIndexErrors": true
+    "suppressImplicitAnyIndexErrors": true,
+    "outDir": "dist"
   }
 }
diff --git a/src/index.html b/src/index.html
index 832743558..acba571ee 100644
--- a/src/index.html
+++ b/src/index.html
@@ -15,7 +15,7 @@
 
     <script src="http://github.com/systemjs.config.js"></script>
     <script>
-      System.import('main.js').catch(function(err){ console.error(err); });
+      System.import('dist/main.js').catch(function(err){ console.error(err); });
     </script>
   </head>
 
diff --git a/src/systemjs.config.js b/src/systemjs.config.js
index e91ba9b3c..9ff160f8c 100644
--- a/src/systemjs.config.js
+++ b/src/systemjs.config.js
@@ -11,7 +11,7 @@
     // map tells the System loader where to look for things
     map: {
       // our app is within the app folder
-      app: 'app',
+      app: 'dist/app',
 
       // angular bundles
       '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
diff --git a/src/tsconfig.json b/src/tsconfig.json
index 2c7260d1b..01776ca1e 100644
--- a/src/tsconfig.json
+++ b/src/tsconfig.json
@@ -8,6 +8,7 @@
     "experimentalDecorators": true,
     "lib": [ "es2015", "dom" ],
     "noImplicitAny": true,
-    "suppressImplicitAnyIndexErrors": true
+    "suppressImplicitAnyIndexErrors": true,
+    "outDir": "dist"
   }
 }