gulp

网友投稿 203 2023-07-15


gulp

通过一条命令用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,

removeScriptTypeAhttp://ttributes:true,

removeStyleLinkTypeAttributes:true,

minifyJS:truhttp://e,

minifycss:true

};

gulp.src('app/**/*.htmhttp://l')

.pipe(htmlmin(options))

.pipe(gulp.dest('dest/'));

});

我们看到task里面有个设置选项,分别介绍一下他们的属性的作用:

1.collapseWhitespace:从字面意思应该可以看出来,清除空格,压缩html,这一条比较重要,作用比较大,引起的改变压缩量也特别大;

2.collapseBooleanAttributes:省略布尔属性的值,比如:,那么设置这个属性后,就会变成 ;

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

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

5.removeSciptTypeAttributes:清除所有scriptGvkmZf标签中的type="text/javascript"属性。

6.removeStyleLinkTypeAttributes:清楚所有Link标签上的type属性。

7.minifyJS:压缩html中的javascript代码。

8.minifyCSS:压缩html中的css代码。

总之,压缩Html的原则就是清除没用的代码,删除本就默认值的属性,将html压缩的最小,这样才能提高项目运行的性能。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:详解Java中的时区类TimeZone的用法
下一篇:对象转换为原始值的实现方法
相关文章

 发表评论

暂时没有评论,来抢沙发吧~