GULP自動化項目構建之–正確的異步執行方式（RETURN）

frank_fun 發布于2019-08-01 18:43 / 1305人閱讀

摘要：其中最重要的一點著重提出正確的異步執行方式使用一個，或者返回一個或。

2017年2月23日個人博客文章--遷移到segmentfault
在做項目中，不經意間代碼會寫成這個樣子。

gulp.task("clean",function(){
    gulp.src(["./dist","./rev"])
        .pipe(clean())
});
gulp.task("build",["clean"],function(){
    runSequence("htmlMove",["imageMin","reCollector","btMove","views"],"over")
})

那么這就可能會導致一個問題，因為這個task:clean不是一個正確的異步執行方式，所以他就會出現–顯示clean任務已經finished接著他會執行htmMove、imageMin等等一系列任務，但是.pipe(clean())卻還在執行，這就造成了邊刪除目錄邊執行其他的一系列任務，最終會因為找不到指一些指定目錄會報錯。

那么什么是正確的異步執行呢？

API文檔給出了詳細解釋，這里不做詳細介紹。http://www.gulpjs.com.cn/docs...

其中最重要的一點著重提出：

正確的異步執行方式：使用一個 callback，或者返回一個 promise 或 stream。

如果你想要創建一個序列化的 task 隊列，并以特定的順序執行，你需要做兩件事：

給出一個提示，來告知 task 什么時候執行完畢，
并且再給出一個提示，來告知一個 task 依賴另一個 task 的完成。
那么針對剛才的gulp流有以下改進：

gulp.task("clean",function(){
    return gulp.src(["./dist","./rev"])
        .pipe(clean())
});
gulp.task("build",["clean"],function(){
    runSequence("htmlMove",["imageMin","reCollector","btMove","views"],"over")
})

加上return，不加return的話，task和里面的gulp流是異步執行的，所以就會出現先finished在編譯的情況。

GPU云服務器云服務器異步執行數據倉庫構建方式異步通信方式 js異步延遲執行

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52049.html

gulp詳細基礎教程

摘要：核心概念流流，簡單來說就是建立在面向對象基礎上的一種抽象的處理數據的工具。類型，設置輸出路徑以某個路徑的某個組成部分為基礎向后拼接。一、gulp簡介 1.gulp是什么？ gulp是前端開發過程中一種基于流的代碼構建工具，是自動化項目的構建利器；它不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使用它，不僅可以很愉快的編寫代碼，而且大大提高我們的工...

xuhong 2019-08-28 18:16 評論0 收藏0
gulp詳細基礎教程

摘要：核心概念流流，簡單來說就是建立在面向對象基礎上的一種抽象的處理數據的工具。類型，設置輸出路徑以某個路徑的某個組成部分為基礎向后拼接。一、gulp簡介 1.gulp是什么？ gulp是前端開發過程中一種基于流的代碼構建工具，是自動化項目的構建利器；它不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使用它，不僅可以很愉快的編寫代碼，而且大大提高我們的工...

vibiu 2019-08-21 10:38 評論0 收藏0
gulp詳細基礎教程

摘要：核心概念流流，簡單來說就是建立在面向對象基礎上的一種抽象的處理數據的工具。類型，設置輸出路徑以某個路徑的某個組成部分為基礎向后拼接。一、gulp簡介 1.gulp是什么？ gulp是前端開發過程中一種基于流的代碼構建工具，是自動化項目的構建利器；它不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使用它，不僅可以很愉快的編寫代碼，而且大大提高我們的工...

張金寶 2019-08-01 14:51 評論0 收藏0
gulp和webpack入門介紹

摘要：介紹說明的包管理器，用于插件管理包括安裝卸載管理依賴等使用安裝插件命令提示符執行插件名稱。總結安裝新建文件全局和本地安裝安裝插件新建文件通過命令提示符運行任務。 showImg(https://segmentfault.com/img/remote/1460000010873466); 前言眾所周知目前比較火的工具就是gulp和webpack，但webpack和gulp卻有所不同，本...

hsluoyz 2019-08-20 18:58 評論0 收藏0
聊一聊前端自動化測試

摘要：在真正寫了一段時間的基礎組件和基礎工具后，才發現自動化測試有很多好處。有了自動化測試，開發者會更加信任自己的代碼。由于維護測試用例也是一大筆開銷畢竟沒有多少測試會專門幫前端寫業務測試用例，而前端使用的流程自動化工具更是沒有測試參與了。本文轉載自天貓前端博客，更多精彩文章請進入天貓前端博客查看前言為何要測試以前不喜歡寫測試，主要是覺得編寫和維護測試用例非常的浪費時間。在真正寫了...

wthee 2019-08-21 10:50 評論0 收藏0