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

标签 javascript reactjs npm browserify babeljs

我目前正在学习如何使用 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/

相关文章:

javascript - 使用字符串拆分而不是带有子字符串的数组声明数组

javascript - 检查无效的查询参数,然后在 (node.js) 中抛出错误

javascript - 如何强制 react 不重新渲染子项,只接收状态更改?

javascript - React - 复制粘贴导航栏示例的问题

javascript - 使用 npm install 安装 glup 时出错

javascript - npm 从 package-lock.json 文件中创建一个 package.json 文件?

javascript - 如何在 vue 3 中删除已弃用的 $listeners

javascript - Firefox 扩展 - 我们如何检查这是否是内容脚本?

javascript - 有状态组件调用功能组件的 Props 更改类型

node.js - 哪个 npm/bin 文件夹应该在 PATH 中? ( OS X 10.8.2/npm 安装了 Homebrew 软件)