Gulp中的非同步

2021-10-05 09:28:45 字數 1690 閱讀 8774

在gulp中如果有return,就是執行非同步操作,

//註冊轉換less的任務

gulp.

task

('less'

,function()

)//註冊合併壓縮css檔案

gulp.

task

('css',[

'less'],

function()

)).pipe

(cssclean()

).pipe

(gulp.

dest

('dist/css/'))

})//註冊預設任務

gulp.

task

('default',[

'js'

,'less'

,'css'

])

js,css,less三個任務同時非同步執行。

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()

)

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

[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

新增依賴:對css的處理依賴於對less的處理,新增[『less』]

gulp.

task

('css',[

'less'],

function()

為什麼gulp中的sourcemaps沒起作用

在一些工作流工具中,gulp算是比較容易上手的了,雖然以前了解過gulp,但真正的實踐還是發現不少應用問題,比如這次,為什麼應用了gulp sass gulp sourcemaps gulp autoprefixer卻無法獲取到css scss的對映 gulp sass 將scss編譯成css,常用...

原 gulp工作中的實戰

寫這篇文章的目的是為了以後的專案中懶得再去配gulp,直接可以拿這篇部落格中的來用,因為有時候配置還是挺煩人的。1 del 刪除檔案,用於清空檔案 2 browser sync 用於自動重新整理瀏覽器,從此再也不用f5手動重新整理了 3 gulp htmlmin 用於壓縮html 4 gulp cl...

關於gulp中順序執行任務

前 端 gulp 今天在學習gulp的時候,由於要執行檔案壓縮和檔案重新命名和清除分配檔案的內容,發生了一些衝突,寫在這裡督促一下自己。每天進步一點點,希望越來越好 一 順序問題 其實主要的問題出現在沒有搞懂資料流的原因,對於資料流而言,語句的執行結束僅僅意味著資料操作的開始,唯一能確定資料操作結束...