一、babel转码器
将ES6转码为ES5代码
作用:不用担心环境是否支持ES6,可以直接通过ES6的方式编写程序
例如:
//转码前
input.map(item==>item + 1); //ES6的箭头函数。
//转码后
input.map(function(item){
return item+1
})
Babel命令行环境
Babel的命令行版本通过以下命令安装:
$ npm install --global babel-cli
$ npm install --save babel-preset-es-2015
然后在当前目录下新建配置文件 .babelrc
新建方法如下:
在windows系统中,不允许直接右键建立没有文件名的文件,可以通过cmd命令行创建:在当前文件夹打开cmd并键入命令:
type: nul>.babelrc
然后,将这些规则加入 .babelrc
{
"presets": [
"es2015"
],
"plugins": []
}
babel-node命令可以直接运行ES6脚本
$ babel-node es6.js //运行该脚本
将ES6代码转为ES5代码。
$ babel es6.js
-o或者--out-file 可将转换后的代码从标准输出重定向到文件
$ babel es6.js -o es5.js
或者
$ babel es6.js --out-file es5.js
-d参数用于转换整个目录。
$ babel -d build-dir source-dir
注意: -d参数后面跟的是输出目录
另有Traceur转码器可将ES6代码转为ES5代码