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

前言

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

Gulp 能吃嗎?

首先 Gulp 的代表性圖片是一杯飲料

Gulp

其實會在許多地方看到 Gulp 這個工具,那 Gulp 到底是什麼東西? Gulp 其實是一個自動化工具,它會依照任務 (task) 順序來執行,你可以把它想像成你必須把一杯飲料喝完你才能喝下一杯的概念,當然也有人會把它形容是一個水管工,因為 Gulp 可以像水管一樣一直接下去

水管工

為什麼要學 Gulp?

Gulp vs Webpack 這個話題絕對是最常被拿出來做比較的,如果你真的很好奇你可以看看這篇文章 前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上

對於前端開發者而言,其實多學一個技能也是替自己多一個機會,所以下一篇會正式開始講解開如何安裝及撰寫 Gulp 唷~

但是在那之前我們可以先準備幾個東西

  • nodejs
  • 文字編輯器(推薦 VS Code)

由於 Gulp 背後的程式是 Nodejs,所以一定要記得先安裝唷~

(建議安裝 LTS,不要安裝 Current,避免出現一些奇怪的問題)

LTS: 穩定版也就是長期維護版
Current: 先行版也就是目前最新版

Nodejs官網-英文

Nodejs官網-繁體中文