javascript - 我如何等待 GULP4 SERIES 中的任务

Question

我在任务“svg:inject”中遇到错误“无法找到文件 SVG”。

所以发生了什么:任务“svg:sprite”生成文件 sprite.svg。然后在任务“svg:inject”中我想使用这个 sprite.svg 将其移动到 html 中。但我有一个错误((

您对这种行为以及解决它有什么想法吗？

gulp.task('svg:sprite', (done) => {
    gulp.src('./resources/svg/sprite/*.svg')
        .pipe(svgstore())
        .pipe(dest('./resources/svg/'));
    done();
});

gulp.task('svg:inject', gulp.series('svg:sprite', (done) => {
    gulp.src('./resources/svg/sprite-svg.html')
        .pipe(injectSvg({
            base: './resources/svg/'
        }))
        .pipe(dest('./resources/_code/templates/'));
    done();
}));

sprite-svg.html 文件:

<div class="hide">
    <img src="sprite.svg">
</div>

Answer 1

返回流而不是使用 done 回调:

gulp.task('svg:sprite', () =>
  gulp.src('./resources/svg/sprite/*.svg')
    .pipe(svgstore())
    .pipe(gulp.dest('./resources/svg/'))
);

gulp.task('svg:inject', gulp.series('svg:sprite', () =>
  gulp.src('./resources/svg/sprite-svg.html')
    .pipe(injectSvg({
        base: './resources/svg/'
    }))
    .pipe(gulp.dest('./resources/_code/templates/'))
));