前端构建之--gulp

Posted 2020-11-07 pei~乐悠悠

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