依次运行 gulp-tsc 和wiredep 插件答案

【问题标题】：running gulp-tsc & wiredep plug-ins in sequence依次运行 gulp-tsc 和wiredep 插件
【发布时间】：2016-03-01 04:07:15
【问题描述】：

我正在使用 gulp 3.0 并使用 gulp-tsc 和wiredep 插件但是当我将这两个插件组合在一起时，我没有得到预期的输出（typescript 编译过程在wiredep 任务之后开始，所以wiredep 不包括编译的Java index.html 中的脚本文件）。请在下面找到代码 sn-p 并请让我知道是否可以做任何事情来获得预期的输出，即，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)); 
});

【问题讨论】：

标签： typescript gulp wiredep

【解决方案1】：

即使你使用run-sequence，你仍然需要从你的任务中返回流，以便 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)); 
});

【讨论】：