什么是 Babel？
Babel 是一个广泛使用的 JavaScript 编译器，可以将 ES6 或者更高版本的 JavaScript 代码转换成可在现有浏览器或者环境下运行的代码。使用 Babel 可以让开发人员更加容易使用新的 JavaScript 特性提高开发效率，同时又不必担心旧浏览器的兼容性问题。
安装 Babel
安装 Babel 可以使用 npm 或者 yarn 两种工具，先要开启一个新的 Node.js 项目，然后在项目目录下执行如下的命令：
- 使用 npm 安装 Babel
npm install --save-dev babel-core babel-preset-env
- 使用 yarn 安装 Babel
yarn add --dev babel-core babel-preset-env
在完成安装后，可以在项目目录下看到 package.json 文件已经被更新，其中包含了新安装的 Babel 模块。
配置 Babel
为了让 Babel 能够正确地处理代码，需要在 .babelrc 文件中进行 Babel 的一些基本配置。.babelrc 文件必须存放在项目的根目录下，可以使用文本编辑器创建该文件，添加如下的内容：
{
"presets": ["env"]
}以上的配置是 Babel 的最小设置，它告诉 Babel 使用 "env" 预设来处理 ES6 代码。Babel 通过预设来告诉它需要转换的代码类型，"env" 这个预设可以将 ES6、ES7 和 ES8 等版本的 JavaScript 代码转换成可运行的代码。
使用 Babel
在配置完成后，就可以使用 Babel 编译代码了。以下是示例代码：
-- -------------------- ---- ------- -- --- -- ----- ------ - - -- - - -- -- ----- ---- -------- --- ------ - -------- --------- - ------ - - -- --
代码被转换成了 ES5 代码，然后可以在各种浏览器或者 Node.js 环境下运行。
总结
Babel 是一个非常强大的编译器，使开发人员可以使用新的 JavaScript 特性来提高代码质量和开发效率，并且不必担心兼容性问题。在本篇文章中，我们介绍了如何安装、配置 Babel 并且使用 Babel 编译代码。这只是 Babel 的一个入门教程，后续文章会介绍更多的 Babel 特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ad24ec48841e989494d84e