要让babel正确转译class和extends等es6+类语法并合理处理辅助函数，关键是配置@babel/preset-env控制转译逻辑、用@babel/plugin-transform-runtime隔离辅助函数避免重复注入和全局污染，同时确保目标环境兼容性。
要让 Babel 正确转译 class 和 extends 等 ES6+ 类语法，并合理处理生成的辅助函数（如 _classCallCheck、_inherits、_createSuper），关键不是“手动写辅助函数”，而是通过配置避免重复注入、防止全局污染，同时确保继承逻辑在旧环境里能跑通。
用 @babel/preset-env 控制语法转译
@babel/preset-env 会自动识别你的目标环境（通过 .browserslistrc 或 targets 字段），决定是否需要把 class 转成构造函数 + 原型链形式。它内部已包含 @babel/plugin-transform-classes 等插件，无需单独引入。
- 如果目标浏览器不支持
class（如 IE11），Babel 就会转译；若 Chrome 80+ 已原生支持，则跳过 - 转译后会生成辅助函数（如
_classCallCheck），默认直接内联在每个文件顶部，造成代码冗余 - 确保
.browserslistrc设置合理，例如：safari >= 12<br>chrome >= 65<br>ie >= 11
用 @babel/plugin-transform-runtime 隔离辅助函数
类和继承相关的辅助函数（_inherits、_createSuper、_getPrototypeOf 等）由 @babel/runtime 提供。启用该插件后，Babel 不再重复定义这些函数，而是统一从 @babel/runtime 导入。
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
- 安装依赖：
npm install --save-dev @babel/plugin-transform-runtimenpm install @babel/runtime - 在
.babelrc或babel.config.js中启用："plugins": ["@babel/plugin-transform-runtime"] - 效果：每个文件里不再出现
var _inherits = ...这类重复代码，而是变成：import _inherits from "@babel/runtime/helpers/inherits"; - 注意：
@babel/plugin-transform-runtime默认只处理辅助函数，不处理实例方法（如Array.prototype.includes），这点和 polyfill 分开
避免全局污染：不用 babel-polyfill，也不用 core-js 全量注入
类语法转译本身不依赖 polyfill（它只是语法糖），但如果你用了 super()、new.target 或静态字段等特性，某些辅助函数可能间接依赖 Reflect.construct 等 API。这时需确认运行时环境是否具备基础能力：
- Node.js ≥ 6 或现代浏览器基本都支持
Reflect.construct，一般无需额外垫片 - 如果必须兼容极老环境（如 IE11 +
class+static字段），可按需引入core-js/stable/reflect，但不要用useBuiltIns: 'entry'全局注入 - 切勿混用
@babel/polyfill（已废弃）或直接导入core-js/stable全量包——这会污染全局，与transform-runtime的隔离设计冲突
验证转译结果是否符合预期
写一个简单测试用例，比如：
class Parent { constructor() { this.type = 'parent'; } }
class Child extends Parent { constructor() { super(); this.sub = true; } }
开启 presets: ["@babel/preset-env"] 后，应看到转译出带 _inherits 和 _createSuper 调用的代码；再加 plugin-transform-runtime 后，这些函数应变为模块导入，且无重复定义。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
