设置React项目：Babelify做什么？

Question

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

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

与Browserify相同：将我使用的npm软件包（React-DOM，React等）与我自己的代码捆绑在一起，打包成一个大文件。 然后可以将这些文件用于部署到生产中。

但是我很难理解Babelify的用途。 我已经读过它“可以在浏览器中使用Babel”。 一个站点文章说它是“用于Browserify的Babel转换器”。

所有这些解释对我来说都有些奇怪，因为如果：

Babel是一个将JSX，ES6，TypeScript，...-代码转换为浏览器兼容代码的编译器。 为什么需要额外的“变压器”来输出Babel？

Answer 1

babelify它是babelify转换包。

您不能在浏览器中使用纯babel软件包。 因此，您应该使用babelify软件包，该软件包内部包含babel以便能够使用babelify将es6代码转换为es5。