React学习手册

React

与

JSX

｜

95

babel-preset-env

对属于

ES2015

、

ES201

和

ES2017

规范的内容进行转译。包含了前面三个预设

模块的功能。

babel-preset-react

将

JSX

格式转译成

React.createElement

调用。

当某个新特性被纳入

ECMAScript

规范时，它会经历阶段

0

，即

Strawman

（新

提出的，带实验性质的）到第

4

阶段的成功（被接受为标准的一部分）。

Babel

为这

4

个阶段也提供了

presets

模块，因此用户可以根据需要选择相应的阶

段

presets

模块：

•

babel-preset-stage-0

：实验性提议。

•

babel-preset-stage-1

：建议。

•

babel-preset-stage-2

：草稿。

•

babel-preset-stage-3

：候选。

Webpack

简介

一旦我们在实际工作中采用了

React

，那么就会有很多问题需要考虑：如何处理

JSX

和

ES6+

的代码转译？如何管理依赖项？如果优化我们的图片和

CSS

文件？

为了解决这些问题诞生了各式各样的工具，其中包括

Browserify

、

Gulp

和

Grunt

。基于

其自身特性，并且被很多大公司所采用，

webpack

已经成为了打包

CommonJS

模块的

主流工具之一（

CommonJS

的详情可以参考第

2

章）。

webpack

是一个模块绑定器。一个模块绑定器可以兼容多种不同类型的文件

（

JavaScript, LESS, CSS, JSX, ES6

等），并且可以将它们转换成单个文件。模块化绑 ...