我的gulp

gulp 是一个web前端打包工具, 我拿来压缩html, css, js

安装如下:安装gulp npm install --global gulp-cli

在项目目录根目录下: npm install --save-dev gulp

检查版本: gulp --version

在根目录下创建gulpfile.js

剩下的写法直接参考如下:

var gulp=require("gulp");
var ugly = require("gulp-uglify");
var cleanCss=require("gulp-clean-css");
var  html= require("gulp-htmlmin");
var concat = require("gulp-concat");

gulp.task("ugly", function(){
    return gulp.src("./js/*.js").pipe(concat("index.js")).pipe(ugly()).pipe(gulp.dest("./release/js"))
})

gulp.task("css",function(){
    return gulp.src("./css/*.css").pipe(concat("index.css")).pipe(cleanCss()).pipe(gulp.dest("./release/css"))
})

gulp.task("html",function(){
    var options = {

collapseWhitespace:true,

collapseBooleanAttributes:true,

removeComments:true,

removeEmptyAttributes:true,

removeScriptTypeAttributes:true,

removeStyleLinkTypeAttributes:true,

minifyJS:true,

minifyCSS:true

};

    return gulp.src("./*.html").pipe(html(options)).pipe(gulp.dest("./release"));
})

gulp.task("default",gulp.series("ugly","css","html"));

命令行执行gulp  default 就好了, 就会压缩js, css 和html了,以及合并css 和js