现代打包工具不直接对class继承树做Tree Shaking，因其依赖静态ES模块分析而非运行时继承；只能移除未导入、未引用的导出及无访问的方法，无法安全删除被继承或间接使用的父类及方法。
现代打包工具（如 Webpack、Vite、esbuild）本身不直接对 JavaScript 中基于 class 的继承结构做“继承树级 Tree Shaking”，因为 Tree Shaking 的核心前提是 **静态可分析的 ES 模块导出/导入关系**，而非运行时类继承行为。深层 class 继承树若未被模块系统显式导出或引用，工具无法自动推断哪些子类/方法真正被用到——尤其当存在动态实例化（new targetClass()）、反射（Reflect.construct）、字符串构造（eval/Function）或依赖注入等模式时，剪枝会失效甚至出错。
明确 Tree Shaking 的作用边界
Tree Shaking 只能移除：
- 未被
import的具名/默认导出（ESM 静态语法） - 未被任何活跃引用链触及的顶层函数、类、常量（需启用
sideEffects: false或精确声明） - 未被调用的类方法（仅当该方法未被任何路径访问，且类本身也未被实例化或继承）
它不能安全地移除：
- 一个被继承但未直接实例化的父类（因子类可能隐式依赖其原型链）
- 类中未显式调用但被子类
super.xxx()间接使用的父类方法 - 通过
instanceof、Object.getPrototypeOf或装饰器元数据引用的类
让 class 继承树可被有效剪枝的关键实践
要提升剪枝效果，需将继承关系“暴露”给模块分析系统，并切断不可控引用：
-
导出粒度最小化：每个 class 单独导出（
export class A {}），避免export default class B extends A把父类 A “隐藏”在默认导出内部 -
禁用副作用误导：在
package.json中设"sideEffects": false，或显式列出有副作用的文件（如 CSS、polyfill） -
避免动态构造：不用字符串拼接类名 +
eval或require()；改用显式 import + 对象映射（如const map = { 'A': A, 'B': B }） - 拆分继承层级为独立模块：把基类、抽象类、具体实现类分别放在不同文件并单独导出，便于工具按需引入
借助构建时转换增强剪枝能力
纯 ESM 分析有限，可叠加轻量转换：
- 使用
babel-plugin-transform-class-static-blocks等插件提前展开静态初始化逻辑，减少运行时不确定性 - 在 Vite 中启用
build.treeshake: true（默认开启），并配合build.modulePreload: false避免预加载干扰分析 - 对 TypeScript 项目，确保
tsconfig.json中"importsNotUsedAsValues": "error"（非"remove"），防止类型擦除影响导出识别 - 使用
unplugin-auto-import或unplugin-vue-components时检查是否意外引入了未使用的基类
验证与调试剪枝结果
不要依赖直觉，用工具确认实际输出：
- Webpack：加
--stats=verbose，查看compilation.modules中哪些 class 模块未进入 chunks - Vite：运行
vite build --report，打开report.html查看各 chunk 引入的 class 文件 - Rollup：启用
output.sourcemap: true+treeshake: { moduleSideEffects: false }，再用 source-map-explorer 定位残留 - 手动检查生成代码：搜索
class A extends是否仍存在，结合 source map 定位其来源模块是否应被剔除
