Node.js GitHub Gulp

這是在講 Gulp 不是飲料是任務自動化工具這件事：GitHub Page篇

大致上 Gulp 前端開發上的套件及使用方式也介紹差不多了，但是這邊還要再介紹一個東西，也就是 GitHub Pages，如果我們今天開發的頁面是自己的作品，然後想要放到一個平台上，那麼 GitHub Pages 就是一個好東西，所以這邊將會介紹如何上傳到 GitHub Pages 及安裝套件

2019-06-13 3 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：自動刪除檔案篇

接下來將會介紹開發環境的其中一個問題，當我們完成前端開發後就會直接交付 public 給後端，但是我們必須確保 public 是最新版的，所以就必須透過指令來刪除 public 再重新生成 puglic

2019-06-13 1 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事： Watch 篇

前一篇我們已經學會使用 browser-sync 來開啟瀏覽器在本地上開發，但是過程中如果我們做調整不就又要重新啟動 browser-sync?其實不用，Gulp 本身有提供一個 watch 的 API 讓我們可以去監聽檔案的修改進而重新啟動

2019-06-13 2 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：瀏覽器同步顯示(browser-sync)

接下來要講的是本地開發時常常會使用到的 browser-sync，利用 browser-sync 我們可以立即的在自己本機在模擬伺服器

2019-06-11 2 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：同步執行 Task

當我們 task 越寫越多的時候，我們通常都會希望能夠一個指令執行所有 task，不然每次都要 gulp scss、gulp babel...

2019-06-11 2 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：圖片壓縮篇

前面講了 HTML、CSS、JS，可是這邊唯獨缺少圖片，所以這邊會講一下加入圖片的功能，但是基本上圖片很簡單，所以這章節就順便講講圖片壓縮

2019-06-11 1 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：壓縮 JS 篇

接下來將針對 JS 加入一個壓縮功能，那壓縮的時機僅限於 prod 的模式，所以這邊紀錄一下該如何使用

2019-06-11 1 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：多個 JS 合併篇

有時候我們會將 JavaScript 分成數個檔案來寫，但是實際開發環境下是只會載入一隻，所以這邊紀錄一下該如何透過 Gulp 來合併 js 檔吧!

2019-06-11 1 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：安裝 Babel 篇

接下來將會安裝 Bebal 這個套件工具，這個套件工具可以幫助我們將 ES6 編譯成瀏覽器可以執行的 JavaScript

2019-06-11 2 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

這是在講 Gulp 不是飲料是任務自動化工具這件事：簡化 Gulp 流程

目前我們還沒加入 bebal 等等任務工具，但是就可以發現越來越多 require，所以這邊就來介紹該如何簡化 Gulp 流程

2019-06-10 1 分鐘閱讀

閱讀全文