1.1、Babel简介
是什么 ?:a compiler which translates JavaScript code from a newer version of JavaScript to an older version in order to maximizeJavaScript Runtimecompatibility. for example, it can load newer syntaxes likeES6orES7and transpile them to older versions likeES5or evenES3
开发语言:Node.js
官方主页:
源码仓库:https://github.com/babel/babel
1.2、Babel在线体验 

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

1.3、通过包管理器安装babel-cli
包管理器安装命令
npmnpm install -g babel-cli
yarnyarn 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

包管理器安装命令
npmnpm install --save-dev @babel/preset-env
yarnyarn add -dev @babel/preset-env