建立專案 step by step

這個章節會列出幾個常用的套件，大多是每個前端都會需要的工具，當然有其他個人需求的話也可以到 npm 找尋適合自己的套件。套件選擇上我會看右側的狀態表，盡量選擇發布或更新日期較新的，再來就是看使用人數的多寡，相對來說會比較穩定。

• gulp-htmlmin：壓縮 HTML

• gulp-clean-css：壓縮 CSS

• gulp-uglify：壓縮 javascript

• gulp-imagemin：壓縮圖片

• gulp-concat：合併多個檔案

• browser-sync：瀏覽器同步檢視

gulp 基本指令

• gulp.task()：定義任務，可自訂名稱

• gulp.src()：檔案來源

• gulp.dest()：處理後的檔案輸出位置

• gulp.pipe()：串流來源檔案到另個外掛

• gulp.watch ()：監控任務，當檔案有更動時，便會執行相對應的任務