背景
學(xué)習(xí)gulp的前端自動化構(gòu)建后裸，按照示例代碼浪谴，跑了一個簡單的task较店，控制臺打出如下提示：
The following tasks did not complete: testGulp Did you forget to signal async completion?
查閱Stack Overflow，表示有五種解決辦法官卡，在這里提供一種更簡單的改法醋虏。
問題重現(xiàn)
原代碼：
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的函數(shù)里傳入一個名叫done的回調(diào)函數(shù)瓶蚂，以結(jié)束task，如下代碼所示：
gulp.task('testGulp', done => {
console.log('Hello World!');
done();
});
done回調(diào)函數(shù)的作用是在task完成時通知Gulp（而不是返回一個流）扬跋，而task里的所有其他功能都純粹依賴Node來實現(xiàn)阶捆。
源代碼
//引用gulp模塊
const { doesNotMatch } = require('assert');
const gulp = require('gulp');
//使用gulp.task建立任務(wù)
//1.任務(wù)的名稱
//2.任務(wù)的回調(diào)函數(shù)
gulp.task('first', done => {
console.log('第一個gulp任務(wù)');
//1.使用gulp.src獲取要處理的文件
gulp.src('./src/css/base.css')
//gulp可以創(chuàng)建不存在的文件
.pipe(gulp.dest('dest/css'));
done();
});
2f6460554671ddf213f5c439d2b0aa2.png
