@angular-devkit/build-angular 15.0.0-rc.2 → 15.0.0-rc.4

package/src/webpack/configs/styles.js

@@ -48,7 +48,7 @@ const helpers_1 = require("../utils/helpers");
 // eslint-disable-next-line max-lines-per-function
 function getStylesConfig(wco) {
     var _a, _b, _c;
-    const { root, buildOptions } = wco;
+    const { root, buildOptions, logger } = wco;
     const extraPlugins = [];
     extraPlugins.push(new plugins_1.AnyComponentStyleBudgetChecker(buildOptions.budgets));
     const cssSourceMap = buildOptions.sourceMap.styles;
@@ -93,7 +93,7 @@ function getStylesConfig(wco) {
         }
         catch {
             const relativeTailwindConfigPath = path.relative(wco.root, tailwindConfigPath);
-            wco.logger.warn(`Tailwind CSS configuration file found (${relativeTailwindConfigPath})` +
+            logger.warn(`Tailwind CSS configuration file found (${relativeTailwindConfigPath})` +
                 ` but the 'tailwindcss' package is not installed.` +
                 ` To enable Tailwind CSS, please install the 'tailwindcss' package.`);
         }
@@ -131,14 +131,21 @@ function getStylesConfig(wco) {
         optionGenerator.config = false;
         return optionGenerator;
     };
-    // load component css as raw strings
-    const componentsSourceMap = !!(cssSourceMap &&
-        // Never use component css sourcemap when style optimizations are on.
-        // It will just increase bundle size without offering good debug experience.
-        !buildOptions.optimization.styles.minify &&
-        // Inline all sourcemap types except hidden ones, which are the same as no sourcemaps
-        // for component css.
-        !buildOptions.sourceMap.hidden);
+    let componentsSourceMap = !!cssSourceMap;
+    if (cssSourceMap) {
+        if (buildOptions.optimization.styles.minify) {
+            // Never use component css sourcemap when style optimizations are on.
+            // It will just increase bundle size without offering good debug experience.
+            logger.warn('Components styles sourcemaps are not generated when styles optimization is enabled.');
+            componentsSourceMap = false;
+        }
+        else if (buildOptions.sourceMap.hidden) {
+            // Inline all sourcemap types except hidden ones, which are the same as no sourcemaps
+            // for component css.
+            logger.warn('Components styles sourcemaps are not generated when sourcemaps are hidden.');
+            componentsSourceMap = false;
+        }
+    }
     // extract global css from js files into own css file.
     extraPlugins.push(new mini_css_extract_plugin_1.default({ filename: `[name]${hashFormat.extract}.css` }));
     if (!buildOptions.hmr) {

package/src/webpack/utils/helpers.d.ts

@@ -33,3 +33,8 @@ export declare function globalScriptsByBundleName(scripts: ScriptElement[]): {
 }[];
 export declare function assetPatterns(root: string, assets: AssetPatternClass[]): ObjectPattern[];
 export declare function getStatsOptions(verbose?: boolean): WebpackStatsOptions;
+/**
+ * @param root the workspace root
+ * @returns `true` when `@angular/platform-server` is installed.
+ */
+export declare function isPlatformServerInstalled(root: string): boolean;

package/src/webpack/utils/helpers.js

@@ -33,7 +33,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStatsOptions = exports.assetPatterns = exports.globalScriptsByBundleName = exports.getCacheSettings = exports.normalizeGlobalStyles = exports.getInstrumentationExcludedPaths = exports.assetNameTemplateFactory = exports.normalizeExtraEntryPoints = exports.getOutputHashFormat = void 0;
+exports.isPlatformServerInstalled = exports.getStatsOptions = exports.assetPatterns = exports.globalScriptsByBundleName = exports.getCacheSettings = exports.normalizeGlobalStyles = exports.getInstrumentationExcludedPaths = exports.assetNameTemplateFactory = exports.normalizeExtraEntryPoints = exports.getOutputHashFormat = void 0;
 const crypto_1 = require("crypto");
 const glob_1 = __importDefault(require("glob"));
 const path = __importStar(require("path"));
@@ -278,3 +278,17 @@ function getStatsOptions(verbose = false) {
         : webpackOutputOptions;
 }
 exports.getStatsOptions = getStatsOptions;
+/**
+ * @param root the workspace root
+ * @returns `true` when `@angular/platform-server` is installed.
+ */
+function isPlatformServerInstalled(root) {
+    try {
+        require.resolve('@angular/platform-server', { paths: [root] });
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+exports.isPlatformServerInstalled = isPlatformServerInstalled;