gulp插件

Gulp插件：

• npm install gulp-cssmin 将css文件压缩

• npm install gulp-imagemin 图片压缩

• npm install gulp-uglify 压缩JavaScript

• npm install gulp-concat 合并(js的任务，可以先合并后压缩，由于多个文件合并为一个文件所以需要重新取名字：.pipe(concat('all.js')).pipe(uglify())... ) 只合并，路径不改

• npm install htmlmin 压缩HTML文件

  .pipe(htmlmin{collapseWhitespace: true})合并空白处
  gulp.src(['./index.html','./views/*.html'],{base:'./'}).pipe(dulp.dest('./release'))-->代表着./不动，index.html直接放到./release下面，而后面一个是放到./releaseviews/下面

• npm install gulp-autoprefixer 添加css私有前缀

• npm install gulp-rname 重命名

• npm install gulp-rev 添加版本号

  .pipe(rev()).pipe(gulp.dest('...')).pipe(rev.manifest()).pipe(gulp.dest('...'))-->添加版本号(即改为加密的名字)后需要先存好然后再通过rev.manifest()方法找rev()方法操作的文件，将对应关系收集(记录把原始名字改成的新名字)起来放到另一个存储地

• npm install gulp-rev-collector 内容替换

   gulp.src(['替换内容','被替换内容']).pipe().pipe(gulp.dest())
   替换内容是rev.manifest()收集的新旧名称对应关系，将被替换内容里面的旧名称换成新的

• npm install gulp-useref 合并文件不压缩 路径改变

  合并的文件需要使用注释标记一下：<!-- bulid:xxx ./main.yyy(路径)--><!-- endbulid -->
                                 ./main.yyy--：更改的路径文件
    pipe(useref()).pipe(gulpif('*.js', uglify() )) -->如果是js文件就丑化压缩一下
  ​
    gulp-useref：也支持删除
    <!--bulid:remove--<!--endbulid-->

• npm install gulp-if