Gulp-inject说“没有什么可以注入index.html”

Question

我正在尝试在索引中注入一些文件，所有文件都连接在一起并缩小为.tmp文件夹，如下所示：

gulp.task('prep-js',['clean'], function(){
  var jspath = './src/page/**/*.js';
  var treatJs = gulp.src(jspath)
         .pipe(plugins.concat('scripts.js'))
         .pipe(plugins.uglify())
         .pipe(gulp.dest('.tmp/page/js'))
});

但是当我运行注入任务时，它说“没有注入index.html”。 这是代码：

gulp.task('inject-deps', ['prep-css', 'prep-js'], function(){

  //select main bower files
  var bowerDep = gulp.src(plugins.mainBowerFiles(), {read: false});

  //inject files
  return  gulp.src('./src/page/index.html')
          .pipe(plugins.inject(bowerDep, {relative: true, name:'bower'}))
          .pipe(plugins.inject(gulp.src('.tmp/page/js/*.js'), {name:'frontjs'}))
          .pipe(plugins.inject(gulp.src('.tmp/page/css/*.css'), {name:'frontcss'}))
          .pipe(gulp.dest('.tmp/page'));
});

有趣的是，注入主要凉亭文件的第一个管道工作完美，但它不会发生在以下两个。

另外，仅仅是为了获取信息，'plugins'是一个需要我的插件的变量。

对这个问题有什么看法吗？

Answer 1

您需要在prep-js任务中返回流：

gulp.task('prep-js',['clean'], function(){
  var jspath = './src/page/**/*.js';
  return gulp.src(jspath)
         .pipe(plugins.concat('scripts.js'))
         .pipe(plugins.uglify())
         .pipe(gulp.dest('.tmp/page/js'))
});

否则， inject-deps将不会等待prep-js在它运行之前完成，这意味着连接和uglified JS文件将不会在.tmp/page/js 。

Gulp文档的相关部分：

注意：默认情况下，任务以最大并发性运行 - 例如，它立即启动所有任务并且不等待任何操作。 如果要创建一个按特定顺序运行任务的系列，则需要执行以下两项操作：

• 在任务完成时给它一个暗示告诉它，
• 并给它一个暗示，任务取决于另一个任务的完成。