node.js - gulp.task非同步問題

Question

如何理解這句話：您的任務在依賴關係完成之前運行嗎？確保您的依賴任務正確使用非同步運行提示：接受回呼或返回承諾或事件...

ringa_lee · Answer

如果沒有使用callback或回傳promise/stream，那這個任務就不是非同步任務了？

是的。 gulp 任務序列執行依賴 Orchestrator，會對函數有無參數（callback）和回傳值（promise/stream）做判斷，從而決定是不是非同步。

但是beforemytask需要使用正確的非同步方式？

需要偵測 beforemytask 結束，確保 mytask 在後面執行就用上面的方式，否則任何方式都可以。

高洛峰 · Answer

你不知道這個任務什麼時候跑完，後面加一個回調處理,單就這一個任務而言，所以這裡的處理是異步的，
同步確實像你所說的一樣，一個任務必須等另外一個任務執行完才能處理，有時候任務之間有依賴關係，

必須按照依賴關係處理，這裡用同步去理解，我覺得沒有問題，這是我的一點理解，僅供參考

下面舉個例子

var gulp = require('gulp'); 
var minifycss = require('gulp-minify-css'); //压缩css
var uglify = require('gulp-uglify'); //压缩js
var del = require('del'); // 删除目录

gulp.task('clean',function() {
    return del(['dist/**']);
});
//压缩 css 
gulp.task('minify-css',['clean'], function() {
    return  gulp.src('./public/**/*.css')
            .pipe(minifycss())
            .pipe(gulp.dest('./dist'));
});

//压缩 js 
gulp.task('minify-js',['clean'], function() {
    return gulp.src('./public/**/*.js')
            .pipe(uglify())
            .pipe(gulp.dest('./dist'));
});
// 每一次跑任务 需要删除 dist 目录， 然后开始跑  minify-css 和 minify-js 
//执行任务 这里 minify-css 和 minify-js 就依赖前面 clean 
// 也就是说必须等  clean 这个任务跑完，minify-css 和 minify-js 才能执行
// 
// default 是默认执行的任务
gulp.task('default',[
    'clean','minify-css','minify-js'
]);