javascript – 使用babel.js代替browserify编译为bundle

我开始使用 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

但是我可以将我的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？

解决方法

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