Babel 是什么？
传说古时候一群人想建一个通天塔，去天上看看上帝在干什么。上帝于是挥挥手，让这群人说不同的语言，于是他们再也不能顺畅沟通，塔也就建不起来了。
Babel is a JavaScript compiler
Babel是一个编译器，能将ES2015+的代码转换正ES2015。
Babel做了什么？
解析 （Parsing）
通过词法分析和语法分析，将JavaScript源代码转换成抽象语法树。
转换 （transforming）
对语法树（ast）进行转换操作，把ES2015+的部分转换为ES5。
再建 （generation）
将转换之后的语法树重新生成代码。
插件机制
按照 解析-> 转换 -> 再建的步骤，ES2015+怎么就转换成了ES2015呢？这依赖于在babel在转换阶段做的手脚，而如何转换，则需要我们配置一系列转换的插件。
{
"plugins": ["@babel/plugin-transform-arrow-functions",
"@babel/plugin-transform-block-scoped-functions"
.....
]
}
但是我们往往不用手动去配置plugin，因为维护一大堆plugin十分困难，试想我们准备使用所有的ES6语法。
preset是一堆plugin的简写
{
preset: ['babel-preset-XXX']
}
如果我们指定presets为 babel-preset-env,
那么就默认包含了转换所有ES5+标准语法的plugin。 这里可以理解presets只是一个语法糖，帮我们做了维护插件集这件事情。
Babel做什么，不做什么？
Babel只对不属于ES5的语法做了转换，如：
- for-of
- 箭头函数
- 解构
- 块级作用域
- let/const
但下面情况不作处理：
- 一些内置的全局变量，如：Promise、Symbol、Set、WeakMap
- 对一些Object新增的方法，如： Array.includes、Object.is
- generactor 函数
谁来处理上面的情况？
- Babel-polyfill
- Babel-runtime
Babel-polyfill
为了能使用Promise、WeakMap等，我们可能需要考虑引入babel-polyfill了。它会检测运行环境是否支持Promise等，如果不支持，会创建全局的Promise等对象或者给Array等新增方法。
Babel-runtime
Babel-runtime也能起到几乎一样的作用，但它跟Babel-polyfill不同的是它不会污染全局作用域。它会提供一个module, 当使用Promise时，它会把这个module的某个对象导出给使用的地方。 所以如果需要考虑到对原型或者全局变量的污染，我们应该使用babel-runtime，比如说我们需要开发一个公共库开源出去。
Babel是万能的吗？
- Built-in classes such as Date, Array, DOM etc cannot be properly subclassed due to limitations in ES5
- Inheriting from a class then static properties from it via proto which is not supported on IE <= 10
- Getter/Setter( 8 and below)
拜拜 babel-preset-2015
2015表示使用2015年最新的语法，那么到了2016年，我们可能需要将babel-preset-2015改为babel-preset-2016来使用又新出的语法。
避免每年都要去更新年份，babel决定废弃这种用法，改为使用babel-preset-env, 这将默认将ES2015+的代码转换为ES2015版本的语法。
现在安装babel-preset-2015就会得到以下警告：
> yarn add babel-preset-es2015
yarn add v1.17.3
[1/4] Resolving packages...
warning babel-preset-es2015@6.24.1: ????
Thanks for using Babel: we recommend using babel-preset-env now:
please read https://babeljs.io/env to update!
