使用babel.js代替browserify进行编译捆绑

2018-06-11 11:38:34

我开始使用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版本，并有两个命令

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 /等。来自反应团队的工具做了babel所做的一个子集，所以如果你使用babel，你可以完全删除它们。

链接地址: http://www.djcxy.com/p/32935.html