精简 Polyfill 体积的关键是按需、精准、可裁剪：基于浏览器能力检测只引入必需补丁，优先用原生 fallback 或轻量方案，结合构建时条件注入与动态加载，并通过 debug 和 tree-shaking 验证实际产物。
旧版浏览器（如 IE9–IE11）缺乏现代 JavaScript 特性支持，Polyfill 是常用补丁手段，但全量引入（如 core-js 或 babel-polyfill）常导致体积暴涨。精简 Polyfill 体积的关键不是“少用”，而是“按需、精准、可裁剪”。
只加载真正需要的 Polyfill
多数项目并不需要全部 ES2015+ 特性。盲目引入完整 polyfill 包（如 core-js/stable）会打包大量未使用的代码。应基于目标浏览器能力缺失情况，逐个判断是否需要补丁：
- 用 eslint-plugin-compat 检测代码中使用了哪些不兼容 API，并生成最小需求清单
- 借助 Browserslist 配置目标环境（如
"ie >= 11"），再配合工具（如 core-js@3 + babel-preset-env）自动注入所需 polyfill - 避免全局污染式引入（如
import 'core-js/stable'），改用显式按需导入（如import 'core-js/stable/array/from'）
优先使用原生 fallback 或轻量替代方案
部分功能无需完整 Polyfill，可用更小体积的逻辑实现：
-
Array.from：仅在传入类数组对象时才需 polyfill；若只用于Array.from(arguments)，一行Array.prototype.slice.call(arguments)即可替代（IE9+ 支持） -
Object.assign：MDN 提供的 标准 Polyfill 不足 20 行，压缩后不到 0.5 KB，远小于 core-js 对应模块 -
Promise：若项目中 Promise 使用简单（无子类、无长链错误追踪），可选用 promise-polyfill（~2 KB gzipped），而非core-js中的完整实现（~8 KB+）
利用构建时条件注入与动态加载
将 Polyfill 与业务逻辑分离，避免所有用户都加载兼容代码：
立即学习“Java免费学习笔记（深入）”；
- 构建时通过
targets配置区分输出：为现代浏览器打包无 polyfill 版本，为旧浏览器单独打包带 polyfill 的版本，并用<script type="module">/<script nomodule>分流 - 运行时检测关键 API 是否存在，按需加载（如
if (!window.Promise) { loadScript('/polyfills/promise.js') }），注意控制请求数和首屏阻塞 - 对非首屏、非关键路径的 API（如
Intl.DateTimeFormat），延迟加载 Polyfill，或直接降级显示
慎用自动注入工具，关注实际产物
像 @babel/preset-env 的 useBuiltIns: 'usage' 虽方便，但易因 Babel 插件顺序、辅助函数重复、Tree-shaking 失效等问题引入冗余代码：
- 启用
debug: true查看 Babel 实际注入了哪些 polyfill，确认无误后再上线 - 确保构建工具（Webpack/Rollup）开启 Tree-shaking（ESM 导入 + production mode），并验证 polyfill 模块被正确剔除
- 禁用
@babel/plugin-transform-runtime的corejs: 3选项（除非明确需要 runtime 辅助函数），因其会重复注入 helper，增大体积
不复杂但容易忽略：Polyfill 体积优化的本质是「能力检测 → 精准补丁 → 构建可控」。比起堆砌配置，花十分钟跑一次 source-map-explorer 分析打包产物中 polyfill 占比，往往更有效。
