{"record":{"id":"61fe4ba13a3320e6","repo":"angular/angular-cli","slug":"the-angular-devkit-build-angular-browser-builde","errorCode":null,"errorMessage":"The \"@angular-devkit/build-angular:browser\" builder is deprecated as part of Angular's Webpack support deprecation. Use \"@angular/build:application\" instead. For more information, see https://angular.dev/tools/cli/build-system-migration.","messagePattern":"The \"@angular-devkit/build-angular:browser\" builder is deprecated as part of Angular's Webpack support deprecation\\. Use \"@angular/build:application\" instead\\. For more information, see https://angular\\.dev/tools/cli/build-system-migration\\.","errorType":"console","errorClass":null,"httpStatus":null,"severity":"warning","filePath":"packages/angular_devkit/build_angular/src/builders/browser/index.ts","lineNumber":132,"sourceCode":"\n/**\n * @experimental Direct usage of this function is considered experimental.\n */\nexport function buildWebpackBrowser(\n  options: BrowserBuilderSchema,\n  context: BuilderContext,\n  transforms: {\n    webpackConfiguration?: ExecutionTransformer<webpack.Configuration>;\n    logging?: WebpackLoggingCallback;\n    indexHtml?: IndexHtmlTransform;\n  } = {},\n): Observable<BrowserBuilderOutput> {\n  const projectName = context.target?.project;\n  if (!projectName) {\n    throw new Error('The builder requires a target.');\n  }\n\n  context.logger.warn(\n    'The \"@angular-devkit/build-angular:browser\" builder is deprecated as part of Angular\\'s Webpack support deprecation. ' +\n      'Use \"@angular/build:application\" instead. For more information, see https://angular.dev/tools/cli/build-system-migration.',\n  );\n\n  const baseOutputPath = path.resolve(context.workspaceRoot, options.outputPath);\n  let outputPaths: undefined | Map<string, string>;\n\n  // Check Angular version.\n  assertCompatibleAngularVersion(context.workspaceRoot);\n\n  return from(context.getProjectMetadata(projectName)).pipe(\n    switchMap(async (projectMetadata) => {\n      // Purge old build disk cache.\n      await purgeStaleBuildCache(context);\n\n      // Initialize builder\n      const initialization = await initialize(options, context, transforms.webpackConfiguration);\n","sourceCodeStart":114,"sourceCodeEnd":150,"githubUrl":"https://github.com/angular/angular-cli/blob/bb72145f9ab45aee29f523236b3a25cd0813a841/packages/angular_devkit/build_angular/src/builders/browser/index.ts#L114-L150","documentation":"Deprecation warning printed at the start of every run of the Webpack-based '@angular-devkit/build-angular:browser' builder. Angular is deprecating Webpack support; the builder still works but is slated for removal. It directs users to the esbuild-based '@angular/build:application' builder.","triggerScenarios":"Any invocation of `ng build` (or architect scheduleTarget) against a target whose builder is '@angular-devkit/build-angular:browser'.","commonSituations":"Projects not yet migrated during the Angular 17-19 upgrade path; CI logs filling with deprecation warnings; teams pinned to Webpack-specific options (vendorChunk, commonChunk, lazy modules).","solutions":["Change the target builder to '@angular/build:application' in angular.json.","Run `ng update` (e.g. `ng update @angular/cli`) which can perform the build-system migration automatically.","If migration must be deferred, suppress/acknowledge the warning and plan for removal in a future major version.","Adjust removed options after migration (vendorChunk/commonChunk are no longer configurable)."],"exampleFix":"// angular.json before\n\"builder\": \"@angular-devkit/build-angular:browser\",\n\"options\": { \"main\": \"src/main.ts\", \"vendorChunk\": true }\n// after\n\"builder\": \"@angular/build:application\",\n\"options\": { \"browser\": \"src/main.ts\" }","handlingStrategy":"validation","validationCode":"const builder = target.builder;\nif (builder === '@angular-devkit/build-angular:browser') {\n  console.warn('Deprecated Webpack builder in use; migrate to @angular/build:application.');\n}","typeGuard":"function isWebpackBrowserBuilder(t: { builder: string }): boolean {\n  return t.builder === '@angular-devkit/build-angular:browser';\n}","tryCatchPattern":null,"preventionTips":["Run `ng update @angular/cli` on every major Angular upgrade.","Track deprecation warnings in CI as actionable tasks.","Prefer @angular/build:application for new projects."],"tags":["angular-cli","deprecation","webpack","migration"],"backgroundTag":"deprecated-webpack-builder","analyzedSha":"bb72145f9ab45aee29f523236b3a25cd0813a841","analyzedAt":"2026-08-30T02:47:34.745Z","schemaVersion":2},"datasetVersion":"2026-08-30T08:17:16.595Z"}