简介
在前端开发中，我们常常需要使用最新的 ECMAScript 标准进行开发，然而这些语法新特性并不被所有的浏览器所支持。为此，我们需要一个能够将最新的 JavaScript 语法转化为前端浏览器所支持的旧版 JavaScript 语法的工具，那么 Babel 就是一个非常好的选择。
本文将会介绍如何安装和使用 Babel 编译器。
安装
安装最新版本的 Babel 可以使用 npm 包管理器，打开命令行工具，输入以下命令：
--- ------- --------- ---------- ---------------- ----------
这里的 babel-cli 是 Babel 的命令行工具，babel-core 是 Babel 的核心库，babel-preset-env 是 Babel 提供的一个转换器，可以将最新的 JavaScript 语法转化为浏览器所支持的语法。
配置
Babel 的配置文件是 .babelrc 文件，文件的内容一般为：
- ---------- ------- -
简单来说，就是告诉 Babel 使用 env 这个 preset 进行语法转化。
使用
通过命令行使用 Babel 也非常简单，打开命令行工具，输入以下命令：
----- ---- ---------- ----
其中，入口文件和出口文件都应该是相对路径或者绝对路径。
例如，假设我们有一个 ECMAScript6 代码文件 script.js，我们想要将它转化成浏览器支持的旧版 JavaScript，我们可以先创建一个新的目录 dist，然后在命令行工具中输入：
----- --------- ---------- -----------------------
这就将 script.js 转化为了 dist/script-compiled.js。
结论
Babel 能够让我们在开发中使用最新的 ECMAScript 标准，同时又不用担心浏览器的支持问题，非常适合前端开发者使用。本文介绍了 Babel 的安装和使用方法，希望对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f4fd9bc5c563ced5693f90