如果你是一名前端开发者，那么你一定听说过 Babel。Babel 是一个 JavaScript 编译器，它可以将 ES6+ 代码转换为向后兼容的 JavaScript 代码。Babel 运行在 Node.js 环境中，可以通过 npm 包管理器安装。在本文中，我们将介绍如何使用 npm 包 babel-cli 来编译 JavaScript 代码。
安装 Babel CLI
首先，我们需要在本地安装 Babel CLI。打开终端窗口并运行以下命令：
--- ------- ---------- ---------
这将在你的项目目录下安装 babel-cli，并将其添加到 devDependencies 中。
创建 Babel 配置文件
Babel 需要一个配置文件来确定哪些文件应该被编译以及如何编译它们。创建一个 .babelrc 文件并在其中添加以下内容：
-
---------- -
-------------------
-
-这里我们只添加了一个 preset，即 @babel/preset-env。这个 preset 可以根据你指定的目标环境（例如浏览器或 Node.js）自动确定要使用的插件和转换器。
编译文件
现在我们已经安装了 Babel CLI 并创建了配置文件，接下来我们将使用 Babel CLI 编译 JavaScript 文件。假设我们有一个名为 index.js 的 ES6+ 文件，我们要将其转换为向后兼容的 JavaScript 文件。在终端中运行以下命令：
--- ----- -------- ---------- -----------
这将把 index.js 编译成一个名为 compiled.js 的文件。你也可以使用 --watch 参数来监视文件更改并自动重新编译：
--- ----- -------- ---------- ----------- -------
示例代码
下面是一个示例 ES6+ 文件，它使用了箭头函数和模板字符串：
----- ----- - ---- -- - ------------------- ----------- -- ---------------
运行 Babel CLI 来编译这个文件：
--- ----- -------- ---------- -----------
编译后的文件如下所示：
---- -------- --- ----- - -------- ----------- - ------------------- -------------- ------ -- ---------------
结论
Babel CLI 是一个非常有用的工具，可以使你的项目向前兼容。通过遵循本文所述的步骤，你现在应该能够轻松地使用 npm 包 babel-cli 来编译你的 JavaScript 代码。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/50849