前端構建之--gulp
gulp相關插件:
1、del 刪除文件,用於清空文件
2、browser-sync 用於自動刷新瀏覽器
3、gulp-htmlmin 用於壓縮html
4、gulp-clean-css 壓縮css
5、gulp-uglify 壓縮js
6、gulp-replace 替換路徑
7、gulp-base64 將小圖背景圖轉換為base64的形式,可以自己設置最大多少尺寸轉為base64
8、gulp-imagemin 壓縮圖片大小
9、gulp-eslint 檢查Js語法錯誤
10、gulp-sass
11、gulp-ng-constant
12、gulp-rename
13、gulp-util
14、gulp-changed
15、gulp-plumber
16、gulp-rev
17、gulp-if
18、gulp-plumber
19、gulp-inject
20、run-sequence
21、gulp-natural-sort
yargs: 嚴格的說,yargs不是專門用於gulp的,它是Node中處理命令行參數的通用解決方案,只要一句代碼var args = require(‘yargs‘).argv;
就可以讓命令行的參數都放在變量args上,非常方便。它處理的參數類型也是多種多樣的:
單字符的簡單傳參,如傳入-m=5 或 -m 5, 則可以得到args.m=5;
多字符傳參(必須使用雙連字符),如傳入--test=5 或 --test 5, 則可以得到args.test =5。
不帶值的參數,如傳入--mock, 則會被認為是布爾類型的參數,可得到args.mock=true。
除此之外,還支持很多其他類型的傳參方式,具體參考文檔https://www.npmjs.com/package/yargs
gulp-angular-templatecache
gulp-angular-filesort
main-bower-files
event-strean
proxy-middleware
前端構建之--gulp