Babel 按需引入靠配置策略而非手动选插件，核心是 @babel/preset-env 根据 browserslist 自动转换语法，useBuiltIns: 'usage' 按需注入 core-js@3 polyfill，实验特性才需显式加插件，避免全局污染。
Babel 插件本身不支持“按需引入”，真正按需的是 语法转换行为 和 polyfill 注入，而插件的启用方式取决于你是否需要它、在什么环境下用、以及是否被 preset 自动覆盖。关键不是手动挑插件，而是用对配置策略。
明确目标环境，让 preset-env 自动决定要转什么
@babel/preset-env 是核心，它内部已集成大量语法插件（如箭头函数、class、可选链等），无需单独罗列。你只需声明支持的浏览器范围，Babel 就只转换那些环境不支持的语法：
- 在
browserslist中写清楚目标（比如"ie >= 11", "chrome >= 79"），或直接在 preset 配置里写targets - 这样
const fn = () => {}在 IE11 下会被转成var fn = function() {}；但 Chrome 85+ 里就原样保留 - 避免手动加一堆
@babel/plugin-transform-xxx，否则容易重复、遗漏或冲突
按需注入 polyfill：用 useBuiltIns: 'usage'
语法能自动控制，API 补丁（如 Promise、Array.from、Object.assign）则靠 polyfill。最稳妥的方式是：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 安装
core-js@3（必须 v3，v2 已停更） - 在
.babelrc或babel.config.js中设置："useBuiltIns": "usage", "corejs": 3 - Babel 会扫描源码，只在你实际调用了
Array.prototype.includes()的地方，自动插入import 'core-js/stable/array/includes' - 不会污染全局，也不打包没用的 API
特殊语法或实验特性：才需要显式加插件
当用到 stage-x 提案或非标准语法时（比如装饰器、React Server Components 语法），preset-env 默认不处理，这时才手动加插件：
立即学习“Java免费学习笔记（深入）”；
- 例如启用可选链：
@babel/plugin-proposal-optional-chaining - 启用空值合并：
@babel/plugin-proposal-nullish-coalescing-operator - 注意插件顺序：放在 presets 后面，且多个插件之间有依赖时（如装饰器依赖 class），需按逻辑先后排列
- 插件参数可写成数组形式，方便传配置：
["@babel/plugin-transform-classes", { "loose": true }]
避免全局污染：慎用 @babel/polyfill 和 entry 模式
以前常用 import '@babel/polyfill' 全量垫片，现在已废弃。它会把所有 polyfill 加进全局作用域，影响第三方库行为：
- 不要在入口文件 import
core-js/stable+regenerator-runtime/runtime（这是entry模式，全量加载） - 除非项目极小、目标环境固定且明确，否则一律优先选
usage模式 - 如果开发的是 npm 包，建议用
@babel/plugin-transform-runtime替代 polyfill，它把辅助函数和 API 封装在局部作用域，不改全局
