使用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
});32 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))
        //压缩后的名字44         .pipe(gulp.dest('htmlmin'))
});

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

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

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