基础支持 - 压缩CSS ¶

• 作者：KK

• 发表日期：2016.6.23

其实压缩CSS和压缩JS的道理是一样的，把代码换一换就能工作

就像gulp-uglify模块实现压缩JS一样，压缩CSS也需要一个模块，就是gulp-mini-css，废话一下安装命令

cd 项目目录
npm install --save-dev gulp-mini-css 

不cd到项目目录信不信我打屎你

压缩CSS ¶

关键代码：

var mincss = require('gulp-mini-css');
	
gulp.src('./src/**/**.css')
	.pipe(mincss())
	.pipe(gulp.dest('./dist'))

监听同步 ¶

watch('./src/**/**.css')
	.on('add', function(file){
		console.log(file + ' 添加');
		gulp.src(file, {base : './src'})
			.pipe(mincss())
			.pipe(gulp.dest('./dist'));
	})
	.on('change', function(file){
		console.log(file + ' 修改');
		gulp.src(file, {base : './src'})
			.pipe(mincss())
			.pipe(gulp.dest('./dist'));
	})
	.on('unlink', function(file){
		console.log(file + ' 删除');
		var distFile = './dist/' + path.relative('./src', file); //计算相对路径
		fs.existsSync(distFile) && fs.unlink(distFile);
	});