gulp教程之gulp-htmlmin压缩html

我们可以使用gulp-htmlmin压缩html，可以压缩页面javascript、css，去除页面空格、注释，删除多余属性等操作。
本地安装gulp-htmlmin
安装：命令提示符执行 cnpm install gulp-htmlmin –save-dev
注意：没有安装cnpm请使用 npm install gulp-htmlmin –save-dev。
说明：–save-dev 保存配置信息至 package.json 的 devDependencies 节点。

配置gulpfile.js

var gulp = require('gulp'),htmlmin = require('gulp-htmlmin');gulp.task('testHtmlmin', function () {var options = {removeComments: true,//清除HTML注释collapseWhitespace: true,//压缩HTMLcollapseBooleanAttributes: true,//省略布尔属性的值 <input checked="true"/> ==> <input />removeEmptyAttributes: true,//删除所有空格作属性值 <input id="" /> ==> <input />removeScriptTypeAttributes: true,//删除<script>的type="text/javascript"removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"minifyJS: true,//压缩页面JSminifyCSS: true//压缩页面CSS};gulp.src('src/html/*.html').pipe(htmlmin(options)).pipe(gulp.dest('dist/html'));
});

命令提示符执行：gulp testHtmlmin

本文参考：http://www.ydcss.com/archives/20

gulp教程之gulp-htmlmin压缩html相关推荐

gulp教程之gulp-imagemin（gulp-imagemin压缩图片文件）
原文:http://www.ydcss.com/archives/26 简介: 使用gulp-imagemin压缩图片文件(包括PNG.JPEG.GIF和SVG图片),很多人安装gulp-imagem ...
gulp教程之gulp-imagemin压缩图片
简介: 使用gulp-imagemin压缩图片文件(包括PNG.JPEG.GIF和SVG图片),很多人安装gulp-imagemin都会出现错误,我也查了很多资料,也不知道所以然,我的做法是出错再重新 ...
gulp教程之gulp-minify-css【gulp-clean-css】
原文:http://www.ydcss.com/archives/41 简介: 使用gulp-minify-css压缩css文件,减小文件大小,并给引用url添加版本号避免缓存.重要:gulp-min ...
gulp教程之gulp-uglify
本文链接:http://www.ydcss.com/archives/54 简介: 使用gulp-uglify压缩javascript文件,减小文件大小. 1.安装nodejs/全局安装gulp/项目 ...
gulp教程之gulp-concat
简介: 使用gulp-concat合并javascript文件,减少网络请求. 1.安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件本示 ...
gulp教程之gulp-autoprefixer
现在浏览器的种类很多,不同浏览器的内核不同,同一浏览器也有很多不同的版本,很多css属性为了兼容浏览器需要加上特定的前缀,比如chrome的前缀是-webkit-,firefox前缀是-moz-等. ...
gulp 压缩html内的js,gulp实战技巧之gulp-uglify压缩js
摘要: 前面讲了压缩css的几款插件,这篇就介绍下压缩js的一款插件--gulp-uglify.使用gulp-uglify可以压缩我们的js代码,也可以使用其提供的混淆功能对代码进行简单的混淆,注意是 ...
基于 gulp 的 fancybox 源码压缩
前不久,处理生信分析的网页版自动化报告时候就使用过 fancybox,今天在优化个人博客,为博文增加图片缩放效果,解决一些滚动条问题时,才从 fancybox 的 Github 源码中接触到 gulp ...
续Gulp使用入门三步压缩CSS
gulp 压缩css 一.安装 gulp-minify-css 模块提示:你需要使用命令行的 cd 切换到对应目录后进行安装操作. 在命令行输入 npm install gulp-minify-cs ...

gulp教程之gulp-htmlmin压缩html

gulp教程之gulp-htmlmin压缩html相关推荐

最新文章

热门文章