使用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

但是我可以將我的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. 反應團隊的工具做了巴貝爾所做的一部分，所以如果你使用巴貝爾，你可以完全刪除它們。