Gulp任务流后如何获取html-minifier-terser内嵌Terser的nameCache

• Terser的nameCache默认仅存储两类混淆映射：需要跨上下文复用的顶级作用域变量/函数名、开启属性混淆后的对象属性名，普通函数内部的局部变量混淆是每个压缩上下文独立生成的，不会写入nameCache，这就是你vars.props为空的核心原因。
• gulp-html-minifier-terser处理每个HTML文件、甚至同一个文件内的多个<script>标签时，都会为每段JS单独调用Terser实例，默认局部变量的混淆规则本身就是作用域独立的，自然不会同步到全局的nameCache对象。
• 你看到的三层props结构是Terser官方标准的nameCache格式，属于正常实现，不需要调整。

你的核心诉求是watch构建时相同代码生成的混淆名固定、避免Git无意义提交，不需要跨文件统一混淆名的话，直接配置mangle.seed即可，不需要复杂的nameCache持久化逻辑：

const htmlmin = require('gulp-html-minifier-terser'); 

function myTask(){
  const options = {
    // 其他html-minifier配置
    minifyJS: {
      mangle: {
        // 固定任意字符串作为seed，相同代码每次压缩生成的混淆名完全一致
        seed: 'express-template-seed-2024',
        properties: false
      }
    },
  };
  return gulp.src(path1)
  .pipe(htmlmin(options))
  .pipe(gulp.dest(path2));
}

这个方案不需要读写缓存文件、不需要开启属性混淆，完全不会影响代码运行逻辑，从根源上解决了随机变量名的问题。

如果有跨多个HTML文件的顶级变量统一混淆的需求，可以按以下方式调整实现：

1. 将nameCache提到任务外部，全局复用同一个引用，watch任务每次触发不会重置缓存
2. 任务启动时读取本地缓存文件初始化nameCache
3. 开启mangle.topLevel: true，让顶级变量/函数的混淆映射写入nameCache的vars字段

const htmlmin = require('gulp-html-minifier-terser');
const fs = require('fs');
const cacheFileName = './terser-name-cache.json';

// 全局复用同一个nameCache实例
let nameCache = {};
// 启动时读取已有缓存
if (fs.existsSync(cacheFileName)) {
  try {
    nameCache = JSON.parse(fs.readFileSync(cacheFileName, 'utf8'));
  } catch (e) {
    nameCache = {};
  }
}

function myTask(){
  const options = {
    // 其他html-minifier配置
    minifyJS: {
      nameCache: nameCache,
      mangle: {
        // 开启顶级作用域变量混淆，才会将映射写入nameCache的vars字段
        topLevel: true,
        properties: false
      }
    },
  };
  return gulp.src(path1)
  .pipe(htmlmin(options))
  .pipe(gulp.dest(path2))
  .on('finish', () => {
    fs.writeFileSync(cacheFileName, JSON.stringify(nameCache), "utf8");
  });
}

内容的提问来源于stack exchange，提问作者scipilot