Angular: (esbuild-based) application builder complains about webpack-specific code

[hillin]

Is there an existing issue for this?

• I have searched the existing issues

Description

This issue is related to #19607.

In the angular frontend, if we switch to @angular-devkit/build-angular:application and use registerLocaleForEsBuild instead of registerLocale, the compiler still complains:

vite/deps/@abp_ng__core_locale.js
87 |          /* webpackInclude: /[/\\](ar|cs|en|en-GB|es|de|fi|fr|hi|hu|is|it|pt|tr|ru|ro|sk|sl|zh-Hans|zh-Hant)\.(mjs|js)$/ */
88 |          /* webpackExclude: /[/\\]global|extra/ */
89 |          `@angular/common${localePath}`
   |          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
90 |        ).then((val) => {
91 |          let module = val;
The above dynamic import cannot be analyzed by Vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.

Reproduction Steps

• Create a new project with angular as the UI framework
• in angular.json, change projects.<project-name>.architect.build.builder to @angular-devkit/build-angular:application
• in app.module.ts, replace registerLocale with registerLocaleForEsBuild
• run ng serve

Expected behavior

No response

Actual behavior

No response

Regression?

No response

Known Workarounds

No response

Version

9.0.0

User Interface

Angular

Database Provider

None/Others

Tiered or separate authentication server

None (Default)

Operation System

Windows (Default)

Other information

No response