使用 babel-cli 批量编译需通过 --out-dir 指定输出目录、--presets 设置转译规则，自动递归处理源目录下所有 .js 文件并保持目录结构；常用选项包括 --watch、--ignore、--copy-files 和 --extensions；建议在 package.json 中配置 scripts 脚本，并安装 @babel/cli、@babel/core 和 @babel/preset-env。
使用 babel-cli 批量编译 JavaScript 文件，核心是通过 --out-dir（或 -d）指定输出目录，并配合 --presets 指定转译规则。它会自动递归处理源目录下所有匹配的 .js 文件。
基础批量编译命令
假设源码在 src/ 目录，想编译到 lib/，并启用 ES2015+ 语法支持：
npx babel src --out-dir lib --presets=@babel/preset-env
该命令会：
- 遍历
src下所有.js文件（含子目录） - 对每个文件执行 Babel 转译
- 保持原有目录结构，输出到
lib/对应路径
常用补充选项
提升实用性与可控性：
-
--watch：监听文件变化，自动重新编译（适合开发） -
--ignore：跳过特定文件，如--ignore "**/__tests__/**" -
--copy-files：把非 JS 文件（如.json、.md）也复制到输出目录 -
--extensions：支持其他扩展名，例如--extensions=".js,.jsx,.ts"
配合 package.json 脚本更便捷
在 package.json 的 scripts 中定义：
"build": "babel src -d lib --presets=@babel/preset-env --copy-files"
之后只需运行 npm run build 即可批量编译，无需重复输入长命令。
注意点与常见问题
确保已安装必要依赖：
npm install --save-dev @babel/cli @babel/core @babel/preset-env-
babel-cli已被重命名为@babel/cli，旧包babel-cli不再维护 - 若提示“Unknown preset”，检查
@babel/preset-env是否正确安装且拼写无误 - 不建议全局安装
@babel/cli，避免不同项目间版本冲突
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
