各种插件按需求自己选择，各自功能如下：
1.babel-core babel-preset-es2015 gulp-babel 用于解析es6转换为es5
2.browser-sync 服务器同步浏览
3.gulp-autoprefixer 根据设置浏览器版本自动处理浏览器前缀
4.gulp-cache 图片快取，只有更改过得图片会进行压缩
5.gulp-clean 清空文件夹
6.gulp-cssnano 压缩CSS代码
7.gulp-htmlmin 压缩html
8.gulp-imagemin 图片压缩
9.gulp-load-plugins 自动加载（超级有用 省去一大堆代码）
10.gulp-plumber 管道工 不会让错误爆出来 继续执行
11.gulp-sass 预编译Sass
12.gulp-size 统计管道里面内容的大小的,上面是用它来显示出压缩前后的大小用来对比用
13.gulp-sourcemaps 当压缩的JS出错，能根据这个找到未压缩代码的位置 不会一片混乱代码
14.gulp-uglify JS压缩
15.gulp-useref 将html引用顺序的CSS JS 变成一个文件
例如： <script src="1.js"></script><script src="2.js"></script> 最后变成<script src="main.js"></script>
16.gulp-rev-append html引用添加版本号
17.main-bower-files 找到bower.json里配置的 overrides 下配置的main下的路径
18.wiredep 在.html文件会把默认bower.json的配置自动注入到下面标签中去
网友评论