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

前面已經將環境、專案目錄及 Gulp 已經準備好了，接下來就是瞭解基礎的 Gulp 撰寫。

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

前一篇已經稍微瞭解 Gulp 是什麼東西，那這篇就會開始從頭教學安裝 Gulp，另外這邊會開著 CMD 來操作許多動作，所以記得先開起來唷!

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

在早期我接觸前端第一個靜態網頁開發工具就是 Gulp，往往許多人會把 Gulp 與 Webpack 傻傻分不清楚，當然我自己也是，在我還沒撰寫 Webpack 文章之前我只覺得 Webpack 超級像 Gulp，但是寫過一次就發現完全是不同的東西，所以這邊就來介紹一下 Gulp 是什麼東西，而且我個人也滿喜歡 Gulp 開發的:D

EP-12-關於-Webpack-學習這件小事之 CSS 壓縮

這一篇文章應該要在前面的章節撰寫的，後來我發現我忘記 CSS 壓縮的套件要加入，所以這邊紀錄一下。

EP-11-關於-Webpack-學習這件小事之 prod 與 dev？

一般來講 Webpack 都會有兩種開發模式，一種是 prod 與 dev，這邊就來記錄一下該如何設置 prod 與 dev 吧!

EP 10 - 關於 Webpack 學習這件小事之測試單元

撰寫這篇文章的原因是因為自己的友站有撰寫了關於測試單元 (Unit Test) 的部分，那我也因為好奇所以就依照文章來試著玩看看吧~

學習不要預設目標及未來

EP 9 - 關於 Webpack 學習這件小事之打包圖片

接下來將會講解該如何打包圖片，但是打包圖片這邊有許多的雷點，在自己的友站就有提到「SCSS 可能會編譯失敗」，但是由於自己是採用 PUG Template，做法又有點不太一樣，所以這邊就來記錄一下吧

EP 8 - 關於 Webpack 學習這件小事之清除文件

EP 7 - 關於 Webpack 學習這件小事之使用 HTML Template （PUG 篇）

接下來將要來記錄我常用來切版的 HTML Template 語言，也就是 PUG，這邊並不會教學該如何撰寫 PUG 而是記錄該如何安裝 PUG 及編譯而已。