关于babel + browserify的工作流程

Question

所有

当我按照Facebook React的教程时，它只讨论了如何使用Babel进行转换，但没有使用browserify的内容，我想知道我是否使用gulp，如何使用babel和browserify建立工作流程。

例如：

1. 透明/ js文件夹中的所有* .js文件，并将它们复制到/ build / js
2. 当1准备就绪时，将所有/build/js/*.js broserify为bundle.js并复制到/ dist / js
3. 将* .html复制到/ dist /

就是这样！感谢

Answer 1

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

以下是如何使用babelify在一个步骤中编译和捆绑模块的基本示例，并假设条目文件具有包含要捆绑的所有模块的依赖关系图。

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