上一篇說了下gulp的環(huán)境搭建以及配置占键,這一篇說說gulp的語法。
語法說來其實(shí)很簡單君仆,主要有以下5種(更新watch方法):
gulp的五種核心方法
現(xiàn)在我們把src下面的index.html文件copy到發(fā)布文件夾dist下:
復(fù)制單個(gè)文件
webstorm下運(yùn)行
點(diǎn)擊運(yùn)行
如此钥庇,便有:
dist文件夾下更新
復(fù)制多個(gè)文件
復(fù)制到某個(gè)特定的文件夾下
每次運(yùn)行之前都需要更新一下
最終
復(fù)制指定文件
排除某個(gè)文件
監(jiān)視文件
watch語法和其他語法一樣萤晴,能監(jiān)視所有文件,也能監(jiān)視指定文件嗦枢。這個(gè)方法則是你在src文件下修改了某個(gè)文件屯断,你只需要運(yùn)行這個(gè)方法,相應(yīng)的在dist文件也會自動更新氧秘。
在src文件下建立images文件剃氧,images下存入圖片自行測試
添加多個(gè)后綴名
執(zhí)行多個(gè)任務(wù)
執(zhí)行多個(gè)任務(wù)朋鞍,你在每個(gè)任務(wù)中都相應(yīng)的clonsole.log一下,然后在控制臺中你會發(fā)現(xiàn)執(zhí)行順序是先順序打印子任務(wù)依賴項(xiàng)更舞,最后才執(zhí)行主任務(wù)坎吻,并且執(zhí)行時(shí)間不一樣,都是異步同時(shí)在執(zhí)行刊头,非阻塞的
控制臺打印看執(zhí)行順序
到此诸尽,gulp的語法基本就寫完了。gulp他自身的方法就是這么簡單穿肄。
但是他僅僅就這么簡單嗎?答案是:NO矢否。
我們前面說過脑溢,gulp是基于node開發(fā)的,只要是基于node開發(fā)的焚志,那么他一定會衍生出許多的依賴小模塊酱酬。下節(jié)開始,我們就開始介紹一些的常用小模塊膳沽。