Angular16中如何使用Babel处理ES2022 API降级兼容问题

Angular 16 本身不会自动处理 API 级别的降级，和你提到的 TypeScript 仅处理语法降级的逻辑一致：

• browserslist 配置仅控制 TypeScript 的语法编译目标（比如你设置的 ES2015），但不会对 Array.prototype.at 这类 ES2022 新增 API 做 polyfill 或代码转换，所以构建后代码会保留原 API 调用，导致低版本浏览器无法运行。

不需要额外配置 Babel，Angular 自带成熟的 polyfill 机制，你可以通过以下方式解决：

• 手动引入目标 API 的 polyfill：在项目的 src/polyfills.ts 文件中，添加 Array.prototype.at 的 polyfill 代码，或者直接导入 core-js 中对应的模块：

  import 'core-js/es/array/at';
  

• 确保依赖安装：Angular CLI 创建的项目通常默认已安装 core-js，如果没有，执行命令：

  npm install core-js --save
  

• 自动按需引入（可选）：若希望根据 browserslist 配置自动匹配所需 polyfill，确保 angular.json 中 build 配置的 polyfills 字段指向 src/polyfills.ts（默认配置即为如此），Angular 会结合 browserslist 和 core-js 自动处理部分基础 polyfill，但像 array.at 这类较新的 API 仍需手动导入对应模块。

内容的提问来源于stack exchange，提问作者fast turtule