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