在前端开发中，使用 Babel 转译器可以将现代 JavaScript 代码转换成向下兼容的版本，便于在不同浏览器和环境下运行。而 @gerhobbelt/babel-cli 就是一个基于 Babel 的命令行工具，可以让我们更方便地使用 Babel 进行代码转换。
本文将介绍如何使用 @gerhobbelt/babel-cli，包括安装、使用和配置等方面。
安装
首先，我们需要使用 npm 进行安装。打开终端，输入以下命令：
npm install -g @gerhobbelt/babel-cli
这条命令将全局安装 @gerhobbelt/babel-cli。
使用
命令行参数
@gerhobbelt/babel-cli 提供了以下命令行参数：
-f, --filename <filename>：设置输入文件名。-o, --out-file <out-file>：设置输出文件名。-d, --out-dir <out-dir>：设置输出目录。-w, --watch：启用监听模式，在输入文件变化时自动转译。-h, --help：查看帮助信息。-v, --version：查看版本号。
示例代码
以下是一个示例代码，可以将 src 目录下的所有 .js 文件转译成 ES5 的代码，并输出到 lib 目录下：
babel src --out-dir lib
如果需要监听文件变化，可以使用以下命令：
babel src --out-dir lib --watch
配置文件
我们也可以通过配置文件来使用 @gerhobbelt/babel-cli，避免反复输入命令行参数。
在项目根目录下新建 .babelrc 文件，然后添加以下内容：
{
"presets": [
"@babel/preset-env"
]
}在上面的配置中，我们使用了 @babel/preset-env 预设，用于将现代 JavaScript 代码转换成向下兼容的版本。
然后，我们只需要执行以下命令：
babel src --out-dir lib
@gerhobbelt/babel-cli 将自动读取 .babelrc 文件，并使用其中的配置。
指导意义
@gerhobbelt/babel-cli 是我们在前端开发中经常会用到的工具之一。通过本文的介绍，我们可以更好地使用它，更方便地完成代码转译的工作。
同时，通过学习和掌握 @gerhobbelt/babel-cli 的配置方法，也可以让我们更好地理解 Babel 工具的原理和机制，从而提高我们的前端开发能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f02cd1f403f2923b035bd9b