Babel

Babel 是一个广泛使用的 JavaScript 编译器，由开源社区维护，旨在帮助开发者使用最新的 JavaScript 语法和特性，同时确保代码在旧版浏览器或环境中也能正常运行。它通过插件系统支持语法转换（如箭头函数、解构赋值、可选链等）、polyfill 注入、TypeScript 和 JSX 解析等核心功能。

核心功能

• 语法转换：将 ES2015+ 语法（如模块、类、模板字符串）转换为 ES5 兼容代码。
• Polyfill 注入：通过 @babel/polyfill 或 core-js 自动添加缺失的 API 实现。
• 插件机制：提供丰富的官方和社区插件，支持自定义转换规则。
• Preset 预设：如 @babel/preset-env，根据目标浏览器自动确定所需转换。

适用场景

• 需要支持旧版浏览器（如 IE 11）的前端项目。
• 使用 Vue、React 等框架中的 JSX 语法。
• 通过 TypeScript 或 Flow 进行类型检查后降级输出。
• 在 Node.js 环境中使用 import/export 等模块语法。

使用方式

通过 npm 安装后，在项目根目录配置 babel.config.js 或 .babelrc 文件。常用命令包括：babel src --out-dir lib。也可配合 Webpack、Rollup 等打包工具使用。

注意事项

• Babel 默认只转换语法，不转换 API（如 Promise、Array.from），需配合 polyfill。
• 插件和预设的配置顺序会影响转换结果。
• 建议锁定版本，避免重大更新带来的配置迁移成本。