我目前正在学习如何使用 npm、Babel 和 Browserify 设置 React 项目。
Babel 的用法对我来说似乎很清楚:它将 JSX 和 ES6 代码转换为 ES5 代码,可以在所有浏览器中运行。
与 Browserify 相同:它将我使用的 npm 包(React-DOM、React 等)与我自己的代码捆绑到一个大文件中。然后可以将这些文件部署到生产环境中。
但我很难理解 Babelify 的用途。 我读到它“允许将 Babel 与 Browserify 一起使用”。一篇 sitepoint 文章说它是“Browserify 的 Babel 转换器”。
所有这些解释对我来说都有点奇怪,因为如果:
Babel 是一个转译器,它将 JSX、ES6、TypeScript 等代码转译为浏览器兼容的代码。 为什么 Babel 的输出需要额外的“变压器”?
最佳答案
babelify
它是 browserify 转换包。
您不能将纯 babel
包与 browserify 一起使用。因此,您应该使用 babelify 包,其中包含 babel ,以便能够使用 browserify 将 es6 代码转换为 es5 。
关于javascript - 设置 React 项目 : What does Babelify do?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38865941/