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
複製文件到新目的地