javascript - 设置 React 项目 : What does Babelify do?

Question

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

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

与 Browserify 相同:它将我使用的 npm 包(React-DOM、React 等)与我自己的代码捆绑到一个大文件中。然后可以将这些文件部署到生产环境中。

但我很难理解 Babelify 的用途。我读到它“允许将 Babel 与 Browserify 一起使用”。一篇 sitepoint 文章说它是“Browserify 的 Babel 转换器”。

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

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

Answer 1

babelify 它是 browserify 转换包。

您不能将纯 babel 包与 browserify 一起使用。因此，您应该使用 babelify 包，其中包含 babel ，以便能够使用 browserify 将 es6 代码转换为 es5 。