gulp-config

The Gulp Streaming

Installation

Firstly

yarn add gulp gulp-clean

secondly

yarn add --dev node-sass gulp-sass gulp-autoprefixer gulp-clean-css jshint gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-cache gulp-rename gulp-notify

Styles Packages

node-sass, gulp-sass

編譯 SASS

gulp-autoprefixer

自動補足 css 樣式，以利處理瀏覽器(前綴)問題

gulp-clean-css

最小化 CSS

Scripts Packages

gulp-jshint, jshint

輕量化的 JSLint

gulp-uglify

最小化 JavaScript

Images Packages

gulp-imagemin

最小化圖檔

gulp-cache

快取，確保在 imagemin 新建或者修改過的圖片才會被壓縮了

Others Packages

gulp-clean

刪除檔案、資料夾

gulp-concat

串接 File, 減少請求

gulp-notify

處理通知

gulp-rename

重新命名

gulp-copy

複製文件到新目的地