webpack本身不直接处理polyfill，需通过babel（@babel/preset-env + core-js@3）按需注入，typescript仅降级语法不补api；async/await依赖regeneratorruntime，须提前引入或配合@babel/plugin-transform-runtime。
Webpack 本身不直接处理垫片（polyfill），而是通过 Babel 和相关运行时依赖协同完成。TypeScript 编译只负责类型擦除和语法降级（如 target: "es5"），但像 Promise、Array.from、async/await 这类 API 的实现，必须靠垫片注入运行时支持——尤其针对 IE11 或旧版安卓 WebView。
TS 编译层：先降级语法，不补 API
TypeScript 的 tsconfig.json 中设置 "target": "es5" 只会把 class、箭头函数、解构等转成 ES5 形式，但不会自动引入 Promise、Map、includes 等全局对象或方法。这些属于“语言特性运行时支持”，需额外处理。
-
target: "es5"→ 生成兼容语法，但无 polyfill -
lib: ["es5", "dom"]→ 仅提供类型定义，不影响运行时 - 若用了
downlevelIteration: true，可让 for-of、展开运算符在 ES5 下安全降级（依赖 Symbol 和迭代器垫片）
Babel 层：按需注入垫片（推荐 usage 模式）
在 Webpack 的 babel-loader 配置中，搭配 @babel/preset-env 和 core-js@3，可实现“用到才引入”的精准垫片：
- 安装：
npm i -D @babel/preset-env core-js@3 - 配置
babel.config.js：
这样，当代码里写了 Array.from([]) 或 new Promise()，Babel 会自动在该模块顶部插入 require("core-js/stable/array/from") 或 require("core-js/stable/promise")，避免全局污染，也减小包体积。
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
异步函数支持：regeneratorRuntime 不可少
async/await 转译后依赖 regeneratorRuntime。若没引入，IE11 会报 regeneratorRuntime is not defined。
- 方案一（简单）：在入口文件顶部加
import "regenerator-runtime/runtime" - 方案二（推荐）：配合
@babel/plugin-transform-runtime，复用@babel/runtime中的辅助函数，避免重复注入 - 注意：
regenerator-runtime必须在任何 async 函数执行前加载，建议放在index.ts最上方
全局垫片兜底（慎用）
如果项目存在大量第三方库调用未显式导入的垫片（如某 UI 库内部用了 Object.assign 但没自己垫），可在入口统一引入稳定版垫片：
这种方式会打包全部稳定 API 垫片，体积较大，适合小型项目或快速验证；大型项目优先走 useBuiltIns: "usage" 按需加载。
