gulp在项目中的使用

在之前的文章中,已经详细的讲述了怎么安装gulp,它的工作过程,然后现在来谈谈项目中的具体使用。
入门教程
http://blog.csdn.net/liuwengai/article/details/51729547

使用教程

使用gulp-htmlmin

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

1.全局和项目都安装好gulp之后,安装一下htmlmin插件。

npm install gulp-htmlmin --save-dev

2.配置gulpfile

这里写图片描述

参数解释:
require 加载gulp和gulp-htmlmin模块

这里写图片描述

src是要处理的文件,lemonhotel下的所有html文件
htmlmin(options)是使用上面指定的参数来压缩文件
gulp.dest指定了文件的处理完成后保存的位置,html文件名跟之前的相同,存放在html/build文件夹中。
3.运行
这里写图片描述

testhtmlmin是指定的任务名称。

4 压缩前后对比图:
这里写图片描述

这里写图片描述

未完,待更新。。。。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值