大口大口htmlmin压缩HTML的插件实例代码

使用一个命令来安装一htmlmin:新公共管理

安装吞htmlmin --节省开发新

安装后,打开gulpfile.js文件,我们写一个任务专门压缩HTML,并做了一系列的处理HTML。




VaR大口=需要('gulp);
无功htmlmin =需要('gulp-htmlmin);
Gulp.task('html,函数(){(){
var选项{ {
CollapseWhitespace:真的,
CollapseBooleanAttributes:真的,
removecomments:真,
removeemptyattributes:真,
removescripttypeattributes:真,
removestylelinktypeattributes:真,
minifyjs:真,
minifycss:真
};
Gulp.src('app / * * / *。HTML)
。管(htmlmin(选项))
。管(gulp.dest('dest ));
});


我们看到,在任务中有一组选项来分别描述它们的属性的角色。



1.collapsewhitespace:可以从字面意思看。清理空间和压缩HTML是非常重要的。效果比较大,压缩引起的变化也很大。



2.collapsebooleanattributes:省略了布尔属性的值,如:然后,设置此属性后,它将成为。



3.removecomments:清除HTML中的注释部分,我们应该减少在HTML页面中的注释。



4.removeemptyattributes:清除所有空的属性,



5.removescipttypeattributes:清除型=文本/ javascript属性在所有脚本标记。



6.removestylelinktypeattributes:明确标识的类型属性的所有链接标签。



7.minifyjs:压缩Javascript代码的HTML。



8.minifycss:压缩CSS在HTML代码。



总之,压缩html的原理是消除无用代码,删除默认值的属性,并尽量减少HTML压缩,从而提高项目的性能。