Babel
Babel
  ES6 转码器，可以将 ES6 代码转为 ES5 代码
    在老版本的浏览器执行
    不用担心现有环境是否支持
  安装 Babel
    npm install --save-dev @babel/core
  配置文件.babelrc
    该文件用来设置转码规则和插件
      presets字段设定转码规则
        官方提供以下的规则集，你可以根据需要安装。
        最新转码规则
npm install --save-dev @babel/preset-env
react 转码规则
npm install --save-dev @babel/preset-react
        然后，将这些规则加入.babelrc
        {
"presets": [
"@babel/env",
"@babel/preset-react"
],
"plugins": []
}
  命令行转码
    Babel 提供命令行工具@babel/cli，用于命令行转码
      安装：npm install --save-dev @babel/cli
      基本用法
        # 转码结果输出到标准输出
$ npx babel example.js
# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ npx babel example.js --out-file compiled.js
# 或者
$ npx babel example.js -o compiled.js
# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
$ npx babel src --out-dir lib
# 或者
$ npx babel src -d lib
# -s 参数生成source map文件
$ npx babel src -d lib -s
  babel-node
    @babel/node模块的babel-node命令，提供一个支持 ES6 的 REPL 环境
      安装模块：npm install --save-dev @babel/node
      执行babel-node就进入 REPL 环境
        $ npx babel-node
      然后可执行运行ES6代码
        > (x => x * 2)(1)
2
      也可以将代码写在一个文件中，然后直接执行
        npx babel-node es6.js
    它支持 Node 的 REPL 环境的所有功能，而且可以直接运行 ES6 代码
  @babel/register 模块
    作用：@babel/register模块改写require命令，为它加上一个钩子
      此后，每当使用require加载.js、.jsx、.es和.es6后缀名的文件，就会先用 Babel 进行转码。
    安装模块
      npm install --save-dev @babel/register
    使用时
      必须首先加载@babel/register
        // index.js
require('@babel/register');
require('./es6.js');
    然后，就不需要手动对index.js转码了
      $ node index.js
    注意：
      @babel/register只会对require命令加载的文件转码
      由于它是实时转码，所以只适合在开发环境使用
  polyfill
    解决的问题
      Babel 默认只转换新的 JavaScript 句法，而不转换新的 API
        比如Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等对象
        比如一些定义在全局对象上的方法（比如Object.assign）
        等等
    举例来说，ES6 在Array对象上新增了Array.from方法。如果想让这个方法运行，可以使用core-js和regenerator-runtime(后者提供generator函数的转码)，为当前环境提供一个垫片
      安装：npm install --save-dev core-js regenerator-runtime
      然后，在脚本头部，加入如下两行代码
        import 'core-js';
import 'regenerator-runtime/runtime';
// 或者
require('core-js');
require('regenerator-runtime/runtime);
    Babel 默认不转码的 API 非常多，详细清单可以查看babel-plugin-transform-runtime模块的definitions.js文件
  浏览器环境
    Babel 也可以用于浏览器环境，使用@babel/standalone模块提供的浏览器版本，将其插入网页。
      <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel">
// Your ES6 code
</script>
    注意
      网页实时将 ES6 代码转为 ES5，对性能会有影响
    Babel 提供一个REPL 在线编译器，可以在线将 ES6 代码转为 ES5 代码。转换后的代码，可以直接作为 ES5 代码插入网页运行
基本格式如下：
{
"presets": [],
"plugins": []
}