我目前正在学习如何使用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的输出?
答案 0 :(得分:2)
babelify
它是browserify转换包。
您不能在浏览器中使用普通babel
包。因此,您应该使用包含babelify
的{{1}}包,以便能够使用browserify将es6代码转换为es5。