diff --git a/packages/angular/build/src/builders/dev-server/vite/index.ts b/packages/angular/build/src/builders/dev-server/vite/index.ts index 557b2d34b52a..12267a2e6f0c 100644 --- a/packages/angular/build/src/builders/dev-server/vite/index.ts +++ b/packages/angular/build/src/builders/dev-server/vite/index.ts @@ -146,9 +146,11 @@ export async function* serveWithVite( browserOptions.forceI18nFlatOutput = true; } - const { vendor: thirdPartySourcemaps, scripts: scriptsSourcemaps } = normalizeSourceMaps( - browserOptions.sourceMap ?? false, - ); + const { + vendor: thirdPartySourcemaps, + scripts: scriptsSourcemaps, + styles: stylesSourcemaps, + } = normalizeSourceMaps(browserOptions.sourceMap ?? false); if (scriptsSourcemaps && browserOptions.server) { // https://nodejs.org/api/process.html#processsetsourcemapsenabledval @@ -184,7 +186,7 @@ export async function* serveWithVite( // Always enable JIT linking to support applications built with and without AOT. // In a development environment the additional scope information does not // have a negative effect unlike production where final output size is relevant. - { sourcemap: true, jit: true, thirdPartySourcemaps }, + { sourcemap: scriptsSourcemaps, jit: true, thirdPartySourcemaps }, 1, ); @@ -428,6 +430,7 @@ export async function* serveWithVite( extensions?.middleware, transformers?.indexHtml, thirdPartySourcemaps, + stylesSourcemaps, ); server = await createServer(serverConfiguration); diff --git a/packages/angular/build/src/builders/dev-server/vite/server.ts b/packages/angular/build/src/builders/dev-server/vite/server.ts index 73f58ad5c348..88af198bf37b 100644 --- a/packages/angular/build/src/builders/dev-server/vite/server.ts +++ b/packages/angular/build/src/builders/dev-server/vite/server.ts @@ -145,6 +145,7 @@ export async function setupServer( extensionMiddleware?: Connect.NextHandleFunction[], indexHtmlTransformer?: (content: string) => Promise, thirdPartySourcemaps = false, + stylesSourcemaps = true, ): Promise { const { normalizePath } = await import('vite'); @@ -175,7 +176,7 @@ export async function setupServer( // We use custom as we do not rely on Vite's htmlFallbackMiddleware and indexHtmlMiddleware. appType: 'custom', css: { - devSourcemap: true, + devSourcemap: stylesSourcemaps, }, // Ensure custom 'file' loader build option entries are handled by Vite in application code that // reference third-party libraries. Relative usage is handled directly by the build and not Vite. diff --git a/packages/angular/cli/src/commands/update/cli.ts b/packages/angular/cli/src/commands/update/cli.ts index de6d7f53fea0..c44b91fa18cc 100644 --- a/packages/angular/cli/src/commands/update/cli.ts +++ b/packages/angular/cli/src/commands/update/cli.ts @@ -167,7 +167,9 @@ export default class UpdateCommandModule extends CommandModule