babel安裝及使用

安裝babel

npm install babel-cli -g

配置babel
　　babel是用過插件或者預設來編譯代碼的
　　新建.babelrc文件
　　文件中輸入一下內容

{
　　　　"presets": [],
　　　　"plugins": []
　　}

安裝預設

npm install --save-dev babel-preset-es2015

將preset添加到配置文件中　　

{
　　　　"presets": ["es2015"],
　　　　"plugins": []
　　}

es7中的對象展開符需要一個單獨的插件來實現　　

npm install babel-plugin-transform-object-rest-spread --save-dev

　　添加到配置文件中

　{
　　　　"presets": ["es2015"],
　　　　"plugins": ["transform-object-rest-spread"]
　　}

轉換 babel 原文件名 -o 目標文件名

示例：

轉換前的代碼：

let a = [1,2,3,4,5,6]
let b = a.map( num => num*2 )
console.log(b)

let mike = {
    name:'bike',
    age:12
}
let d = {...mike,sex:"male"}
console.log(d)

轉換后的代碼：

"use strict";

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var a = [1, 2, 3, 4, 5, 6];
var b = a.map(function (num) {
    return num * 2;
});
console.log(b);

var mike = {
    name: 'bike',
    age: 12
};
var d = _extends({}, mike, { sex: "male" });
console.log(d);