Babel 命令行编译需安装 @babel/core 和 @babel/cli,配合 @babel/preset-env 配置 babel.config.json,通过 npx babel 实现单文件、目录转译及监听,开发调试可用 babel-node。

Babel 在命令行中直接编译 JavaScript 代码,核心是使用 @babel/cli 工具配合正确的配置和基础依赖。它不依赖 Webpack 或构建脚本,适合快速验证、学习或轻量项目。
安装必要依赖
必须同时安装两个包:@babel/core(提供转译能力)和@babel/cli(提供命令行接口)。推荐用 pnpm 或 npm 的开发依赖方式安装:
pnpm add --save-dev @babel/core @babel/cli- 如果需要语法转换(如箭头函数、class、let/const),还需安装预设,最常用的是:
pnpm add --save-dev @babel/preset-env
配置转译规则
没有配置,Babel 不会做任何转换。在项目根目录创建 babel.config.json(推荐)或 .babelrc,内容示例:
{
"presets": ["@babel/preset-env"]
}
这个配置告诉 Babel 按照目标环境自动决定哪些语法要转译。如需更精确控制(比如只支持 Chrome 67+),可在 preset 中加 targets 字段。
立即学习“Java免费学习笔记(深入)”;
常用编译命令格式
所有命令都基于 npx babel(无需全局安装,直接调用本地 CLI):
- 单文件转译并输出到控制台:
npx babel src/index.js - 单文件转译并写入新文件:
npx babel src/index.js --out-file dist/index.js(简写:-o) - 整个目录转译到目标目录:
npx babel src --out-dir dist(简写:-d) - 开启监听模式(文件保存后自动重编译):
npx babel src --out-dir dist --watch(简写:-w)
补充:运行含 ES6 的脚本(非编译,而是即时执行)
如果只是想直接运行一个含现代语法的 JS 文件(类似 Node.js 执行但支持新特性),可用 babel-node:
- 先安装:
pnpm add --save-dev @babel/node - 然后运行:
npx babel-node src/app.js
注意:babel-node 仅用于开发调试,不可用于生产环境。


















