gulp配置备份

// 引入 gulp
var gulp = require('gulp');

// 引入组件
var clean = require('gulp-clean'); //- 清除
var sass = require('gulp-sass'); //- sass编译
var concat = require('gulp-concat'); //- 合并
var uglify = require('gulp-uglify'); //- 压缩JS
var minify = require('gulp-minify-css'); //- 压缩CSS
var rev = require('gulp-rev'); //- 对文件名加MD5后缀
var revCollector = require('gulp-rev-collector'); //- 路径替换
var compass = require('gulp-compass'); //compass
var cssSpriter = require('gulp-css-spriter'); //CSS雪碧图
var tinypng = require('gulp-tinypng'); //tinypng图片压缩

//清除资源
gulp.task('clean',function(){
gulp.src(['./js/*.js'],['./css/*.css'],{read:false})
.pipe(clean())
})

//编译Sass
gulp.task('sass',['clean'], function() {
gulp.src('./sass/*.scss')
.pipe(sass())
.pipe(minify())
.pipe(gulp.dest('./css'));
});

//compass
gulp.task('compass', function() {
var timestamp = +new Date();
gulp.src('./sass/*.scss')
.pipe(compass({
config_file: './config.rb',
css: 'css',
sass: 'sass'
}))
.pipe(cssSpriter({
// 生成的spriter的位置
spriteSheet: './dist/images/sprite'+timestamp+'.png',
// 生成样式文件图片引用地址的路径
// 如下将生产：backgound:url(../images/sprite20324232.png)
pathToSpriteSheetFromCSS: '../images/sprite'+timestamp+'.png'
}))
.pipe(gulp.dest('./css'));
});

// 合并，压缩文件
gulp.task('concat', function() {
gulp.src('./js/*.js')
.pipe(concat('all.js'))
.pipe(uglify())
.pipe(gulp.dest('./js'));
// .pipe(rev.manifest());
// .pipe(gulp.dest('./rev'));
});
//给链接添加版本号，清除缓存
// gulp.task('rev', function() {
//     gulp.src(['./rev/*.json', './application/**/header.php'])   //- 读取 rev-manifest.json 文件以及需要进行css名替换的文件
//         .pipe(revCollector())                                   //- 执行文件内css名的替换
//         .pipe(gulp.dest('./application/'));                     //- 替换后的文件输出的目录
// });
//图片压缩
gulp.task('tinypng', function () {
gulp.src('./images/*')
//https://tinypng.com/developers 获取API_KEY
//https://tinypng.com/developers/subscription 一个月免费500张图片
.pipe(tinypng('P3A2Pul7IHVFIFpJfJ6kMNhOlS6KbgfW'))
.pipe(gulp.dest('./dist/images'));
});

// 默认任务
gulp.task('default', function(){
gulp.watch(['./js/*.js','./sass/*.scss'], ['concat','compass']);
});