javascript - 使用 return 时 Gulp sass (libsass) 非常慢

Question

我是 Gulp 的新手(对 js 不太熟悉)。当我使用

gulp.task('sass', function () {
  gulp
    .src('myfile.scss')
    .pipe(sourcemaps.init())
    .pipe(sass(myoptions))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('mypath'))
    .pipe(browserSync.stream({match: '**/*.css'}));
});

编译在几毫秒内完成

但是当我使用

gulp.task('sass', function () {
  return gulp
    ...
});

编译需要几秒钟。

有人能解释一下为什么吗？

谢谢。

Answer 1

Gulp 使用 orchestrator执行任务。您的任务返回用于排序的 promise 或流(在您的情况下是流)。

当你什么都不返回时，调用者无法知道你的任务没有完成，这至少有两个影响:

• 您可能认为它(从日志中)在它真正完成之前已经完成了
• 以下任务可能开始得太早，甚至可能使用旧版本的已编译 CSS 数据