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'))
});

但是当我运行注入任务时，它显示“Nothing to injection into 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'));
});

有趣的是，注入主要 bower 文件的第一个管道运行良好，但以下两个不会发生。

另外，仅供参考，“插件”是一个需要我的插件的变量。

对这个问题有任何想法吗？

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 完成才运行，这意味着连接和丑化的JS 文件将不在.tmp/page/js 中。

Gulp documentation 的相关部分：

注意：默认情况下，任务以最大并发运行——例如它立即启动所有任务并且什么都不等待。如果您想创建一系列任务以特定顺序运行，您需要做两件事：

• 任务完成时给它一个提示，
• 并提示它一项任务取决于另一项任务的完成。