【问题标题】:Work flow about babel + browserify关于 babel + browserify 的工作流程
【发布时间】:2015-09-27 22:15:49
【问题描述】:

全部:

我在看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/

就是这样!谢谢

【问题讨论】:

  • 你真的需要 glob 文件,还是有一个入口文件你可以将 browserify 指向并让它通过依赖图拉入其余文件?
  • 除非您真的致力于使用 browserify,否则请查看 jspm.io

标签: reactjs gulp browserify babeljs


【解决方案1】:

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

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

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

【讨论】:

  • 谢谢,你能给我一个例子吗?我尝试使用 Gulp 来执行此操作,但当前的问题是任务流中的 browserify 部分在 /build/js 中找不到转译的文件,我猜是因为在 browserify 时转译(babel)还没有完成开始工作。
  • 目前我所有的 js 文件都被连接到一个文件中,然后我只是用 Babel 管道这个结果。我在什么阶段使用browserify?
  • @kuan 你从来没有回答我的问题。
猜你喜欢
  • 1970-01-01
  • 2016-12-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多