使用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 。这不起作用，只给我一个main.js文件的ES5版本。

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

但是我可以将我的bundle.js文件编译成带有babel的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？

Answer 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 / etc.来自反应团队的工具可以完成babel所做的工作的一部分，因此如果你使用了babel，你可以完全删除它们。