如何批量导入多模块函数并统一导出以简化TS模块管理？

在../foo目录下存在多个子文件夹与文件，它们导出了大量函数，当前通过逐个导入再导出的方式虽然可行，但函数数量超200个时过于繁琐，以下是更优的实现方案：

现有写法示例 #

collection.ts #

import { a, b, c } from '../foo/bar';
import { d, e, f } from '../foo/baz';
import { x, y, z } from '../foo/qux';

export { a, b, c, d, e, f, x, y, z };

myModule.ts #

import * as FUNCTIONS_LOOKUP_TABLE from './collection';

const myFunc = (index) => FUNCTIONS_LOOKUP_TABLE[index].call(...)

优化方案 #

方案1：直接批量导出整个模块 #

无需逐个枚举函数，直接导出目标文件的所有导出成员，代码会极度简洁：

// collection.ts
export * from '../foo/bar';
export * from '../foo/baz';
export * from '../foo/qux';

• 效果：myModule.ts中导入的FUNCTIONS_LOOKUP_TABLE会包含所有文件导出的函数，用法和原有逻辑完全一致。
• 注意：如果不同文件存在同名导出，后导出的会覆盖先导出的，需要提前处理命名冲突，比如重命名导出：

  export * from '../foo/bar';
  // 将baz中的a重命名为bazA，避免和bar中的a冲突
  export { a as bazA, d, e, f } from '../foo/baz';
  

方案2：合并为统一对象导出 #

如果需要更灵活的控制（比如过滤函数、统一重命名），可以将各模块的导出合并为一个对象后导出：

// collection.ts
import * as Bar from '../foo/bar';
import * as Baz from '../foo/baz';
import * as Qux from '../foo/qux';

// 合并所有导出的函数到一个对象
export const FUNCTIONS_LOOKUP_TABLE = {
  ...Bar,
  ...Baz,
  ...Qux,
  // 可在这里手动处理冲突，比如重命名
  // bazA: Baz.a
};

• 对应myModule.ts的用法调整为直接导入该对象：

  import { FUNCTIONS_LOOKUP_TABLE } from './collection';
  
  const myFunc = (index) => FUNCTIONS_LOOKUP_TABLE[index].call(...)
  

• 优势：可以在合并时添加自定义逻辑，比如筛选特定函数、修改函数名称或包装函数。

类型支持说明 #

以上两种方案在TypeScript中都能自动推导完整的类型，FUNCTIONS_LOOKUP_TABLE会保留所有函数的类型定义，不会丢失类型提示。

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