共 983 篇文章，繼續加油！
目前我們還沒加入 bebal 等等任務工具，但是就可以發現越來越多 require，所以這邊就來介紹該如何簡化 Gulp 流程
其實壓縮及優化 CSS 的功能在安裝 PostCSS 篇就已經加入了，所以這邊要介紹的是如何加入判斷 dev 與 prod
好的，又來到一個新的章節，這章節要來安裝 PostCSS，搭配前面的 SCSS，一起實作。
前面大致上也已經學會基礎的語法，接下來要來講講該如何替自己的 Gulp 加入 Sass/SCSS 處理吧!
前面已經將環境、專案目錄及 Gulp 已經準備好了，接下來就是瞭解基礎的 Gulp 撰寫。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
前一篇已經稍微瞭解 Gulp 是什麼東西，那這篇就會開始從頭教學安裝 Gulp，另外這邊會開著 CMD 來操作許多動作，所以記得先開起來唷!
在早期我接觸前端第一個靜態網頁開發工具就是 Gulp，往往許多人會把 Gulp 與 Webpack 傻傻分不清楚，當然我自己也是，在我還沒撰寫 Webpack 文章之前我只覺得 Webpack 超級像 Gulp，但是寫過一次就發現完全是不同的東西，所以這邊就來介紹一下 Gulp 是什麼東西，而且我個人也滿喜歡 Gulp 開發的:D
這一篇文章應該要在前面的章節撰寫的，後來我發現我忘記 CSS 壓縮的套件要加入，所以這邊紀錄一下。
一般來講 Webpack 都會有兩種開發模式，一種是 prod 與 dev，這邊就來記錄一下該如何設置 prod 與 dev 吧!
撰寫這篇文章的原因是因為自己的友站有撰寫了關於測試單元 (Unit Test) 的部分，那我也因為好奇所以就依照文章來試著玩看看吧~
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ