gulp教程之gulp-htmlmin

Ooo_My_God发表于 分类:构建工具 阅读(17210) 评论(18)

简介:

使用gulp-htmlmin压缩html,可以压缩页面javascript、css,去除页面空格、注释,删除多余属性等操作。

1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件

1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程

1.2、本示例目录结构如下:

2、本地安装gulp-htmlmin

2.1、github:https://github.com/jonschlinkert/gulp-htmlmin

2.2、安装:命令提示符执行 cnpm install gulp-htmlmin --save-dev

2.3、注意:没有安装cnpm请使用 npm install gulp-htmlmin --save-dev什么是cnpm,如何安装?

2.4、说明:--save-dev 保存配置信息至 package.json 的 devDependencies 节点。为什么要保存至package.json?

3、配置gulpfile.js

3.1、基本使用

3.2、更多压缩【参数】请查看 https://github.com/kangax/html-minifier [html-minifer docs]

4、执行任务

4.1、命令提示符执行:gulp testHtmlmin

5、结束语

5.1、本文有任何错误,或有任何疑问,欢迎留言说明。

下载附件

如果觉得我的文章对您有用,请随意打赏。您的支持将是我继续创作的动力! ¥ 打赏支持 ¥
<< 上一篇:

本站文章除注明转载外,均为原创文章,会经常更新知识点以及修正一些错误,因此转载请保留原出处,方便溯源,避免陈旧错误知识的误导,同时有更好的阅读体验。

http://www.ydcss.com/archives/20

相关推荐

评论

网友最新评论 (18)

  1. 非常棒!

    123 03-12 18:38 回复
  2. 压缩页面js和uglify有什么区别?

    userdhf 03-17 14:49 回复
    • uglify是丑化加压缩

      shuflleld 03-28 13:49
  3. ReferenceError: htmlmin is not defined

    是否 04-05 09:13 回复
  4. 那html中的引用其他文件的路径问题怎么解决了

    rookie 04-27 10:52 回复
  5. 为什么压缩后,中文都成乱码

    andyWu 04-27 16:23 回复
  6. 为什么我的压缩并没有效果呢

    逗比李伊娃 08-29 11:37 回复
  7. 为什么我的html木有压缩成功呢

    逗比李伊娃 08-29 11:39 回复
  8. 出现了错误?D:nginx-1.10.1htmlgitsea-test>gulp html-min[14:13:40] Using gulpfile D:nginx-1.10.1htmlgitsea-testgulpfile.js[14:13:40] Starting ‘html-min’…[14:13:40] ‘html-min’ errored after 28 ms[14:13:40] ReferenceError: htmlmin is not defined at Gulp. (D:nginx-1.10.1htmlgitsea-testgulpfile.js:50:15) at module.exports (D:nginx-1.10.1htmlgitsea-testnode_modulesorchestratorlibrunTask.js:34:7) at Gulp.Orchestrator._runTask (D:nginx-1.10.1htmlgitsea-testnode_modulesorchestratorindex.js:273:3) at Gulp.Orchestrator._runStep (D:nginx-1.10.1htmlgitsea-testnode_modulesorchestratorindex.js:214:10) at Gulp.Orchestrator.start (D:nginx-1.10.1htmlgitsea-testnode_modulesorchestratorindex.js:134:8) at C:UsersWAppDataRoamingnpmnode_modules.gulp_npminstallnode_modules.3.9.1@gulpbingulp.js:129:20 at _combinedTickCallback (node.js:376:9) at process._tickCallback (node.js:407:11) at Function.Module.runMain (module.js:449:11) at startup (node.js:142:18) at node.js:939:3

    Wanan 10-25 14:13 回复
    • “ htmlmin is not defined.” => var htmlmin = require(‘gulp-htmlmin’);

      YDCSS 10-26 08:39
    • 嗯嗯,问题解决了,谢谢。

      Wanan 10-26 11:23
  9. 请问如何保留普通的注释和条件注释的压缩啊,我使用默认不带参数的方法去压缩html,然后发现IE的条件注释都被去掉了,于是使用各种参数,但是最后测试了一整晚,都没能把注释留住T口T。

    XJ.Chen 03-19 04:39 回复
输入关键字