使用 Gulp 來構建你的 workflow

Gulp是一個很是棒的自動化構建工具, 筆者在本身的實踐和團隊分享過程當中, 總結整理一系列的有關 gulp 的資料. automating-your-workflow-with-gulp 就是這個麼一個 repo.

這個 repo 中包括了:

• 關於Gulp的一個Slide

• (計劃) 將 上述 slide 整理成一篇(一個系列) tutorial.

• 一個基於 gulp 4.0 的小 demo (具體的講解在上面這個 slide 當中)

• 一些 gulp 插件的簡單介紹

• 一份 recipes, 包括筆者在實踐的時候經常使用的一些任務片斷, 還在持續更新當中, 計劃包含如下內容

  • 使用 babel 編譯 ES2015 的語法

  • 不中斷Gulp任務且彈出系統通知

  • 使用命令行參數(yargs) 來控制任務邏輯 (gulp-if) (選擇性壓縮文件和生成sourcemap)

  • gulp-ignore 選擇性過濾某些文件

  • 監聽文件變化 (刪除不須要的文件, 利用 chalk 打印出漂亮的相關信息)

  • 增量編譯 (gulp-cached) (只修改改變的文件)

  • gulp-inject 注入 js, css 資源 (以及如何注入 CDN 等外鏈資源)

  • gulp-order 給文件排序

  • gulp-replace 用正則作出好玩的事~

  • event-stream 合併多個 stream

  • gulp 與 webpack 相結合

  • 監聽 gulpfile 自己, 在 gulpfile 發生變化後 自動gulp.

  • 拆分 gulpfile 爲多個文件

  • 其餘 歡迎補充

• 一些參考的資料合集(包括一些視頻資料)

若是你對 gulp 感興趣, 能夠和我一塊兒整理相關資料

automating-your-workflow-with-gulp <-- 戳他 戳他 ?