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

Question

我从 babel.js 开始使用 JavaScript ES6 功能，但是我遇到了一个问题

我目前正在使用 browserify 构建我的应用程序，并使用以下命令进行 react 。

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 版本，有 2 个命令

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

这是将 babel 与 browserify 一起使用的正确方法吗？将您的模块与 browserify 捆绑在一起，然后将 bundle 转换为 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/等。来自 React 团队的工具做 babel 做的一部分，所以如果你使用 babel，你可以完全删除它们。