按顺序运行gulp和wiredep插件

Question

我正在使用GUP3.0和expected & wiredep插件，但是当我将两个插件合并在一起时，我并没有得到预期的输出(在wiredep任务之后，输入脚本完成过程开始，所以wiredep不包括index.html中已编写的Java脚本文件)。请在下面找到代码片段，请告诉我是否可以做任何事情来获得预期的输出，即wiredep应该等待tsc编译器完成他的工作，并在index.html中包含编译的依赖)。

gulp.task('compile:typescript', () => {
   gulp.src(config.ts)
    .pipe(typescript())
    .pipe(gulp.dest(config.dest))
});

gulp.task('run', function () {
  runseq('compile:typescript', 'wiredep');
});

gulp.task('wiredep', () => {
   var options = config.wiredepDefaultOptions();
   gulp.src(config.index)
    .pipe(wiredep(options))
    .pipe(gulp.dest(config.dest))
    .pipe($.inject(gulp.src(config.js)))
    .pipe($.inject(gulp.src(config.css)))
    .pipe(gulp.dest(config.dest)); 
});

Answer 1

即使在使用运行顺序时，您仍然必须返回任务中的流，以便gulp知道任务何时完成：

gulp.task('compile:typescript', () => {
   return gulp.src(config.ts)
 //^^^^^^ don't forget this
    .pipe(typescript())
    .pipe(gulp.dest(config.dest))
});

gulp.task('run', function () {
  runseq('compile:typescript', 'wiredep');
});

gulp.task('wiredep', () => {
   var options = config.wiredepDefaultOptions();
   return gulp.src(config.index)
 //^^^^^^ don't forget this
    .pipe(wiredep(options))
    .pipe(gulp.dest(config.dest))
    .pipe($.inject(gulp.src(config.js)))
    .pipe($.inject(gulp.src(config.css)))
    .pipe(gulp.dest(config.dest)); 
});