gulp经常使用组件【study笔记】

// 项目控件引入//及对应的说明
var gulp = require('gulp');
var less = require('gulp-less'); //less编译
var concat = require('gulp-concat'); //CSS 合并
var cleanCss = require('gulp-clean-css'); //css压缩
var del = require('del'); //删除文件/文件夹
var babel = require('gulp-babel'); //ECMA6 -> ECMA5
var uglify = require('gulp-uglify'); //压缩js
var rename = require('gulp-rename'); //文件更名
var imagemin = require('gulp-imagemin'); //图片压缩
var spriter = require('gulp-css-spriter'); //将图片处理成 雪碧图【即多张图片资源处理成一张组合图】
var base64 = require('gulp-base64'); // 将url资源文件进行base64字节码处理
var browserSync = require('browser-sync').create(); //建立实例 ，浏览器实时快速响应文件更新自动刷新
var reload = browserSync.reload;
var rev = require('gulp-rev'); //版本控制
var revCollector = require('gulp-rev-collector'); //版本控制 对（映射文件）对应修改
var notify = require('gulp-notify'); //消息通知//便可经过服务端向终端发送指定消息，通知等
var runSequence = require('run-sequence'); //项目操做流程控制前后顺序等【即控制task任务执行顺序】

GulpTaskDemo

实例地址 GitHub

一个简单的gulp实例Demo，经过run-Sequence控制项目流程 分别建立了 开发环境服务和生产环境服务

项目中文件夹等说明

build 放置编译处理后发布的 即生产环境文件夹
src 中放置源代码/文件/静态资源等

git down下来的代码须要 进行 npm install 安装一下package.json中相应组件