gulpfile.js

/**
*
* gulpfile.js
*
* 采用Gulp构建项目
*
* 作者: 魏国兴
* 日期: 20160412
*
* 组件安装
* npm install gulp gulp-jshint gulp-minify-css gulp-uglify gulp-rename gulp-concat gulp-clean  gulp-html-replace --save-dev
*
* 运行
* gulp
*
*/

// 引入 gulp及组件
var gulp    = require('gulp'),                 //基础库
minifycss = require('gulp-minify-css'),    //css压缩
jshint = require('gulp-jshint'),           //js检查(这里并没有使用校验模块,有待优化)
uglify  = require('gulp-uglify'),          //js压缩
rename = require('gulp-rename'),           //重命名
concat  = require('gulp-concat'),          //合并文件
clean = require('gulp-clean'),             //清空文件夹
htmlmin = require('gulp-htmlmin'),         //压缩HTML
htmlreplace = require('gulp-html-replace');//替换HTML中的路径

// 样式处理
gulp.task('css', function () {
    var cssSrc = ['./css/reset.css', './css/calendar.css'],
    cssDst = './dist/css';

    gulp.src(cssSrc)
    .pipe(concat('calendar.min.css'))
    .pipe(minifycss())
    .pipe(gulp.dest(cssDst));
});

// 图片处理
gulp.task('img', function(){
    var imgSrc = './img/*',
    imgDst = './dist/img';
    gulp.src(imgSrc)
    .pipe(gulp.dest(imgDst));
})

// js处理
gulp.task('js', function () {
    var jsSrc = ['./data/*.js','./js/*.js'],
    jsDst ='./dist/js';

    gulp.src(jsSrc)
    .pipe(concat('calendar.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest(jsDst));
});

// 替换html的路径
gulp.task("html", function(){
    var htmlSrc = './*.html',
    htmlDst ='./dist';

    return gulp.src(htmlSrc)
    .pipe(htmlreplace({
        'css':'css/calendar.min.css',
        'js': 'js/calendar.min.js'
    }))
    .pipe(htmlmin({
        removeComments: true,
        collapseWhitespace: true,
    }))
    .pipe(gulp.dest(htmlDst));

});

// 清空图片、样式、js
gulp.task('clean', function() {
    gulp.src(['./dist/*.html','./dist/css/*', './dist/data/*','./dist/js/*','./dist/img/*'], {read: false})
    .pipe(clean());
});

// 默认任务 清空图片、样式、js并重建 运行语句 gulp
gulp.task('default', ['clean'], function(){
    // 延时500ms,清除目录有一定延时
    setTimeout(function(){
        gulp.start('html','css','img','js');
    },500);
});