From 39631bf844ba10b39ec868731019d17da157d94a Mon Sep 17 00:00:00 2001 From: Zhicheng Wang Date: Thu, 2 Nov 2017 17:01:49 +0800 Subject: [PATCH] fix(@angular/cli): Don't specify the extract-css option as precondition for css sourcemaps Instead, use `convertToAbsoluteUrls: true`. See . --- packages/@angular/cli/models/webpack-configs/styles.ts | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/@angular/cli/models/webpack-configs/styles.ts b/packages/@angular/cli/models/webpack-configs/styles.ts index a56aa4f31c1b..a73c5992595a 100644 --- a/packages/@angular/cli/models/webpack-configs/styles.ts +++ b/packages/@angular/cli/models/webpack-configs/styles.ts @@ -39,7 +39,7 @@ export function getStylesConfig(wco: WebpackConfigOptions) { // 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'; @@ -199,8 +199,12 @@ export function getStylesConfig(wco: WebpackConfigOptions) { const ret: any = { include: globalStylePaths, test, -        use: buildOptions.extractCss ? ExtractTextPlugin.extract(extractTextPlugin) - : ['style-loader', ...extractTextPlugin.use] + use: buildOptions.extractCss ? ExtractTextPlugin.extract(extractTextPlugin) : [{ + loader: 'style-loader', + options: { + convertToAbsoluteUrls: cssSourceMap, + }, + }, ...extractTextPlugin.use], }; // Save the original options as arguments for eject. if (buildOptions.extractCss) {