fix(@angular-devkit/build-angular): load component source maps inline so they work

ajspera · web-flow · commit 4e569e575c0a · 2018-07-31T16:26:13.000-06:00
without this, the way styles are into the DOM breaks the default sourcemap option postcss-loader option docs https://github.com/postcss/postcss-loader#inline fixes #9099
diff --git a/packages/angular_devkit/build_angular/src/angular-cli-files/models/webpack-configs/styles.ts b/packages/angular_devkit/build_angular/src/angular-cli-files/models/webpack-configs/styles.ts
@@ -267,7 +267,7 @@ export function getStylesConfig(wco: WebpackConfigOptions) {
             options: {
               ident: buildOptions.extractCss ? 'extracted' : 'embedded',
               plugins: postcssPluginCreator,
-              sourceMap: cssSourceMap
+              sourceMap: cssSourceMap ? 'inline' : false
             }
           },
           ...(use as webpack.Loader[])

Original file line number	Diff line number	Diff line change
`@@ -267,7 +267,7 @@ export function getStylesConfig(wco: WebpackConfigOptions) {`
`267`	`267`	`options: {`
`268`	`268`	`ident: buildOptions.extractCss ? 'extracted' : 'embedded',`
`269`	`269`	`plugins: postcssPluginCreator,`
`270`		`- sourceMap: cssSourceMap`
	`270`	`+ sourceMap: cssSourceMap ? 'inline' : false`
`271`	`271`	`}`
`272`	`272`	`},`
`273`	`273`	`...(use as webpack.Loader[])`