设置React-project:Babelify做什么?

时间:2016-08-10 06:37:17

标签: javascript reactjs npm browserify babel

我目前正在学习如何使用npm,Babel和Browserify设置React项目。

Babel的使用对我来说似乎足够清楚了:它将JSX和ES6代码转换为ES5代码,可以在所有浏览器中运行。

与Browserify相同:它将我使用的npm-packages(React-DOM,React等)与我自己的代码捆绑在一个大文件中。然后可以将这些文件用于生产。

但我很难理解 Babelify 的用途。 我已经读过它"允许使用Babel和Browserify"。一个sitepoint文章说它是" Babel变换器用于Browserify"。

所有这些解释对我来说都有点奇怪,因为如果:

Babel是一个转换器,它将JSX,ES6,TypeScript,...代码转换为与浏览器兼容的代码。 为什么我需要额外的"变压器"对于Babel的输出?

1 个答案:

答案 0 :(得分:2)

babelify它是browserify转换包。

您不能在浏览器中使用普通babel包。因此,您应该使用包含babelify的{​​{1}}包,以便能够使用browserify将es6代码转换为es5。