gulp插件

1压缩js

gulp-uglify

var uglify = require("gulp-uglify");

gulp.src('./hello.js')
    .pipe(uglify())                 // 直接压缩hello.js
    .pipe(gulp.dest('./dist'))
    
 gulp.src('./hello.js')
    .pipe(uglify({
        mangle: true,               // 是否修改变量名，默认为 true
        compress: true,             // 是否完全压缩，默认为 true
        preserveComments: 'all'     // 保留所有注释
    }))
    .pipe(gulp.dest('./dist'))

2、压缩css

gulp-minify-css

var cssMinify=require('gulp-minify-css')
 gulp.src('hello.css')
     .pipe(cssMinify())
     .pipe(gulp.dest('dist'))

3、压缩图片

gulp-imagemin

var img=require('gulp-imagemin')
gulp.src('img/*.{png,jpg,gif.ico}')
      .pipe(imgs({
        progressive:true,//压缩无损图片
        multipass:true//多次优化SVG直到完全优化
      })).pipe(gulp.dest('dist'))

4、合并、重命名

gulp-concat gulp-rename

var concat=rewuire('gulp-concat'),
rename=require('gulp-rename')

gulp.src('js/*.js')
    .pipe(concat('app.js'))//合并后的名字
     pipe(rename({
       suffix:'.min'//文件后缀

})).pipe(gulp.dest('dist'))

5、监听

gulp.watch()

gulp.task('watch',function(){
  gulp.watch('js/*.js',function(){
      gulp.run(要执行的任务'');
  })
})

6、gulp热更新

gulp-livereload 

需要安装服务器 npm install -g http-server

浏览器插件 LiveReload

var reload=require('gulp-livereload');
gulp.task('hot',function(){
 reload.listen()//监听更改
 gulp.watch('文件'，function（event）{
    reload.changed(event.path)
})

})