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