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、本文实例来"自育知同创网络教育平台"；