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

前端之家收集整理的这篇文章主要介绍了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,你可以完全删除它们.

猜你在找的JavaScript相关文章