資訊專(zhuān)欄INFORMATION COLUMN
摘要：是一個(gè)非常棒的自動(dòng)化構(gòu)建工具筆者在自己的實(shí)踐和團(tuán)隊(duì)分享過(guò)程中總結(jié)整理一系列的有關(guān)的資料就是這個(gè)么一個(gè)這個(gè)中包括了關(guān)于的一個(gè)計(jì)劃將上述整理成一篇一個(gè)系列一個(gè)基于的小具體的講解在上面這個(gè)當(dāng)中一些插件的簡(jiǎn)單介紹一份包括筆者在實(shí)踐的時(shí)候常用
Gulp是一個(gè)非常棒的自動(dòng)化構(gòu)建工具, 筆者在自己的實(shí)踐和團(tuán)隊(duì)分享過(guò)程中, 總結(jié)整理一系列的有關(guān) gulp 的資料. automating-your-workflow-with-gulp 就是這個(gè)么一個(gè) repo.
這個(gè) repo 中包括了:
關(guān)于Gulp的一個(gè)Slide
(計(jì)劃) 將 上述 slide 整理成一篇(一個(gè)系列) tutorial.
一個(gè)基于 gulp 4.0 的小 demo (具體的講解在上面這個(gè) slide 當(dāng)中)
一些 gulp 插件的簡(jiǎn)單介紹
一份 recipes, 包括筆者在實(shí)踐的時(shí)候常用的一些任務(wù)片段, 還在持續(xù)更新當(dāng)中, 計(jì)劃包含以下內(nèi)容
使用 babel 編譯 ES2015 的語(yǔ)法
不中斷Gulp任務(wù)且彈出系統(tǒng)通知
使用命令行參數(shù)(yargs) 來(lái)控制任務(wù)邏輯 (gulp-if) (選擇性壓縮文件和生成sourcemap)
gulp-ignore 選擇性過(guò)濾某些文件
監(jiān)聽(tīng)文件變化 (刪除不需要的文件, 利用 chalk 打印出漂亮的相關(guān)信息)
增量編譯 (gulp-cached) (只修改改變的文件)
gulp-inject 注入 js, css 資源 (以及如何注入 CDN 等外鏈資源)
gulp-order 給文件排序
gulp-replace 用正則做出好玩的事~
event-stream 合并多個(gè) stream
gulp 與 webpack 相結(jié)合
監(jiān)聽(tīng) gulpfile 本身, 在 gulpfile 發(fā)生變化后 自動(dòng)gulp.
拆分 gulpfile 為多個(gè)文件
其他 歡迎補(bǔ)充
一些參考的資料合集(包括一些視頻資料)
如果你對(duì) gulp 感興趣, 可以和我一起整理相關(guān)資料
automating-your-workflow-with-gulp <-- 戳他 戳他 ?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/64806.html
摘要：這些任務(wù)包括但不限于將源代碼編譯為二進(jìn)制文件打包二進(jìn)制文件運(yùn)行測(cè)試用例發(fā)布到線上環(huán)境添加文檔或發(fā)行注釋為什么很重要呢，因?yàn)樗芄?jié)省程序員的時(shí)間。 Update: 別用 Grunt 了，用 Gulp ！拜拜。 （原文發(fā)表于我的個(gè)人博客 http://frankfang.com/2013/12/29/grunt-is-awesome/ ，如有錯(cuò) 誤，還請(qǐng)賜教） 在生產(chǎn)環(huán)境中使用 Gru...
摘要：那時(shí)候所配置的任務(wù)監(jiān)聽(tīng)匹配文件的變化自動(dòng)刷新瀏覽器自動(dòng)編譯自動(dòng)補(bǔ)全前綴多雪碧圖合并拼圖等等基于編譯圖片的任務(wù)，已經(jīng)是完全滿足我們的需求了。直至到后來(lái)在雪碧圖的合并，多倍圖的輸出上，在上苦苦找尋不了比較完美的解決方案等等。 折騰 從 2015 到現(xiàn)在，短短的三年內(nèi)，幾乎每年折騰一下工作流的 更新?lián)Q代 。從最早開(kāi)始使用 Grunt 到 Gulp 再到 Webpack，再到 Rollup，...
摘要：開(kāi)工，我是如何定義現(xiàn)代切圖的既然所有后臺(tái)都有計(jì)劃重做，那么統(tǒng)一風(fēng)格那就是必須的了。我們前端部門(mén)采用的是自己搭建的。讓我使用，我是不樂(lè)意的。我采用提供一個(gè)服務(wù)，提供靜態(tài)頁(yè)面預(yù)覽。沒(méi)錯(cuò)我就是這么直接。 歡迎一起交流 歡迎關(guān)注我的個(gè)人公眾號(hào)，不定期更新自己的工作心得。 showImg(https://segmentfault.com/img/bVEk23?w=258&h=258); 什么是靜...
摘要：開(kāi)工，我是如何定義現(xiàn)代切圖的既然所有后臺(tái)都有計(jì)劃重做，那么統(tǒng)一風(fēng)格那就是必須的了。我們前端部門(mén)采用的是自己搭建的。讓我使用，我是不樂(lè)意的。我采用提供一個(gè)服務(wù)，提供靜態(tài)頁(yè)面預(yù)覽。沒(méi)錯(cuò)我就是這么直接。 歡迎一起交流 歡迎關(guān)注我的個(gè)人公眾號(hào)，不定期更新自己的工作心得。 showImg(https://segmentfault.com/img/bVEk23?w=258&h=258); 什么是靜...
閱讀 1363·2021-11-16 11:44
閱讀 3839·2021-10-09 10:01
閱讀 1829·2021-09-24 10:31
閱讀 4059·2021-09-04 16:41
閱讀 2581·2021-08-09 13:45
閱讀 1300·2019-08-30 14:08
閱讀 1862·2019-08-29 18:32
閱讀 1700·2019-08-26 12:12
