babel安装及简单使用

 简介

babel是一个广泛使用的转码器，可以将ES6代码转为ES5，从而在现有环境执行；

 安装及配置

1、安装babel

　　npm install --save-dev babel-cli 或者 cnmp install --save-dev babel-cli (淘宝镜像安装)；

　　注意：须把babel安装在项目目录下，如果安装在全局，项目会对环境产生依赖；

2、设定转码规则

　　ES2015转码规则　　npm install --save-dev babel-preset-es2015

3、创建配置文件　　.babelrc 

{
    "presets": [
        "es2015"
    ]
}

 实例

1、创建一段ES6代码

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

2、修改package.json文件

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

3、进入项目目录，执行 npm run build

4、运行结果

"use strict";

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

声明：1、本博客的文章除特殊说明外均为原创，转载请注明出处；

　　　2、本文实例来"自育知同创网络教育平台"；