gulp插件功能总结

gulp插件功能

总结一下gulp插件的功能用法
1.gulp-less
less转css功能；
2.gulp-autoprefixer
给css添加浏览器私有化前缀
3.gulp-cssmin加粗样式
压缩css,把注释换行消除；
4.gulp-rename
重命名文件名；
5.gulp-imagemin
图片压缩功能
6.gulp-uglify
js压缩功能
7.gulp-concat
合并文件
8.gulp-htmlmin
压缩html文件
9.gulp-rev
添加版本号，也就是修改文件名，解决浏览器缓存机制用的
版本号为md5加密字符,默认有32位，一般取一部分就可以了；
这个插件其实就是把我们的文件内容生成一个加密串，取加密串的一部分重新定义一个名，
当文件没有被修改过得时候会有一个md5/32位的字符，只要文件修改过加密字符就会自动改变
从而达到了我们解除浏览器缓存机制的问题；
10.gulp-rev-collector
a)内容替换，
b)由于修改过的文件名插件在我们index.html页面没有被修改，所以就会导致引入引不进来，所以需要替换；
c)比如原来的index.html页面引入的是css.css，结果加了版本号了变成css.css?dfffdfddfd；所以必须一致才能引入啊；
11.gulp-useref
a)利用bulid注释开始结束包裹起来两个文件，把这个文件传递给useref函数的时候，useref就会去index.html页面找bulid标记的地方，找到以后实现合并的操作；
b)在开头注释可以指定路径以及合并的名字；
12.gulp-if
a).当我们使用useref去寻找注释的时候，if插件会帮我们做一个判断，到底去找css的注释还是js的注释，假如你是js的时候，我在调用另一个压缩插件，对我们的合并后的js插件进行压缩操作；
b)如果是css注释不调用；
c)If就是一个判断注释是js还是其他类型的条件，判断后可以在做其他插件功能；