今天用Gulp来压缩HTML和CSS!

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

2.然后是开发的依赖:

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

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

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

代码如下:

 1 //引入依赖
 2 var gulp = require("gulp");
 3 //引入插件
 5 var cssmin = require('gulp-cssmin'); //压缩CSS
 8 var htmlmin = require('gulp-htmlmin'); //压缩html
 9 //配置任务
20 gulp.task('css', function() {
22     gulp.src('development/CSS/*.css')
23         .pipe(cssmin())
24         .pipe(gulp.dest('mincss'))
25     //        {compatibility: 'ie8'}  兼容ie8
26 });32 gulp.task('htmlmin', function() {
33     var options = {
34         removeComments: true, //清除HTML注释
35         collapseWhitespace: true, //压缩HTML
36         minfyJS: true,//压缩JS
37         minfyCss: true,//压缩CSS
38     };
39     gulp.src('development/tpl/index2.html')
　　　　　　　//压缩html
40         .pipe(htmlmin(options))
41         //压缩后的名字44         .pipe(gulp.dest('htmlmin'))
45 });
46 
47 //注册默认任务
48 gulp.task('default', ['css','htmlmin']);

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

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

使用Gulp压缩HTML和CSS

今天用Gulp来压缩HTML和CSS!

推荐阅读