babel + browserify 工作流程

Question

全部：

我看Facebook React教程的时候，只讲了如何用babel转译，没有讲browserify的内容，不知道用了没gulp，如何用babel构建工作流，浏览器化。

例如：

1. 转译/js文件夹下的所有*.js文件，复制到/build/js
2. 当1准备好后，将所有/build/js/*.js broserify成bundle.js并复制到/dist/js
3. 复制 *.html 到 /dist/

就是这样！谢谢

Answer 1

您可以这样做，或者在同一步骤中编译和 browserify 以及用于 browserify 的 babelify 转换。

这是一个基本示例，说明如何使用 babelify 一步编译和捆绑模块，并假设一个入口文件具有包含您要捆绑的所有模块的依赖关系图。

browserify('./js/entry')
  .transform(babelify)
  .bundle()
  .pipe(fs.createWriteStream('./dist/bundle.js'));