javascript - 使用 babel.js 代替 browserify 编译成 bundle

Question

我从babel.js开始使用 JavaScript ES6 功能，但是我遇到了问题

我目前正在使用 browserify 构建我的应用程序，并使用以下命令进行反应。

browserify -t reactify app/main.js -o public/scripts/bundle.js

现在我想在 babel 中使用一个等效的命令来捆绑我需要的模块，用 ES6 编写到bundle.js中。这不起作用，只是给我一个 ES5 版本的 main.js 文件。

babel app/main.js -o public/scripts/bundle.js

但是我可以使用 babel 将我的 bundle.js 文件编译为 ES6 版本，有 2 个命令

browserify -t reactify app/main.js -o public/scripts/bundle.js
babel app/main.js -o public/scripts/babel.js

这是将 babel 与 browserify 一起使用的正确方法吗？将您的模块与 browserify 捆绑，然后将捆绑包转换为 ES6？

score 11 · Accepted Answer

不，正确的方法是使用 babelify。

# from
browserify -t reactify app/main.js -o public/scripts/bundle.js
# to
browserify -t babelify app/main.js -o public/scripts/bundle.js

还有 reactify/react-tools/jsx-loader/等。react 团队的工具做了 babel 的一部分，所以如果你使用 babel，你可以完全删除它们。

1 回答 1