如何配置Terser为所有混淆后的变量和函数添加统一前缀？

方案1：优先使用原生保留字配置（最优，几乎无压缩率损失） #

Terser原生支持禁止将名称混淆为指定字符串，你可以通过mangle.reserved配置实现，完全不需要开启keep_fnames，对压缩率的影响可以忽略不计：

import { defineConfig } from 'vite'

export default defineConfig({
  // 其余Vite配置
  build: {
    minify: "terser",
    terserOptions: {
      mangle: {
        // 数组内填入所有禁止Terser生成的标识符，除了ga还可以添加其他可能冲突的全局变量
        reserved: ['ga', 'gtag', 'dataLayer']
      }
    }
  }
})

方案2：给所有混淆名称加统一前缀 #

如果需要批量给所有混淆后的变量加前缀避免未知冲突，可以配合Terser的属性混淆前缀配置，同时建议将你的单文件脚本编译为IIFE格式做作用域隔离，避免内部变量泄露到全局：

import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    lib: {
      entry: 'src/your-script.js',
      formats: ['iife'],
      // 如果需要暴露全局变量可以在这里配置name，不需要的话可以省略
      name: 'YourScript'
    },
    minify: "terser",
    terserOptions: {
      mangle: {
        toplevel: true,
        reserved: []
      },
      // 给所有混淆后的私有属性加统一前缀
      mangleProperties: {
        prefix: 'a_'
      }
    }
  }
})

如果需要给所有混淆后的变量名也加前缀，可以通过自定义Terser的名称缓存生成逻辑实现：在构建前初始化一个空的nameCache对象，每次Terser生成新的混淆名称时统一拼接a_前缀即可。

额外优化建议 #

如果你的脚本不需要向全局暴露任何方法，直接编译为IIFE格式后，内部作用域的变量完全不会和全局变量产生冲突，就算Terser把内部函数命名为ga也不会触发报错，不需要额外调整混淆规则即可获得最优压缩率。

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