Babel工具将es6转换成es5

1、npm安装相关依赖

// ES2015转码规则
cnpm install --save-dev babel-preset-es2015
// react转码规则
cnpm install --save-dev babel-preset-react
ES7不同阶段语法提案的转码规则
cnpm install --save-dev babel-preset-stage-2
// babel命令行
cnpm install --global babel-cli

 2、根目录新建.babelrc文件，windows下创建.babelrc文件会提示出错，可通过doc窗口mkdir .babelrc创建。写如下内容

{
  "presets": [
    "es2015",
    "react",
    "stage-2"
  ],
  "plugins": []
}

3、新建es6.js，写下如下内容

//需引入browser-polyfill.min.js，不然ie11是undifined，ie10及以下直接报错
var m = new Map([['micheal',99],['bob',90],['baobao',100]]);
alert(m.get('micheal'));

//在不引入browser.min.js时候只兼容ie11
let a= 3;
alert(a);

//在不引入browser.min.js时候ie11也不兼容
var log = () => {
    alert('no param')
}
log();

$.ajax({
    type:"post",
    url:"XXX.com",
    dataType:"json",
    success:function(data){
        var str = `<div>
                  <p class="name">${data.name}</p>
              </div>`;
    $('#body').append(str);
    }
});

4、命令行执行

babel example.js -o compiled.js

'use strict';

//需引入browser-polyfill.min.js，不然ie11是undifined，ie10及以下直接报错
var m = new Map([['micheal', 99], ['bob', 90], ['baobao', 100]]);
alert(m.get('micheal'));

//在不引入browser.min.js时候只兼容ie11
var a = 3;
alert(a);

//在不引入browser.min.js时候ie11也不兼容
var log = function log() {
    alert('no param');
};
log();

$.ajax({
    type: "post",
    url: "XXX.com",
    dataType: "json",
    success: function success(data) {
        var str = '<div>\n                  <p class="name">' + data.name + '</p>\n              </div>';
        $('#body').append(str);
    }
});

- END -