gulp-htmlmin压缩html的gulp插件实例代码
作者：tpf1220 发布时间：2023-08-06 01:20:18
标签：gulp,html,min
通过一条命令用Npm安装gulp-htmlmin:
npm install gulp-htmlmin --save-dev
安装完毕后，打开gulpfile.js文件，我们里面编写一个task用来专门压缩html,并对html进行一系列的处理：
var gulp = require('gulp');
var htmlmin = require('gulp-htmlmin');
gulp.task('html',function(){
var options = {
collapseWhitespace:true,
collapseBooleanAttributes:true,
removeComments:true,
removeEmptyAttributes:true,
removeScriptTypeAttributes:true,
removeStyleLinkTypeAttributes:true,
minifyJS:true,
minifyCSS:true
};
gulp.src('app/**/*.html')
.pipe(htmlmin(options))
.pipe(gulp.dest('dest/'));
});
我们看到task里面有个设置选项，分别介绍一下他们的属性的作用：
1.collapseWhitespace:从字面意思应该可以看出来，清除空格，压缩html，这一条比较重要，作用比较大，引起的改变压缩量也特别大；
2.collapseBooleanAttributes:省略布尔属性的值，比如：<input checked="checked"/>,那么设置这个属性后，就会变成 <input checked/>;
3.removeComments:清除html中注释的部分，我们应该减少html页面中的注释。
4.removeEmptyAttributes:清除所有的空属性，
5.removeSciptTypeAttributes:清除所有script标签中的type="text/javascript"属性。
6.removeStyleLinkTypeAttributes:清楚所有Link标签上的type属性。
7.minifyJS:压缩html中的javascript代码。
8.minifyCSS:压缩html中的css代码。
总之，压缩Html的原则就是清除没用的代码，删除本就默认值的属性，将html压缩的最小，这样才能提高项目运行的性能。
0
投稿猜你喜欢
- 工作中有时候需要对vgg进行定制化处理，比如有些时候需要借助于vgg的层结构，但是需要使用的是2 channels输入，等等需求，这时候可以
pycharm是编辑python很好使用的工具。下面看看如何安装pycharm工具/原料：pycharm安装包方法/步骤：在网上下载pych- 用mysqldump和source可以使用这种方式导出数据：mysqldump -urott -P5678 --default-charac
- 本文实例讲述了php设计模式之正面模式。分享给大家供大家参考，具体如下：星际里面的战斗都是在地图上进行的，只要我们可以编辑地图，就可以创造一
- (1) 我们先用arange函数创建一个数组并改变其维度，使之变成一个三维数组：>>> a = np.arange(24)
- 在数据库中，对性能影响最大的包括数据库的锁策略、缓存策略、索引策略、存储策略、执行计划优化策略。索引策略决定数据库快速定位数据的效率，存储策
- 本文较为深入的探究了php中in_array函数用法。分享给大家供大家参考。具体如下：今天突然想到php中的in_array函数有个其怪的用
- 近期，一直在研究MySQL数据库，经常修改配置文件，导致MySQL数据库无法使用，不得不反复重装MySQL数据库。以下是在Windows7
- 一、需求：有三张表，学生表、成绩表和课程表，我们可以通过连表查询出学生姓名、课程及对应的成绩： 所需表sql-- -------------
- 本文实例讲述了Python实现监控Nginx配置文件的不同并发送邮件报警功能。分享给大家供大家参考，具体如下：因为项目中经常涉及到多个Ngi
- 1. ES6的新特性 允许将对象或者数组'分解'成多个单独的值, 以对象的解构开始. &
- 前言Python 有 while 语句和 for 语句作为循环处理。虽然 for 语句具有一定数量的进程，但 while 语句是『直到满足条
- 一、简介shutil是 python 中的高级文件操作模块，与os模块形成互补的关系，os主要提供了文件或文件夹的新建、删除、查看等方法，还
- 合成微缩效果前言图像中的模糊效果可以强烈影响被拍摄场景的感知，模糊在传达所需的尺寸和距离感方面起着重要作用。合成微缩 (miniature
- 实现的功能：在win7下，每天晚上1点，自动将 F:/data中所有文件进行压缩，以[mongodb+日期]命名，将压缩好的文件存储在本地目
- 进程与线程想象在学校的一个机房，有固定数量的电脑，老师安排了一个爬虫任务让大家一起完成，每个学生使用一台电脑爬取部分数据，将数据放到一个公共
- 游戏规则：一付扑克牌，去掉大小王，每个玩家发3张牌，最后比大小，看谁赢。有以下几种牌：豹子：三张一样的牌，如3张6.顺金：又称同花顺，即3张
- 照例使用XMLhttp同步方式获取数据,可是由于网络不稳定,经常造成'死锁'状况,既send之后一直不返回服务器结果,也不出
- 目录产生背景（已经有了存储过程，为什么还要使用自定义函数）发展历史构成使用方法适用范围注意事项疑问 内容产生背景（已经有了存储过程，为什么还
- PS: 传送门——自定义Colorbars教程自定义colorbar（draw colorbar w
