使用 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