React学习手册

86

｜

第

5

章

JSX

看起来简洁易读，不过它无法被浏览器解析。所有

JSX

必须转换成

createElement

调用或者工厂类。幸运的是，有一款堪称完美的工具可以完成这个任务：

Babel

。

Babel

大部分软件编程语言都允许用户编译源码。

JavaScript

是一门解释性的语言：浏览器

会将

JavaScript

代码解析为文本，因此不需要对

JavaScript

代码进行编译。不过，并非

所有浏览器都支持最新的

ES6

和

ES7

规范，而且没有浏览器支持

JSX

格式的语法。

因为我们希望使用采用了

JavaScript

新特性的

JSX

，所以需要一种机制将我们偏爱的源

码转换成浏览器可以解析的格式。这个过程被称为转译，它也是

Babel(

https://babeljs.

io/

)

的主要功能。

它的第一版程序名叫

6to5

，发布于

2014

年

9

月。

6to5

是一款可以将

ES6

语法转换成

ES5

规范的工具，几乎支持所有主流的浏览器。随着该项目的发展，其旨在成为支持所有

ECMAScript

最新特性的平台。同时它还支持将

JSX

转译成纯粹的

React

源码。该项目

于

2015

年

2

月正式更名为

Babel

。

Facebook

、

Netflix

、

PayPal

和

Airbnb

等知名科技公司在生产环境中都采用了

Babel

。此

前

Facebook

曾经研发了一个

JSX

转译器作为他们的规范，不过不久之后他们就投入了

Babel

的怀抱。

Babel

的用法有多种。最简单的应用方式是直接在

HTML

文件中引用一个

babel-core

转

译器的链接，这将会转译任意类型为“

text ...