使用 gulp 对资源进行压缩

// 引入所需的插件
const gulp = require('gulp');
const htmlmin = require('gulp-html-minifier-terser');
const htmlclean = require('gulp-htmlclean');
const cleanCSS = require('gulp-clean-css');
const terser = require('gulp-terser');
const fontmin = require('gulp-fontmin');
const ttf2woff2 = require('gulp-ttf2woff2');
const clean = require('gulp-clean');

// 压缩和清理 HTML
gulp.task('minify-html', () => {
  return gulp.src('./public/**/*.html')// 看情况修改
    .pipe(htmlclean())
    .pipe(htmlmin({ 
      collapseWhitespace: true ,
      removeComments: true, //清除html注释
      collapseWhitespace: true, //折叠文档树中构成文本节点的空白区域
      collapseBooleanAttributes: true,
      //省略布尔属性的值，例如：<input checked="true"/> ==> <input />
      removeEmptyAttributes: true,
      //删除所有空格作属性值，例如：<input id="" /> ==> <input />
      removeScriptTypeAttributes: true,
      //删除<script>的type="text/javascript"
      removeStyleLinkTypeAttributes: true,
      //删除<style>和<link>的 type="text/css"
      removeAttributeQuotes: true, // 移除属性值周围的引号
      removeCDATASectionsFromCDATA: true, // 从 CDATA 部分移除注释
      caseSensitive: true,        // 以区分大小写的方式处理属性
      minifyJS: true, //压缩页面 JS
      minifyCSS: true, //压缩页面 CSS
      minifyURLs: true , //压缩页面URL
    }))
    .pipe(gulp.dest('./public'))// 看情况修改
});

// 压缩 CSS
gulp.task('minify-css', () => {
  return gulp.src(['./public/**/*.css'])// 看情况修改
  .pipe(cleanCSS({
    level: {
      2: {
        mergeAdjacentRules: true, 
        // 控制相邻规则的合并，默认为 true
        mergeIntoShorthands: true, 
        // 控制属性合并为简写形式，默认为 true
        mergeMedia: true, 
        // 控制 @media 规则的合并，默认为 true
        mergeNonAdjacentRules: true, 
        // 控制非相邻规则的合并，默认为 true
        mergeSemantically: false,
         // 控制语义合并，默认为 false
        overrideProperties: true, 
        // 基于可读性控制属性覆盖，默认为 true
        removeEmpty: true, 
        // 控制删除空规则和嵌套块，默认为 true
        reduceNonAdjacentRules: true, 
        // 控制非相邻规则的缩减，默认为 true
        removeDuplicateFontRules: true,
         // 控制删除重复的 @font-face 规则，默认为 true
        removeDuplicateMediaBlocks: true, 
        // 控制删除重复的 @media 规则，默认为 true
        removeDuplicateRules: true, 
        // 控制删除重复的规则，默认为 true
        removeUnusedAtRules: false, 
        // 控制删除未使用的 at 规则，默认为 false（自版本 4.1.0 起可用）
        restructureRules: false, 
        // 控制规则重构，默认为 false
        skipProperties: [] 
        // 控制不进行优化的属性，默认为 []，即所有属性都进行优化（自版本 4.1.0 起可用）
      }
    }
  }))
    .pipe(gulp.dest('./public'));// 看情况修改
});

// 压缩 JavaScript
gulp.task('compress', async() =>{
  return gulp.src(['./public/**/*.js', '!./public/**/*.min.js'])// 看情况修改
    .pipe(terser())
    .pipe(gulp.dest('./public'));// 看情况修改
});

//读取文章使用字体，然后压缩
gulp.task('mini-font', (cb) => {
  var buffers = [];
  gulp
    .src(['./public/**/*.html']) // 看情况修改
    .on('data', function(file) {
      buffers.push(file.contents);
    })
    .on('end', function() {
      var text = Buffer.concat(buffers).toString('utf-8');
      minifyFont(text, cb);
    });
});

//压缩字体
function minifyFont(text, cb) {
  gulp
    .src('./public/font/*.ttf') //原字体所在目录
    .pipe(fontmin({
      text: text
    }))
    .pipe(gulp.dest('./public/fonts/')) //压缩后的输出目录
    .on('end', cb);
}

// 定义转换 TTF 到 WOFF2 的任务
gulp.task('convertFonts', function() {
  return gulp.src('./public/fonts/*.ttf')// 看情况修改
    .pipe(ttf2woff2())
    .pipe(gulp.dest('./public/fonts/'));// 看情况修改
});

//删除字体原文件，主题生成的图片文件
gulp.task('clean-files', function() {
  return gulp.src(['./public/font','./public/images'], { read: false, allowEmpty: true })// 看情况修改
    .pipe(clean());
});

// 运行gulp命令时依次执行以下任务
gulp.task('default', gulp.series(
  gulp.parallel('compress', 'minify-css', 'minify-html', 'mini-font',), 
  'convertFonts',// 在 'mini-font' 完成后执行 'convertFonts'，最后执行clean-files
  'clean-files' 
))