美文网首页
node babel

node babel

作者: 大诗兄_zl | 来源:发表于2017-09-30 10:04 被阅读21次

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

原博地址

相关文章

网友评论

      本文标题:node babel

      本文链接:https://www.haomeiwen.com/subject/xwdgextx.html