javascript - Gulp 运行不正常

Question

我有这个任务:

• html:

  • 将 .jade 转换为 .html
  • 将 Bower 资源(css、js 和字体)复制到/dest/vendor 文件夹
  • 将 Bower 资源添加到 .html(脚本和链接标签)
  • 将我的 js(来自/dest/js)和我的 css(来自/dest/css)添加到 .html(与之前一样)

• 构建

  • 清理/dest 文件夹
  • 将我的js复制到/dest/js(只是复制，无需处理)
  • 处理我的 less 文件，并将 css 移至/dest/css

如果我运行gulp build，然后运行gulp html，一切正常。但是，如果添加 html 作为构建的最后一部分，则不再起作用。Jade 被转换为 .html 文件，所有资源(my 和 Bower)都复制到/dest 文件夹，但 wiredep 和 inject (添加脚本和链接标签)似乎什么也不做。

这是我的任务(一部分):https://gist.github.com/Falci/f52d4144318c9d5e4c2f

Answer 1

我发现您的构建存在一些潜在问题。

1. 您必须从每个任务返回流。 Gulp 依赖每个任务的返回值来确定该任务何时完成。如果您使用不带返回值的任务作为另一个任务的依赖项，则依赖项将立即解决，而不是等待任务完成。您应该使用返回值，而不是使用 next() 回调。

   function htmlAssetsTask () {
       var sources = gulp.src(config.filesets.assetsDest, {read: false});
       return gulp.src(config.filesets.html)
       ...
   }
   

2. Gulp 任务依赖项未按顺序运行。这意味着在任务中:

   gulp.task('build', ['clean:dest', 'build:js', 'build:less', 'html']);
   

   依赖项可以按任何顺序运行。我建议使用run-sequence包以在重要时确保任务依赖关系的顺序。