gulp安装教程

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