diff --git a/addon/ng2/models/webpack-build-common.ts b/addon/ng2/models/webpack-build-common.ts
index dfcbb9f65def..1cfaa771d529 100644
--- a/addon/ng2/models/webpack-build-common.ts
+++ b/addon/ng2/models/webpack-build-common.ts
@@ -7,7 +7,7 @@ import { CliConfig } from './config';
 
 export function getWebpackCommonConfig(projectRoot: string, sourceDir: string) {
   return {
-    devtool: 'inline-source-map',
+    devtool: 'source-map',
     resolve: {
       extensions: ['', '.ts', '.js'],
       root: path.resolve(projectRoot, `./${sourceDir}`)
diff --git a/addon/ng2/models/webpack-build-development.ts b/addon/ng2/models/webpack-build-development.ts
index 8c0ad7d146e4..3465a28bf4c0 100644
--- a/addon/ng2/models/webpack-build-development.ts
+++ b/addon/ng2/models/webpack-build-development.ts
@@ -4,7 +4,7 @@ const path = require('path')
 export const getWebpackDevConfigPartial = function(projectRoot: string, sourceDir: string) {
   return {
     debug: true,
-    devtool: 'cheap-module-source-map',
+    devtool: 'source-map',
     output: {
       path: path.resolve(projectRoot, './dist'),
       filename: '[name].bundle.js',