本文将详细介绍如何在 Node.js 环境下使用 Babel 运行 ES6 语法，以及如何配置和使用 Babel 插件来优化编码效率和代码质量。
什么是 Babel？
Bable 是一个广泛使用的 JavaScript 编译器，可以将最新的 ECMAScript 6+ 语法转换为兼容性更好的 ECMAScript 5 代码，适用于各种 JavaScript 环境，这使得我们能够在不同的平台上使用最新的 JavaScript 语法而不会出现兼容性问题。
安装 Babel
Babel 的安装非常简单，只需要使用 npm 安装即可。
打开命令行工具，输入以下命令来安装 Babel：
npm install --save-dev @babel/core @babel/cli @babel/preset-env
- @babel/core 是 Babel 的核心模块
- @babel/cli 提供了命令行接口
- @babel/preset-env 根据你配置的浏览器或者配置的环境插件和功能，自动转换为最佳的代码
配置 Babel
.babelrc 文件
在项目根目录下新建一个 .babelrc 文件，用来存放 Babel 转码规则。
-
---------- -
-------------------
-
-这里只配置了一个 preset-env，这个预设包含了一些 ES6 语法的转码规则，使得代码可以在大多数现代浏览器中运行。
如果你需要使用装饰器、类属性的提案等最新 ECMAScript 语法特性，可以使用下面这个 .babelrc 示例配置文件：
-
---------- -
-
--------------------
-
---------- -
------- -----
---------- -----
--------- -----
--------- ------
--
-------------- --------
--------- --------
---------- ----------
-
-
--
---------- -
-
-----------------------------
-
--------- ----
-
--
------------------------------------------- - -------- ---- ---
------------------------------------
-
-其中，除了 preset-env，我们还引入了三个插件：
- proposal-decorators: 装饰器插件
- proposal-class-properties: 类属性的提案
- proposal-object-rest-spread: 对象扩展运算符
上面安装完后，可在命令行中使用 babel 运行自己的应用程序或代码。例如：
babel-node index.js
这里的 index.js 是代表当前应用程序的文件名。
Babel 配置 package.json
在 package.json 文件中添加以下代码：
---------- - -------- ----------- --------- -------------- -------- ------ --- -- ---- --
这里配置了两个脚本，start 和 build。
- start 脚本运行 babel-node 命令，在 src 目录中找到 index.js 文件，并运行。
- build 脚本将 src 目录下的所有 .js 文件全部转码到 lib 目录中。
Babel 插件的使用
Babel 插件有很多，这里简要介绍几个常用的插件。
Babel-plugin-transform-async-to-generator
这个插件可以将 async/await 转换为 generator 式的函数。
安装依赖：
npm i @babel/plugin-transform-async-to-generator -D
使用插件：
-
---------- -
--------------------------------------------
-
-Babel-plugin-transform-runtime
将 ES6 语法转换为 CommonJS 的语法，不会直接注入到你的代码中，它只是提供了辅助的函数，可以减少代码重复，不能转译实例方法、静态方法和属性。
安装依赖：
npm i -S @babel/plugin-transform-runtime
使用插件：
-
---------- -
---------------------------------
-
-Babel-plugin-proposal-decorators
这个插件用于支持装饰器语法。
安装依赖：
npm install --save-dev @babel/plugin-proposal-decorators
使用插件：
-
---------- -
-
------------------------------------
-
--------- ----
-
-
-
-Babel-plugin-proposal-class-properties
这个插件提案提供了类的属性定义和初始化功能。
安装依赖：
npm install @babel/plugin-proposal-class-properties --save-dev
使用插件：
-
---------- -
-
------------------------------------------
-
-- --- ----- ---- --- ----- --------
-------- ----
-
-
-
-结论
本文介绍了如何使用 Babel 在 Node.js 环境下运行最新的 ECMAScript 6+ 语法。我们需要配置 .babelrc 文件，并配置一些 Babel 插件以便对我们的代码进行转码和优化。Babel 有很多插件，按需选择即可。
Babel 的使用是前端工程化过程中不可或缺的一环，合理有效的使用 Babel 插件，能够提高编码效率和代码质量，令我们的代码更好地跨平台运行，更具有未来性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/671363d3ad1e889fe20c83ea