gulp-package-list
列举一些常用的 gulp package
具体介绍可以进到官方页面npm进行搜索
基础
gulp-if -- 逻辑判断
gulp-imagemin -- 压缩常见的图片格式
gulp-uglify -- 压缩 javasricpt
gulp-csscomb cssnano -- 压缩 css
gulp-concat -- 合并文件
gulp-autoprefixer -- 给 CSS 增加前缀
gulp-rename -- 修改文件名称
run-sequence -- 同步运行任务插件
del gulp-clean -- 删除文件/文件夹
gulp-jshint -- javasricpt 代码检查
gulp-sourcemaps -- 处理 JavaScript less 时生成 SourceMap
gulp-sass -- 编译sass文件
gulp-less -- 编译less文件
gulp-stylus -- 编译stylus文件
gulp-coffee -- 编译CoffeeScript文件
gulp-typescript -- 编译TypeScript文件
gulp-babel -- 编译ES6
进阶
gulp-flatten -- 移动指定文件
gulp-markdown gulp-html2md -- 把 Markdown => HTML
gulp-plumber -- 错误监听 可以阻止 gulp 插件发生错误导致进程退出并输出错误日志
gulp-notify -- 在控制台中加入文字描述,展示错误信息
gulp-util -- 最基础的工具,打日志
gulp-clean && gulp-copy -- 移动复制文件
gulp-rev -- 文件版本 name.js => name.24332.js
gulp-imagemin && gulp-tinypng -- 图片压缩.
imagemin-pngquant -- 压缩png图片的插件.
gulp.spritesmith -- 合成sprite图片插件.
gulp-base64 -- 图片转换成Base64编码.
browserify -- 合并打包
browser-sync -- 起服务,自动刷新
gulp-rev-collector -- 给资源文件加时间戳(配合 gulp-rev 使用)
gulp-uncss -- 清理多余无用css
gulp-changed -- 只编译改动过的文件
gulp-postcss -- css 后处理器
cssgrace -- 生成兼容旧浏览器的各种 Hack(配合 gulp-postcss 使用)
gulp-replace -- 替换文件内容
gulp-useref -- js和css 资源进行合并输出(即html中js和css引入合并)
参考文献
gulp 中文网
gulp 资料
gulp 简体中文文档
gulp 常用插件
gulp awesome
gulp awesome cn