什么是 Babel？
Babel是一个JavaScript编译器，可以将新版的JavaScript代码转换成老版本的代码，从而可以在不支持新版语法的浏览器或环境上运行。Babel是现代JavaScript开发中必不可少的工具之一。
Babel 的作用
随着 ES6、ES7等新版JavaScript的出现和不断发展，由于新语法的出现，使得很多老版本的浏览器、Node.js版本和设备无法兼容这些新语法。而Babel正是解决这个问题的工具之一，可以将新版的JavaScript代码转换为老版本浏览器也能识别的旧版JavaScript代码。
另外，Babel还有以下作用：
- 支持新版JavaScript语法的语法转换
- 增强JavaScript的兼容性
- 让开发者能够用新版的语法写代码，而不用担心在旧版的环境下无法运行的问题
如何使用 Babel？
下面我们来看看如何使用Babel。首先，我们需要安装Babel，可以使用npm进行安装。
安装Babel
全局安装Babel：
npm install -g babel-cli
在项目中安装Babel：
npm install --save-dev babel-cli
配置Babel
Babel的配置文件是.babelrc, 需要在项目的根目录下创建.babelrc文件。下面是一个简单的例子：
{
"presets": [
"@babel/preset-env"
],
"plugins": []
}presets是一组Babel插件的集合，可以根据需求添加或删除。比如上面的例子中使用了@babel/preset-env这个插件，它可以自动根据目标环境来编译代码，使得编译后的代码可以在指定的环境中运行。
plugins是一些具体功能的Babel插件，用于添加或修改特定的语言功能或语法。不同的插件可以实现不同的功能，我们可以根据项目需要自由添加或删除。
使用Babel
在项目中使用Babel需要通过命令执行或在package.json中定义脚本命令。比如，我们可以执行以下命令来将src目录下的ES6代码转换为ES5代码：
babel src --out-dir dist
其中src目录是需要编译的源码目录，dist是编译后输出的目录。
我们也可以修改package.json，在script中添加如下脚本：
{
"scripts": {
"build": "babel src --out-dir dist"
}
}这样我们就可以通过npm run build命令来执行编译过程。
总结
Babel是一款实现JavaScript语法转换的重要工具，可以帮助开发者将新版JavaScript代码转换为可在老版本上运行的JavaScript代码。在使用Babel时需要正确配置.babelrc文件，以及正确使用Babel命令或脚本。对于开发者来说，在学习、使用、维护项目中使用Babel都是必不可少的一部分。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6455e35f968c7c53b093f217