当前位置:嗨网首页>书籍在线阅读

11-转换器

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

2.3 转换器

在编写此书时,两款最流行的转换器是Babel和Traceur。这两个作者都用过,它们都可以满足需求并且简单易用。不过最近本人的学习方向渐渐转向了Babel,本书中也将会使用Babel作为转换器。下面就开始吧!

Babel最早是用于ES5到ES6的转换,随着时间的推移,Babel逐渐成为一个可以转换多种格式的通用转换器,这其中包括ES6,React,甚至是ES7。从Babel 6开始,它就不再包含转换器了。为了完成ES5到ES6的转换,需要安装并配置Babel的ES6转换器。这些设置都会在本地项目中进行,由此可知会在当前项目中使用ES6,而在别的项目中使用React或者ES7(或者其他形式的JavaScript)。首先,安装ES6的前置插件(aka ES2015):

$ npm install --save-dev babel-preset-es2015

接下来在项目的根目录创建一个叫作.babelrc(这个文件默认会被隐藏起来)的文件。文件的内容是:

{ "presets": ["es2015"] }

有了这个文件,Babel就可以识别出项目中所有使用ES6的地方了。