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