fix(@angular/cli): standardize inline/rebase stylesheet behavior

angular · Jan 19, 2018 · f2ea3d1 · f2ea3d1
1 parent c38b1ed
commit f2ea3d1
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/@angular/cli/models/webpack-configs/styles.ts b/packages/@angular/cli/models/webpack-configs/styles.ts
@@ -44,6 +44,8 @@ export function getStylesConfig(wco: WebpackConfigOptions) {
   const extraPlugins: any[] = [];
   const cssSourceMap = buildOptions.sourcemaps;
 
+  // Maximum resource size to inline (KiB)
+  const maximumInlineSize = 10;
   // Minify/optimize css in production.
   const minimizeCss = buildOptions.target === 'production';
   // Convert absolute resource URLs to account for base-href and deploy-url.
@@ -110,12 +112,15 @@ export function getStylesConfig(wco: WebpackConfigOptions) {
         },
         {
           // TODO: inline .cur if not supporting IE (use browserslist to check)
-          filter: (asset: PostcssUrlAsset) => !asset.hash && !asset.absolutePath.endsWith('.cur'),
+          filter: (asset: PostcssUrlAsset) => {
+            return maximumInlineSize > 0 && !asset.hash && !asset.absolutePath.endsWith('.cur');
+          },
           url: 'inline',
           // NOTE: maxSize is in KB
-          maxSize: 10,
+          maxSize: maximumInlineSize,
           fallback: 'rebase',
-        }
+        },
+        { url: 'rebase' },
       ]),
       autoprefixer(),
     ];
@@ -126,7 +131,7 @@ export function getStylesConfig(wco: WebpackConfigOptions) {
       'postcss-url': 'postcssUrl',
       'postcss-import': 'postcssImports',
     },
-    variables: { minimizeCss, baseHref, deployUrl, projectRoot }
+    variables: { minimizeCss, baseHref, deployUrl, projectRoot, maximumInlineSize }
   };
 
   // determine hashing format