gulp:Did you forget to signal async completion?问题

背景

学习gulp的前端自动化构建，按照示例代码，跑了一个简单的task，控制台打出如下提示：
The following tasks did not complete: testGulp Did you forget to signal async completion?

查阅Stack Overflow，表示有五种解决办法，在这里提供一种更简单的改法。

问题重现

原代码：

const gulp = require('gulp');
gulp.task('testGulp', () => {
    console.log('Hello World!');
});

控制台报错：

The following tasks did not complete: testGulp Did you forget to signal async completion?

解决方法，使用 async 和 await。

修改后代码

const gulp = require('gulp');
gulp.task('testGulp', async() => {
   await console.log('Hello World!');
});

控制台输出正常

[13:18:37] Starting 'testGulp'...
Hello World!
[13:18:37] Finished 'testGulp' after 2.77 ms

附官方方法

在不使用文件流的情况下，向task的函数里传入一个名叫done的回调函数，以结束task，如下代码所示：

gulp.task('testGulp', done => {
  console.log('Hello World!');
  done();
});

done回调函数的作用是在task完成时通知Gulp（而不是返回一个流），而task里的所有其他功能都纯粹依赖Node来实现。

源代码

//引用gulp模块
const { doesNotMatch } = require('assert');
const gulp = require('gulp');
//使用gulp.task建立任务
//1.任务的名称
//2.任务的回调函数
gulp.task('first', done => {
    console.log('第一个gulp任务');
    //1.使用gulp.src获取要处理的文件
    gulp.src('./src/css/base.css')
        //gulp可以创建不存在的文件
        .pipe(gulp.dest('dest/css'));
    done();
});

2f6460554671ddf213f5c439d2b0aa2.png