Angular - Fixing the Vite builder warning problem

[sumeyyeKurtulus]

Description

Resolves #21448

There should not be any warning as in the record

Screen.Recording.2025-02-04.at.12.01.41.mov

Checklist

• I fully tested it as developer / designer and created unit / integration tests
• No need to update documentation specifically for this.

How to test it?

• You need to get the latest changes to the app template by running yarn copy-to:app under npm > ng-pack directory.
• You need to replace the registerLocale() function with registerLocaleForEsBuild() function in templates > app > angular > src > app > app.module.ts
• You need to run this command ng update @angular/cli --name use-application-builder under templates > app > angular
• Then you can start the app check the console for this specific warning and it should not be there 😄

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.

[sumeyyeKurtulus]

Hello @ismcagdas, I founded that this warning occurs since then the application builder uses Vite instead of Webpack. So, even if we do not call the specific function, Vite builds the whole file and throws such a warning for the dynamic inputs. Since it is not a critical warning and the app uses a different function instead, I added this specific comment line for the time being.

Here are my references:
https://github.com/vitejs/vite/discussions/13171https://stackoverflow.com/questions/76290418/conditional-dynamic-imports-always-included-in-bundle-vite-svelte?utm_source=chatgpt.com