以前的老项目了,写几篇gulp3的文章,后面再折腾一下gulp4

前提条件:

  1. 安装了node
  2. 安装了git
  3. 安装了gulp3 # 具体操作:

1. 打开git bash 安装gulp-htmlclean

$ npm install gulp-htmlclean --save-dev

gulp-htmlclean是一款能对html进行代码压缩的插件,实现代码压缩的关键

2.在根目录创建gulpfile.js

3.gulpfile内引入文件

var gulp = require('gulp')
var htmlclean = require("gulp-htmlclean")

4.添加task任务

var folder = {
    'src':'src/',
    'dist':'dist/'
}
gulp.task("html",function(){
    gulp.src(folder.src+"html/*")  // 读取`src/html/`文件路径下的所有文件
    .pipe(htmlclean()) // 全部压缩一遍
    .pipe(gulp.dest(folder.dist+"html/")) // 输出到`dist/html/`文件路径下面
})

5.加入启动队列


gulp.task("default", ["html"])

6.启动gulp,完成

$gulp