1.1、Babel简介

是什么 ?	`:`	`a compiler which translates JavaScript code from a newer version of JavaScript to an older version in order to maximize JavaScript Runtime compatibility. for example, it can load newer syntaxes like ES6 or ES7 and transpile them to older versions like ES5 or even ES3`
开发语言	`:`	Node.js
官方主页	`:`	https://babeljs.io https://www.babeljs.cn
源码仓库	`:`	https://github.com/babel/babel

1.2、Babel在线体验

我们可以通过这个在线体验，体验一下经过Babel转换前后代码对比，从直观上有个了解。

1.3、通过包管理器安装babel-cli

包管理器	安装命令
npm	`npm install -g babel-cli`
yarn	`yarn global add babel-cli`

1.4、babel命令

babel命令的使用格式如下：

babel -h | --help
babel -V | --version
babel [option]... <FILE>...

1.4.1、babel -h | --help

查看babel命令的使用帮助。

1.4.2、babel -V | --version

查看babel-cli的版本信息。

1.4.3、babel -d | --out-dir [DIR]

指定输出目录。

1.4.4、babel --presets [list]

指定Babel转译器的名字，可以同时指定多个。

示例：

babel --presets babel-preset-env -d lib/ src/

说明：使用babel-preset-env这个转译器对src目录中的JavaScript代码进行转换，转换后的文件存放在lib目录中。

1.5、Babel转译器

Babel转译器就是对输入、输出、如果翻译的一个抽象。抽象出来的目的就是为了有不同的实现，方便组合使用。

1.4.1、babel-preset-env

babel-preset-env可以智能的根据您的当前环境进行转换的Babel转译器。

通过包管理器安装babel-preset-env：

包管理器	安装命令
npm	`npm install --save-dev @babel/preset-env`
yarn	`yarn add -dev @babel/preset-env`