Glup 使用工具汇总

Posted by huangqing on June 12, 2019
  • gulp-concat:文件合并
  • gulp-connect:在本地开启一个websocket服务,使用liveReload实现实时更新
  • gulp-watch:监听文件的变化,配合connect实现服务自动刷新
  • gulp-plumber:实时更新错误不会导致终端gulp运行开启的服务断开
  • gulp-livereload:即时重整
  • gulp-clean:清理档案
  • gulp-load-plugins:自动加载插件
  • gulp-rename:重命名
  • gulp-filter:把stream里的文件根据一定的规则进行筛选过滤
  • gulp-flatten:文件目录扁平化

  • gulp-htmlmin:压缩html,可以压缩页面javascript、css,去除页面空格、注释,删除多余属性等操作
  • gulp-rev-append:使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存 + gulp-inject:将JS/CSS自动插入到HTML

  • gulp-sass:编译Sass
  • gulp-less:编译Less
  • gulp-stylus:编译Stylus
  • gulp-autoprefixer:根据设置浏览器版本自动处理浏览器前缀
  • gulp-minify-css:css压缩
  • gulp-uglify:css丑化混淆
  • gulp-csslint:cssLint

  • gulp-jshint:JSHint
  • gulp-eslint:esLint
  • gulp-typescript:编译typescript
  • gulp-sourcemaps:一个存储源代码与编译代码对应位置映射的信息文件,帮助调试

  • gulp-imagemin:图片压缩
  • gulp-iconfont: 制作字体图标
  • gulp-svg-sprite:制作svg图标,svg生成雪碧图
  • gulp-svgmin:svg压缩
  • gulp.spritesmith:制作png雪碧图
  • svg4everybody:解决所有的IE浏览器(包括IE11)不支持获得外链SVG文件某个元件