Javascript 使用babel.js而不是browserify编译成bundle

Javascript 使用babel.js而不是browserify编译成bundle,javascript,node.js,reactjs,browserify,babeljs,Javascript,Node.js,Reactjs,Browserify,Babeljs,我开始使用JavaScript ES6特性,但是遇到了一个问题 我目前正在使用以下命令使用browserify和reactify构建我的应用程序 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/b

我开始使用JavaScript ES6特性,但是遇到了一个问题

我目前正在使用以下命令使用browserify和reactify构建我的应用程序

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
不过,我可以用babel将bundle.js文件编译成ES6版本,它有两个命令

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

这是使用babel和browserify的正确方法吗?要将模块与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
此外,react团队的reactify/react tools/jsx loader/etc.工具完成了babel的一部分工作,因此如果您使用babel,您可以完全删除它们