tree shaking 无法移除原型挂载方法，因其不构成 es 模块静态依赖，且动态调用（如字符串访问、反射）使构建工具无法判定可达性；应改用独立导出函数并避免运行时原型访问。
Tree Shaking 无法移除通过原型（prototype）挂载的方法，是因为这些方法在构建时未被静态分析识别为“未使用”——它们不构成直接的 ES 模块导入/导出依赖关系，也不出现在顶层作用域的 export 列表中。面向对象编程中若将方法挂载到构造函数或类的原型上，而调用又发生在运行时（如通过字符串、配置、反射式调用），Webpack 或 Rollup 就无法安全判定其是否可达，从而保留全部原型方法，导致裁剪失效。
识别原型挂载导致的 Tree Shaking 失效
检查以下典型模式：
- 类定义后手动向
MyClass.prototype添加方法（非 class 内声明） - 使用
Object.assign(Constructor.prototype, {...})批量挂载 - 方法名通过变量或字符串动态访问：
instance[methodName]()、instance.constructor.prototype[method] - 子类继承父类但只调用部分方法，其余方法仍保留在原型链中且无显式引用
改用静态可分析的模块导出方式
将原本挂载在原型上的工具方法，改为独立的命名导出函数，由实例按需组合调用：
// ❌ 原始：原型挂载（Tree Shaking 不感知）
class Button {
constructor() { /* ... */ }
}
Button.prototype.handleClick = function() { /* ... */ };
Button.prototype.handleHover = function() { /* ... */ };
<p>// ✅ 改写：独立导出 + 组合使用
export const handleClick = (btn) => { /<em> 使用 btn.state 等 </em>/ };
export const handleHover = (btn) => { /<em> ... </em>/ };</p><p>// 实例内部可调用，但构建工具能识别哪些被真正 import 使用
class Button {
onClick() { return handleClick(this); }
}</p>避免运行时原型访问与字符串调用
以下写法会阻断静态分析：
-
obj['methodName']()→ 改为显式调用obj.methodName()或用if分支明确列出可能调用的方法 -
MyClass.prototype[method]→ 提前枚举合法方法名，用switch或映射对象代替动态键访问 - 使用装饰器或元编程批量挂载（如自定义
@action）→ 构建时无法推断实际使用了哪些装饰方法，建议配合/*#__PURE__*/标记或改用编译时插件处理
借助构建工具能力辅助排查
启用详细打包分析，定位残留代码来源：
- Webpack：添加
stats: 'verbose'或使用webpack-bundle-analyzer查看哪些prototype方法出现在输出中且无引用路径 - Rollup：开启
treeshake: { moduleSideEffects: 'no' }并检查 warning 中提示的 “function is not referenced” 是否包含你期望裁剪的原型方法 - 在方法内添加
console.log('unused method hit')并做完整功能测试 —— 若日志触发，说明该方法实际被调用；若未触发却仍保留，就是 Tree Shaking 误判，需检查调用链是否含动态行为
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
