Gulp中的異步

在gulp中如果有return,就是執(zhí)行異步操作,

//注冊(cè)轉(zhuǎn)換less的任務(wù)
gulp.task('less', function () {
    return gulp.src('src/less/*.less')   //異步操作
    .pipe(less())   //編譯less文件為css文件
    .pipe(gulp.dest('src/css/'))
})

//注冊(cè)合并壓縮css文件
gulp.task('css', ['less'], function () {
    return gulp.src('src/css/*.css')
    .pipe(concat('build.css'))
    .pipe(rename({suffix:'.min'}))
    .pipe(cssClean({compatibility:'ie8'}))
    .pipe(gulp.dest('dist/css/'))
})

//注冊(cè)默認(rèn)任務(wù)
gulp.task('default',['js','less','css'])

js,css,less三個(gè)任務(wù)同時(shí)異步執(zhí)行。

C:\Workspace\Code\MyProject\Web\gulp_test\src>gulp
[14:23:54] Using gulpfile C:\Workspace\Code\MyProject\Web\gulp_test\src\gulpfile.js
[14:23:54] Starting 'js'...
[14:23:54] Starting 'less'...
[14:23:54] Starting 'css'...
[14:23:54] Finished 'less' after 208 ms
[14:23:54] Finished 'css' after 304 ms
[14:23:54] Finished 'js' after 342 ms
[14:23:54] Starting 'default'...
[14:23:54] Finished 'default' after 120 μs

如果去掉return

gulp.task('less', function () {
    gulp.src('src/less/*.less')   //異步操作
    .pipe(less())   //編譯less文件為css文件
    .pipe(gulp.dest('src/css/'))
})

js, less, css依次執(zhí)行(同步)

[14:25:36] Using gulpfile C:\Workspace\Code\MyProject\Web\gulp_test\src\gulpfile.js
[14:25:37] Starting 'js'...
[14:25:37] Finished 'js' after 22 ms
[14:25:37] Starting 'less'...
[14:25:37] Finished 'less' after 2.46 ms
[14:25:37] Starting 'css'...
[14:25:37] Finished 'css' after 2.73 ms
[14:25:37] Starting 'default'...
[14:25:37] Finished 'default' after 93 μs

添加依賴(lài):對(duì)css的處理依賴(lài)于對(duì)less的處理,添加['less']

gulp.task('css', ['less'], function (){})
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容