关键在于将方法声明为具名函数并显式导出，禁用混淆工具对关键名的重命名，避免箭头函数和字符串反射调用。✅推荐：function loaddata(){}; export { loaddata }; 配置 keep_fnames: true；❌禁用：{ loaddata(){} } 或 onload: () => {}。
避免方法简写在混淆压缩后函数名丢失，关键在于让工具识别出这些写法属于“需保留的公开接口”，而非普通局部变量。混淆工具（如 Terser、esbuild）默认会重命名所有未被明确标记为“外部可访问”的函数标识符，而对象方法简写（如 { init() { ... } }）、类方法、箭头函数赋值等，若未被引用路径显式导出或绑定，极易被误删或重命名。
明确导出并使用具名函数声明
方法简写本身不产生独立函数名，压缩时无法追溯原始语义。应改用具名函数表达式或函数声明，并通过标准导出暴露：
- ❌ 避免：
export default { loadData() { ... } };→loadData可能被重命名为a - ✅ 推荐：
function loadData() { ... }; export { loadData };→ Terser 可通过keep_fnames: true或reserved保留 - 类中也优先用具名方法：
class ApiClient { fetchUser() { ... } }比fetchUser: () => {...}更安全
禁用对关键方法名的混淆
在打包配置中主动保护方法名，不是全局关混淆，而是精准保留：
- Vite（使用 esbuild）：在
build.minify配置中加入keepNames: true，或通过build.rollupOptions.terserOptions（若回退到 Terser）设置keep_fnames: true - Webpack（TerserPlugin）：配置
terserOptions.keep_fnames = true，或使用reserved数组列出必须保留的方法名，如['init', 'destroy', 'onReady'] - 注意：
keep_fnames对箭头函数无效，所以不要把关键生命周期方法写成onLoad: () => {...}
避免字符串反射调用依赖简写名
有些框架或插件会通过字符串动态调用方法（如 Vue 的 vm.$options.methods['submit']），一旦方法被混淆就直接报错：
- 禁止硬编码方法名字符串：
obj['submit']()→ 改用属性访问或 Symbol 键 - 若必须反射调用，配合
@ts-ignore注释 + 保留注释指令（如/*#__NOINLINE__*/）或使用/*#__PURE__*/标记防止被移除 - 对第三方库暴露的钩子方法（如
onError），在调用前加/** @export */JSDoc 注释，部分工具链可据此保留名称
验证混淆后是否仍可访问方法名
上线前快速确认关键方法未被破坏：
- 构建后打开 dist 文件，搜索原始方法名（如
init），看是否仍以明文出现；若已变成a或_0x123，说明保留策略未生效 - 在浏览器控制台执行
typeof yourObj.init === 'function'，确保返回true - 对 Vue/React 组件，检查
$options.methods或component.prototype中关键方法是否存在且可调用
