Webpack5编译TS+CommonJS项目时如何通过字符串名动态调用类方法？

报错的核心原因有两点：

1. Webpack 对 CommonJS/ES 模块做了作用域封装，你导入的 MyGlobal 仅在当前模块的局部作用域生效，既不会挂载到全局对象上，你代码中直接使用的 classes 全局对象也不存在。
2. 如果导入的类没有被显式引用，Webpack 的 Tree Shaking 机制会将这些类从打包产物中剔除，不会打进最终的 bundle。

方案1：手动维护全局类映射表（最稳定，适合类数量少的场景） #

符合你提到的「最坏情况手动编写 index 文件引入」的预期，操作如下：

1. 新建 global-classes.ts 统一维护所有需要动态调用的类的映射关系：

import { MyGlobal } from './MyGlobal.glob';
// 后续新增可全局调用的类只需要在这里补充映射即可
export const GlobalClassMap: Record<string, any> = {
  // 键为API返回的类名字符串，值为导入的类本身
  'MyGlobal': MyGlobal
};

2. 修改 MyModule.ts 中的 callback 方法，从映射表中取目标类调用：

import { GlobalClassMap } from './global-classes';

export class MyModule {
    public static callApi() {
        let my_return = {
            class: 'MyGlobal',
            method: 'bar',
        };
        this.callback(my_return);
    }

    public static callback(my_return: any) {
        // 先做合法性校验，避免非法参数导致报错
        const TargetClass = GlobalClassMap[my_return.class];
        if (!TargetClass) return console.error(`不存在可调用的类：${my_return.class}`);
        const targetMethod = TargetClass[my_return.method];
        if (typeof targetMethod !== 'function') return console.error(`类${my_return.class}不存在可调用方法：${my_return.method}`);
        // 静态方法调用需要绑定类本身作为this
        targetMethod.call(TargetClass);
    }
}

方案2：自动扫描生成映射表（适合类数量多、可通过后缀/文件夹区分的场景） #

不需要手动维护映射表，利用 Webpack 内置的 require.context 能力自动扫描指定规则的文件生成映射：
修改 global-classes.ts 为自动扫描版本：

const GlobalClassMap: Record<string, any> = {};
// 参数说明：扫描目录、是否递归子目录、匹配文件的正则规则
// 这里配置为扫描当前目录下所有后缀为 .glob.ts 的文件
const globFileList = require.context('./', true, /\.glob\.ts$/);

globFileList.keys().forEach(filePath => {
  const fileExports = globFileList(filePath);
  // 遍历文件导出的所有类，存入映射表
  Object.keys(fileExports).forEach(className => {
    GlobalClassMap[className] = fileExports[className];
  });
});

export default GlobalClassMap;

后续新增的全局类只要命名符合 .glob.ts 后缀规则，就会自动被加入映射表，不需要手动修改配置。

• 代码混淆兼容：映射表的键使用字符串字面量编写，就算压缩工具修改类的内部变量名，也不会影响映射匹配。
• 类型优化：如果需要 TypeScript 类型提示，可以给所有全局类统一实现接口，替换掉映射表的 any 类型，避免类型丢失。
• 安全控制：调用前的合法性校验必须保留，避免 API 返回恶意的类名、方法名执行非预期逻辑。

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