feat(@angular/cli): support sourcemaps in injected stylesheets

Author: clydin

package-lock.json

@@ -87,7 +87,7 @@
     "source-map": "^0.5.6",
     "source-map-loader": "^0.2.0",
     "source-map-support": "^0.4.1",
-    "style-loader": "^0.13.1",
+    "style-loader": "^0.19.1",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
     "tree-kill": "^1.0.0",

package.json

@@ -36,10 +36,7 @@ export function getStylesConfig(wco: WebpackConfigOptions) {
   const entryPoints: { [key: string]: string[] } = {};
   const globalStylePaths: string[] = [];
   const extraPlugins: any[] = [];
-  // style-loader does not support sourcemaps without absolute publicPath, so it's
-  // better to disable them when not extracting css
-  // https://github.com/webpack-contrib/style-loader#recommended-configuration
-  const cssSourceMap = buildOptions.extractCss && buildOptions.sourcemaps;
+  const cssSourceMap = buildOptions.sourcemaps;
 
   // Minify/optimize css in production.
   const minimizeCss = buildOptions.target === 'production';

packages/@angular/cli/models/webpack-configs/styles.ts

@@ -72,7 +72,7 @@
     "source-map-loader": "^0.2.0",
     "source-map-support": "^0.4.1",
     "istanbul-instrumenter-loader": "^2.0.0",
-    "style-loader": "^0.13.1",
+    "style-loader": "^0.19.1",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
     "uglifyjs-webpack-plugin": "~1.1.2",