码迷,mamicode.com
首页 > 其他好文 > 详细

gulp配置备份

时间:2016-01-06 13:42:37      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

// 引入 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‘]);
});

 

gulp配置备份

标签:

原文地址:http://www.cnblogs.com/xiaojiu9/p/5105000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!