gulp各种实用插件整理

各种插件按需求自己选择,各自功能如下:

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 变成一个文件

例如: 最后变成

16.gulp-rev-append html引用添加版本号

17.main-bower-files 找到bower.json里配置的 overrides 下配置的main下的路径

18.wiredep 在.html文件会把默认bower.json的配置自动注入到下面标签中去

你可能感兴趣的:(gulp各种实用插件整理)