Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。下面是一个例子。
// 转码前
input.map(item=>item+1);
// 转码后
input.map(function(item)
{returnitem+1;});
上面的原始代码用了箭头函数,这个特性还没有得到广泛支持,Babel将其转为普通函数,就能在现有的JavaScript环境执行了。
配置文件.babelrc
Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。
该文件用来设置转码规则和插件,基本格式如下。
{
"presets":[],
"plugins":[]
}
presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装。
转码规则然后,将这些规则加入.babelrc。
加入规则命令行转码babel-cli
Babel提供babel-cli工具,用于命令行转码。
它的安装命令如下。
$ npm install--global babel-cli
基本用法如下。
用法babel-node
babel-cli工具自带一个babel-node命令,提供一个支持ES6的REPL环境。它支持Node的REPL环境的所有功能,而且可以直接运行ES6代码。
它不用单独安装,而是随babel-cli一起安装。然后,执行babel-node就进入PEPL环境。
babel-node命令可以直接运行ES6脚本。将上面的代码放入脚本文件es6.js,然后直接运行
babel-register
babel-register模块改写require命令,为它加上一个钩子。此后,每当使用require加载.js、.jsx、.es和.es6后缀名的文件,就会先用Babel进行转码。
$ npm install--save-dev babel-register
使用时,必须首先加载babel-register。
babel-core
如果某些代码需要调用Babel的API进行转码,就要使用babel-core模块。
安装命令如下。
$ npm install babel-core--save
网友评论