使用 babel.js 代替 browserify 编译成 bundle答案

【问题标题】：Using babel.js instead of browserify to compile to bundle使用 babel.js 代替 browserify 编译成 bundle
【发布时间】：2015-06-02 22:48:36
【问题描述】：

我从 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

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

【问题讨论】：

【解决方案1】：

不，正确的方法是使用 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，你可以完全删除它们。

【讨论】：