接下來要講的是本地開發時常常會使用到的 browser-sync，利用 browser-sync 我們可以立即的在自己本機在模擬伺服器
當我們 task 越寫越多的時候，我們通常都會希望能夠一個指令執行所有 task，不然每次都要 gulp scss、gulp babel...
前面講了 HTML、CSS、JS，可是這邊唯獨缺少圖片，所以這邊會講一下加入圖片的功能，但是基本上圖片很簡單，所以這章節就順便講講圖片壓縮
接下來將針對 JS 加入一個壓縮功能，那壓縮的時機僅限於 prod 的模式，所以這邊紀錄一下該如何使用
有時候我們會將 JavaScript 分成數個檔案來寫，但是實際開發環境下是只會載入一隻，所以這邊紀錄一下該如何透過 Gulp 來合併 js 檔吧!
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
接下來將會安裝 Bebal 這個套件工具，這個套件工具可以幫助我們將 ES6 編譯成瀏覽器可以執行的 JavaScript
目前我們還沒加入 bebal 等等任務工具，但是就可以發現越來越多 require，所以這邊就來介紹該如何簡化 Gulp 流程
其實壓縮及優化 CSS 的功能在安裝 PostCSS 篇就已經加入了，所以這邊要介紹的是如何加入判斷 dev 與 prod
好的，又來到一個新的章節，這章節要來安裝 PostCSS，搭配前面的 SCSS，一起實作。
前面大致上也已經學會基礎的語法，接下來要來講講該如何替自己的 Gulp 加入 Sass/SCSS 處理吧!
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ