1. 程式人生 > >前端構建之--gulp

前端構建之--gulp

pro lar nat sync lint 壓縮CSS 方式 sas ural

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