gulp配置文件

gulpfile.js

// include gulp

var gulp = require('gulp');

// include plug-ins

var changed = require('gulp-changed'); // 该插件的输出为新增加或修改过的文件
var imagemin = require('gulp-imagemin'); // 该插件用来压缩图片
var concat = require('gulp-concat'); // 该插件用来合并文件
var stripDebug = require('gulp-strip-debug'); // 该插件用来去掉console和debugger语句
var uglify = require('gulp-uglify'); // 该插件用来压缩js
var autoprefix = require('gulp-autoprefixer'); // 该插件用来自动给css添加前缀
var minifyCss = require('gulp-minify-css'); // 该插件用来压缩css
var rjs = require('gulp-requirejs'); // 在gulp中运行require.js optimizer
//var minifyHTML = require('gulp-minify-html'); // 该插件用来压缩html文件

/* 压缩图片
============================================================== */

// create imagemin-whimg task

gulp.task('imagemin-whimg', function() {
	var imgSrc = './whimg/**/*';
	var imgDst = './build/whimg';

	gulp.src(imgSrc)
		.pipe(changed(imgDst))
		.pipe(imagemin())
		.pipe(gulp.dest(imgDst));
});

// create imagemin-image task

gulp.task('imagemin-image', function() {
	var imgSrc = './image/**/*';
	var imgDst = './build/image';

	gulp.src(imgSrc)
		.pipe(changed(imgDst))
		.pipe(imagemin())
		.pipe(gulp.dest(imgDst));
});

// create imagemin-img task

gulp.task('imagemin-img', function() {
	var imgSrc = './img/**/*';
	var imgDst = './build/img';

	gulp.src(imgSrc)
		.pipe(changed(imgDst))
		.pipe(imagemin())
		.pipe(gulp.dest(imgDst));
});

/* 去掉js文件的console,然后压缩
===================================================================== */

gulp.task('scripts', function() {
	var jsSrc = './js/**/*.js';
	var jsDst =  './build/js/';

	gulp.src(jsSrc)
		.pipe(stripDebug())
		.pipe(uglify())
		.pipe(gulp.dest(jsDst));
});

/* 自动增加css前缀，压缩css
===================================================================== */

gulp.task('styles', function() {
	var cssSrc = './css/*.css';
	var cssDst = './build/css/';

	gulp.src(cssSrc)
		.pipe(autoprefix('last 2 versions'))
		.pipe(minifyCss())
		.pipe(gulp.dest(cssDst));
});

/* 压缩html
===================================================================== */

// gulp.task('htmlpage', function() {
// 	var htmlSrc = './*.jsp';
// 	var htmlDst = './build';

// 	gulp.src(htmlSrc)
// 		.pipe(changed(htmlDst))
// 		.pipe(minifyHTML())
// 		.pipe(gulp.dest(htmlDst));
// });


/* automate tasks
===================================================================== */

gulp.task('default', ['imagemin-whimg', 'imagemin-image', 'imagemin-img', 'scripts', 'styles'], function () {
	// body...
});