分類: Gulp

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 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

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

其實壓縮及優化 CSS 的功能在安裝 PostCSS 篇就已經加入了，所以這邊要介紹的是如何加入判斷 dev 與 prod

2019-06-10 2 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

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

好的，又來到一個新的章節，這章節要來安裝 PostCSS，搭配前面的 SCSS，一起實作。

2019-06-10 3 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

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

前面大致上也已經學會基礎的語法，接下來要來講講該如何替自己的 Gulp 加入 Sass/SCSS 處理吧!

2019-06-10 2 分鐘閱讀

閱讀全文

Node.js Gulp Gulp 4

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

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

2019-06-10 2 分鐘閱讀

閱讀全文