使用 gulp-htmlmin 缩小 HTML

首先,将 gulpgulp-htmlmin 安装到本地项目目录中

npm install --save-dev gulp gulp-htmlmin

然后将 minify-html 任务添加到你的 gulpfile.js

var gulp = require('gulp');
var htmlmin = require('gulp-htmlmin');

// Task to minify HTML
gulp.task('minify-html', function() {
return gulp.src('source/*.html')
.pipe(htmlmin())
.pipe(gulp.dest('public/'));
});

gulp.task('watch', function (){
    gulp.watch('source/*.html', ['minify-html']);
// other tasks
});

gulp.task('default', ['minify-html', 'watch']);

此任务使用 .html 扩展名查找 source 目录中的所有文件,将它们缩小,然后将生成的文件输出到 public 目录。

代码中的任务被添加为'default'任务的依赖项,因此每次 default 运行时,minify-html 将在它之前运行。

你也可以通过运行命令手动调用 minify-html 任务:

gulp minify-html