入門指南
http://www.gulpjs.com.cn/
http://www.gulpjs.com.cn/docs/getting-started/
前端構(gòu)建工具gulpjs的使用介紹及技巧

插件庫
https://www.npmjs.com/search
http://gulpjs.com/plugins/
gulp-usemin : https://www.npmjs.com/package/gulp-usemin

gulp教程之gulp中文API
http://www.ydcss.com/archives/424
gulp詳細(xì)入門教程
http://www.ydcss.com/archives/18
http://jingyan.baidu.com/article/14bd256e7f7d7fbb6d2612c4.html

gulp教程之gulp-imagemin：
http://www.ydcss.com/archives/26
深度壓縮圖片: http://fanli7.net/a/JAVAbiancheng/ANT/20160508/561425.html
gulp-imagemin github文檔

Gulp使用指南
http://www.techug.com/gulp

gulp-htmlmin壓縮html
http://www.jb51.net/article/85973.htm

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    imagemin = require('gulp-imagemin');

/* 定義builtSass任務(wù) */
gulp.task('builtSass', function () {
    gulp.src(['static/**/*.scss'])   /* 任務(wù)源文件 */
        .pipe(sass())                /* 任務(wù)調(diào)用模塊 */
        .pipe(gulp.dest('static'));  /* 任務(wù)目標(biāo)文件導(dǎo)出目錄 */
});

/* 定義watchSass任務(wù) */
gulp.task('watchSass', function () {
    return gulp.watch('static/**/*.scss',['builtSass'])  /* 監(jiān)聽scss文件 */
});


gulp.task('testImagemin', function () {
    gulp.src('static/**/*.{png,jpg,jpeg,gif,bmp,ico}')
        .pipe(imagemin())
        .pipe(gulp.dest('static'));
});

gulp.task('default',['builtSass','watchSass','testImagemin']);

紅包項目的gulpfile.js

var gulp = require('gulp'),
    imagemin = require('gulp-imagemin'),
    htmlmin = require('gulp-htmlmin');


gulp.task('builtImagemin', function () {
    gulp.src('develop/**/*.{png,jpg,jpeg,gif,bmp,ico}')
        .pipe(imagemin({
            optimizationLevel: 5, //類型：Number  默認(rèn)：3  取值范圍：0-7（優(yōu)化等級）
            progressive: true, //類型：Boolean 默認(rèn)：false 無損壓縮jpg圖片
        }))
        .pipe(gulp.dest('master'));
});

gulp.task('builtHtmlmin', function () {
    gulp.src('develop/**/*.html')
        .pipe(htmlmin({
            collapseWhitespace:true,
            collapseBooleanAttributes:true,
            removeComments:true,
            removeEmptyAttributes:true,
            removeScriptTypeAttributes:true,
            removeStyleLinkTypeAttributes:true,
            minifyJS:true,
            minifyCSS:true
        }))
        .pipe(gulp.dest('master'));
});

gulp.task('default',['builtImagemin','builtHtmlmin']);

/**
 * Created by yetao on 2017/6/7.
 *
 */
var gulp = require('gulp'),
    sass = require('gulp-sass');
    rubySass = require('gulp-ruby-sass');


var _project = "July88Sass";
var _projectPath = "July88";
module.exports.name = _project;

module.exports.func = function(){
        
        var sourcePath = _projectPath+'/',
            targetPath = '../../master/app/'+_projectPath+'/';
        //gulp-ruby-sass
        gulp.task('builtRubySass', () =>
            rubySass(sourcePath+'css/*.scss')
                .on('error', sass.logError)
                .pipe(gulp.dest(sourcePath+'css/'))
        );
        //gulp-sass
        gulp.task('builtSass', function () {
            gulp.src([sourcePath+'css/*.scss'])   /* 任務(wù)源文件 */
                .pipe(sass())                /* 任務(wù)調(diào)用模塊 */
                .pipe(gulp.dest(sourcePath+'css/'));  /* 任務(wù)目標(biāo)文件導(dǎo)出目錄 */
        });

        gulp.task('watchSass', function () {
            gulp.watch(sourcePath+'css/*.scss',['builtRubySass'])  /* 監(jiān)聽scss文件 */
        }());

        console.log('watching');
        return ;
}

module.exports.op = function () {
    gulp.task(_project, this.func);
}

安裝已有項目
cnpm install