收錄了 10 篇相關文章
有一段時間沒更新這個系列文章，剛好最近需要將 Gulp 環境部屬到 Heroku，所以就乾脆寫成一個文章分類在這個系列中當作番外篇吧~
終於到了一個系列的結尾，雖然這是一個結尾，但是又是另一個開始，因為這裏面還有很多東西都沒有做到介紹，後面有空或許會多寫幾篇番外篇吧
這一篇將會介紹如何加入 ejs，相信寫過 node.js exporess 的人都會用過 ejs，很多人也會建議初學 ejs，所以這一篇也與 pug 篇一樣，不會上傳到 GitHub repo，因為並不是每一個人都會使用這些 template
接下來這一篇是一個番外篇，主要是給一些有在撰寫 pug/jade 習慣的人(包含我)，pug 是一個簡化 HTML 撰寫的一個 template，對於前端工程師來講，多瞭解一個切版語言是好的，畢竟可以少打一點字(?)
大致上 Gulp 前端開發上的套件及使用方式也介紹差不多了，但是這邊還要再介紹一個東西，也就是 GitHub Pages，如果我們今天開發的頁面是自己的作品，然後想要放到一個平台上，那麼 GitHub Pages 就是一個好東西，所以這邊將會介紹如何上傳到 GitHub Pages 及安裝套件
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
接下來將會介紹開發環境的其中一個問題，當我們完成前端開發後就會直接交付 public 給後端，但是我們必須確保 public 是最新版的，所以就必須透過指令來刪除 public 再重新生成 puglic
前一篇我們已經學會使用 browser-sync 來開啟瀏覽器在本地上開發，但是過程中如果我們做調整不就又要重新啟動 browser-sync?其實不用，Gulp 本身有提供一個 watch 的 API 讓我們可以去監聽檔案的修改進而重新啟動
接下來要講的是本地開發時常常會使用到的 browser-sync，利用 browser-sync 我們可以立即的在自己本機在模擬伺服器
當我們 task 越寫越多的時候，我們通常都會希望能夠一個指令執行所有 task，不然每次都要 gulp scss、gulp babel...
前面講了 HTML、CSS、JS，可是這邊唯獨缺少圖片，所以這邊會講一下加入圖片的功能，但是基本上圖片很簡單，所以這章節就順便講講圖片壓縮
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ