gulpfile.js

gulp setting for pack

var gulp =require('gulp'),
    useref = require('gulp-useref'),
    uglify = require('gulp-uglify'),
    cleancss = require('gulp-clean-css'),
    rev = require('gulp-rev'),
    revReplace = require('gulp-rev-replace'),
    gulpif = require('gulp-if');

gulp.task('pack', function () {
    return gulp.src('./src/**/*.html')
        .pipe(useref())             //pack the file in index.html with build comment
        .pipe(gulpif('*.js', uglify()))       // minify js
        .pipe(gulpif('*.js', rev()))          // append hash to the packed js file
        .pipe(gulpif('*.css', cleancss()))    // minify css
        .pipe(gulpif('*.css', rev()))         // append hash to the packed js file
        // substitute the useref filename with the hash filename in index.html
        .pipe(revReplace())
        .pipe(gulp.dest('dist'));
};   

gulp.task('default', ['pack']);