babel安裝及簡單使用

 簡介

babel是一個普遍使用的轉碼器，能夠將ES6代碼轉爲ES5，從而在現有環境執行；

 安裝及配置

一、安裝babel

　　npm install --save-dev babel-cli 或者 cnmp install --save-dev babel-cli (淘寶鏡像安裝)；

　　注意：須把babel安裝在項目目錄下，若是安裝在全局，項目會對環境產生依賴；

二、設定轉碼規則

　　ES2015轉碼規則　　npm install --save-dev babel-preset-es2015

三、建立配置文件　　.babelrc 

{
    "presets": [
        "es2015"
    ]
}

 實例

一、建立一段ES6代碼

let a = 5;
const b = 10;
let input = [1, 2, 3];
input.map((item) => item + 1);

二、修改package.json文件

{
  "devDependencies": {
    "babel-cli": "^6.24.1",
    "babel-preset-es2015": "^6.24.1"
  },
  "scripts": {
    "build": "babel demo.js --out-file test.js"
  }
}

三、進入項目目錄，執行 npm run build

四、運行結果

"use strict";

var a = 5;
var b = 10;
var input = [1, 2, 3];
input.map(function (item) {
  return item + 1;
});

聲明：一、本博客的文章除特殊說明外均爲原創，轉載請註明出處；

　　　二、本文實例來"自育知同創網絡教育平臺"；