鐵人檔案
現代前端與過去網頁開發最大的改變之一，就是前端工程化：像是追求一鍵完成圖片壓縮、開發中監控檔案改變並自動更新頁面…等自動化流程。而 gulp 在前端工程化的潮流中也（曾）扮演著重要角色。本系列文將嘗試把筆者過去的切版專案更新至 gulp 4.0，以便梳理過去對 gulp 的理解不足之處、與瞭解 gulp 4.0 的改變。
沒想到最後還是報名鐵人賽了呢（笑）。在寫程式遇到麻煩 google 時，找到的文章常常是從鐵人賽裡面出來的系列文，很是感激這個活動，產出了許多優質參考資料。 我...
在 Day1 的文章曾提到，gulp 作為一種建構工具，是用來幫助前端開發過程的建構自動化。那究竟，前端工程化後，對網頁開發產生了什麼影響呢？我們可以先回到沒有...
正如 Day2 提到的，這個系列文我想要記錄，將先前的切版專案從 gulp 3.9.1 升級到 gulp 4 的過程。因此在正式建構 gulp 4 環境前，先來...
gulp 作為一種前端的建構工具，用途當然就是用指令呼叫 task、以及將 task 自動化，因此在 gulp 內會設定很多 task。這篇文將建立一個簡單的...
在 Gulp4 中，task() API 已經不被推薦，改成用 function 定義 task。使用 function 定義 task 有個好處，就是如果該...
在 day4、day5 用到的 require、import 等語法，其實就是 JavaScript 內建的模組化寫法。但其實 JavaScript 被創始之初...
上個系列以 hello gulp 為例，示範了要怎麼在 gulp 中定義一個 task，並如何從 CLI 界面執行這些 task。這篇文將定義一個稍微實用一點的...
在 gulp 3.9.1 的時候，有四個最常被使用的 gulp API，分別是 task()、src()、dest()、以及 watch()。其中，task()...
Gulp 官方文件是這麼形容 globs 的： A glob is a string of literal and/or wildcard character...
在「以複製檔案為例」系列的第一天，曾經貼過這個範例 task： import gulp from 'gulp' export function copyHTM...
