1、安装nodejs并选装cnpm;

npm install cnpm -g --registry=https://registry.npm.taobao.org

2、全局安装gulp;

cnpm install gulp -g

3、新建package.json文件;(第二次在项目中使用gulp时可跳过1、2步)

进入项目文件夹,cnpm init

4、本地安装gulp;

cnpm install gulp --save-dev 

5、安装gulp插件;

cnpm install ### --save-dev (###为插件名)

6、新建gulpfile.js文件;

 var gulp = require('gulp'),
htmlmin = require('gulp-htmlmin'); gulp.task('CompressHtml', function () {
var options = {
removeComments: true,//清除HTML注释
collapseWhitespace: true,//压缩HTML
collapseBooleanAttributes: true,//省略布尔属性的值 <input checked="true"/> ==> <input />
removeEmptyAttributes: true,//删除所有空格作属性值 <input id="" /> ==> <input />
removeScriptTypeAttributes: true,//删除<script>的type="text/javascript"
removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"
minifyJS: true,//压缩页面JS
minifyCSS: true//压缩页面CSS
};
return gulp.src('index.html')//需压缩的HTML文件
.pipe(htmlmin(options))
.pipe(gulp.dest('dist/html'));//'dist'为存放文件夹
});

7、通过命令提示符运行gulp任务。

gulp 任务名称

gulp CompressHtml

最新文章

  1. mac os下可能是最好的豆瓣电台——diumoo
  2. Redis学习——链表源码分析
  3. (转)Hbase shell 常用命令(1)
  4. centos7 安装mysql5.7及配置
  5. poj 3080 Blue Jeans
  6. Struct2提交表单数据到Acion
  7. 字符串匹配--kmp算法原理整理
  8. POj 2186 Popular Cows[连通分量]
  9. sort函数简单调用方法
  10. 用Visual Studio 2015 编写驱动之前一定要注意的问题!!!
  11. javascript常用的Math对象的方法
  12. 从零开始学习前端开发 — 18、BFC
  13. 在Windows cmd中计算行数
  14. Nginx+Keepalived(二)
  15. 【洛谷P1082】同余方程
  16. MyEclipse和tomcat结合编写jsp对于中文乱码的解决方法
  17. 34 char类型转换为int类型
  18. cython 成功创建import 模块
  19. Apache Kafka学习 (二) - 多代理(broker)集群
  20. How to calculate bits per character of a string? (bpc) to read

热门文章

  1. appium 测试模拟器时输入adb devices显示 unauthorized
  2. 怎样从server获取图片
  3. linux /boot目录下的文件分析
  4. asp.net服务器数据源控件学习笔记
  5. java学习笔记——可用链表
  6. Linux下的非阻塞IO(一)
  7. Vector的一种实现(一)
  8. 关于八数码问题中的状态判重的三种解决方法(编码、hash、&amp;lt;set&amp;gt;)
  9. wps文档忘记保存关闭了怎么恢复
  10. 杭电 HDU 2717 Catch That Cow