前端開發(fā)之gulp語法

上一篇說了下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é)開始,我們就開始介紹一些的常用小模塊膳沽。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末挑社,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子菌瘪,更是在濱河造成了極大的恐慌阱当,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件录淡,死亡現(xiàn)場離奇詭異油坝,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)彬檀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進(jìn)店門凤覆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拆魏,“玉大人,你說我怎么就攤上這事拥峦÷糇樱” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵玄柠,是天一觀的道長诫舅。 經(jīng)常有香客問我,道長这弧,這世上最難降的妖魔是什么虚汛? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮蛋辈,結(jié)果婚禮上将谊,老公的妹妹穿的比我還像新娘。我一直安慰自己挂洛,他們只是感情好眠砾,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布褒颈。 她就那樣靜靜地躺著,像睡著了一般谷丸。 火紅的嫁衣襯著肌膚如雪刨疼。 梳的紋絲不亂的頭發(fā)上鹅龄,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天亭畜,我揣著相機(jī)與錄音,去河邊找鬼玷坠。 笑死劲藐,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的兄渺。 我是一名探鬼主播厉膀,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼服鹅,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了企软?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤形庭,失蹤者是張志新(化名)和其女友劉穎萨醒,沒想到半個(gè)月后苇倡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡晓褪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年涣仿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了示惊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片愉镰。...
    茶點(diǎn)故事閱讀 38,577評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡岛杀,死狀恐怖崭孤,靈堂內(nèi)的尸體忽然破棺而出糊肠,到底是詐尸還是另有隱情,我是刑警寧澤货裹,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布弧圆,位于F島的核電站,受9級特大地震影響霹期,放射性物質(zhì)發(fā)生泄漏拯田。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一吭产、第九天 我趴在偏房一處隱蔽的房頂上張望鸭轮。 院中可真熱鬧,春花似錦窃爷、人聲如沸吞鸭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽造虏。三九已至麦箍,卻和暖如春陶珠,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背诀蓉。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工暑脆, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人添吗。 一個(gè)月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓沥曹,卻偏偏與公主長得像,于是被迫代替她去往敵國和親碟联。 傳聞我的和親對象是個(gè)殘疾皇子妓美,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容