使用Gulp压缩HTML和CSS

---恢复内容开始---

今天我么继续压缩,但是今天的压缩和之前的不同了!可以说是第二种方法吧!

今天用Gulp来压缩HTML和CSS!

1.首先我们先来安装GUlp:先安装全局gulp

2.然后是开发的依赖:

然后下载你需要的那个任务插件:下面是下载htmlmin的因为之前我已经下过压缩CSS的了!所以就不示范CSS的了;

只需要把里面的htmlmin换成cssmin在按回车就行,如果网速可以的话,不到5秒就下载完成了!

3.在项目的根目录下创建一个名为Gulpfile.js的文件

代码如下:

 //引入依赖
 var gulp = require("gulp");
 //引入插件
 var cssmin = require('gulp-cssmin'); //压缩CSS
 var htmlmin = require('gulp-htmlmin'); //压缩html
 //配置任务
 gulp.task('css', function() {
     gulp.src('development/CSS/*.css')
         .pipe(cssmin())
         .pipe(gulp.dest('mincss'))
     //        {compatibility: 'ie8'}  兼容ie8
 }); gulp.task('htmlmin', function() {
     var options = {
         removeComments: true, //清除HTML注释
         collapseWhitespace: true, //压缩HTML
         minfyJS: true,//压缩JS
         minfyCss: true,//压缩CSS
     };
     gulp.src('development/tpl/index2.html')
　　　　　　　//压缩html
         .pipe(htmlmin(options))
         //压缩后的名字         .pipe(gulp.dest('htmlmin'))
 });

 //注册默认任务
 gulp.task('default', ['css','htmlmin']);

好啦!大概就是这样!下一篇我们说Gulp来压缩img!

---恢复内容结束---