Gulp自动化构建案例---文件压缩

1、安装压缩插件

yarn add gulp-htmlmin gulp-uglify gulp-clean-css --dev

2、安装判断读取流类型的插件

yarn add gulp-if --dev

3、使用

const useref = () => {
  return src('dist/*.html',{base:'dist'})
  .pipe(plugins.useref({searchPath:['dist','.']}))
  //html js css
  //指定转换流
  //压缩空白字符collapseWhitespace
  //minifyCSS:true,minifyJS:true，压缩html页面中的css和js
  .pipe(plugins.if(/\.js$/,plugins.uglify()))
  .pipe(plugins.if(/\.css$/,plugins.cleanCss()))
  .pipe(plugins.if(/\.html$/,plugins.htmlmin({
    collapseWhitespace:true,
    minifyCSS:true,
    minifyJS:true
  })))
  .pipe(dest('release'))
}