refactor(@angular-devkit/build-angular): deprecate Webpack builders

DEPRECATED: Webpack builders in build-angular are deprecated. Use @angular/build builders instead.

Author: alan-agius4

packages/angular_devkit/build_angular/src/builders/app-shell/index.ts

@@ -162,6 +162,11 @@ async function _appShellBuilder(
   options: BuildWebpackAppShellSchema,
   context: BuilderContext,
 ): Promise<BuilderOutput> {
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:app-shell" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:application" instead.',
+  );
+
   const browserTarget = targetFromTargetString(options.browserTarget);
   const serverTarget = targetFromTargetString(options.serverTarget);
 

packages/angular_devkit/build_angular/src/builders/browser-esbuild/index.ts

@@ -30,6 +30,11 @@ export async function* buildEsbuildBrowser(
   },
   plugins?: Plugin[],
 ): AsyncIterable<BuilderOutput> {
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:browser-esbuild" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:application" instead.',
+  );
+
   // Warn about any unsupported options
   if (userOptions['vendorChunk']) {
     context.logger.warn(

packages/angular_devkit/build_angular/src/builders/browser/index.ts

@@ -128,6 +128,11 @@ export function buildWebpackBrowser(
     throw new Error('The builder requires a target.');
   }
 
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:browser" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:application" instead.',
+  );
+
   const baseOutputPath = path.resolve(context.workspaceRoot, options.outputPath);
   let outputPaths: undefined | Map<string, string>;
 

packages/angular_devkit/build_angular/src/builders/dev-server/builder.ts

@@ -57,6 +57,11 @@ export function execute(
     return EMPTY;
   }
 
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:dev-server" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:dev-server" instead.',
+  );
+
   return defer(() => initialize(options, projectName, context, extensions?.builderSelector)).pipe(
     switchMap(({ builderName, normalizedOptions }) => {
       // Use vite-based development server for esbuild-based builds

packages/angular_devkit/build_angular/src/builders/extract-i18n/builder.ts

@@ -35,6 +35,11 @@ export async function execute(
     return { success: false };
   }
 
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:extract-i18n" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:extract-i18n" instead.',
+  );
+
   const { projectType } = (await context.getProjectMetadata(projectName)) as {
     projectType?: string;
   };

packages/angular_devkit/build_angular/src/builders/karma/index.ts

@@ -39,6 +39,11 @@ export async function* execute(
     karmaOptions?: (options: KarmaConfigOptions) => KarmaConfigOptions;
   } = {},
 ): AsyncIterable<BuilderOutput> {
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:karma" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:karma" instead.',
+  );
+
   // Check Angular version.
   assertCompatibleAngularVersion(context.workspaceRoot);
 

packages/angular_devkit/build_angular/src/builders/ng-packagr/index.ts

@@ -22,6 +22,11 @@ export function execute(
   options: NgPackagrBuilderOptions,
   context: BuilderContext,
 ): Observable<BuilderOutput> {
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:ng-packagr" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:ng-packagr" instead.',
+  );
+
   return from(
     (async () => {
       // Purge old build disk cache.

packages/angular_devkit/build_angular/src/builders/prerender/index.ts

@@ -278,6 +278,11 @@ export async function execute(
   options: PrerenderBuilderOptions,
   context: BuilderContext,
 ): Promise<PrerenderBuilderOutput> {
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:prerender" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:application" instead.',
+  );
+
   const browserTarget = targetFromTargetString(options.browserTarget);
   const browserOptions = (await context.getTargetOptions(
     browserTarget,

packages/angular_devkit/build_angular/src/builders/server/index.ts

@@ -66,6 +66,11 @@ export function execute(
 ): Observable<ServerBuilderOutput> {
   const root = context.workspaceRoot;
 
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:server" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:application" instead.',
+  );
+
   // Check Angular version.
   assertCompatibleAngularVersion(root);
 

packages/angular_devkit/build_angular/src/builders/ssr-dev-server/index.ts

@@ -63,6 +63,11 @@ export function execute(
   options: SSRDevServerBuilderOptions,
   context: BuilderContext,
 ): Observable<SSRDevServerBuilderOutput> {
+  context.logger.warn(
+    'The "@angular-devkit/build-angular:ssr-dev-server" builder is deprecated as part of Angular\'s Webpack support deprecation. ' +
+      'Use "@angular/build:ssr-dev-server" instead.',
+  );
+
   let browserSync: typeof import('browser-sync');
   try {
     browserSync = createRequire(context.workspaceRoot + '/')('browser-sync');