如何在TypeScript中嵌套导出多个接口？

Question

我有一个相当大的 npm 模块，用 TypeScript 编写，它公开了许多类型，包括几个接口。 现在这些接口在根级别并不都有意义，这就是为什么我想以一种可以以某种嵌套方式导入它们的方式公开它们。

基本上，我正在寻找一种公开界面的方法，以便模块的用户可以执行以下操作：

import { Foo } from 'my-module';
import { Bar } from 'my-module/sub-part';

这在 TypeScript 中是否可能，如果可以，怎么做？ 根index.ts文件中的这段代码不起作用：

export {
  Foo,
  { Bar }
};

请注意， .ts文件不在模块的根目录下，因此.js和.d.ts文件也不在。

我该如何解决这个问题？

PS：这里不是关于默认导出与命名导出，因为我想有一个解决方案来导出多个嵌套级别的接口。

Answer 1

在最简单的情况下，您只需在已发布的 npm package 的my-module和my-module/sub-part文件夹中有单独的index.d.ts文件，因此我们可以导入my-module和my-module/sub-part分别地。 示例项目目录：

my-module
|   dist
│   index.ts
│   package.json // types prop e.g. could point to dist/index.d.ts
│
└───sub-part
        index.ts // compiled to dist/sub-part/index.d.ts

TS 利用其模块解析过程来解析my-module或my-module/sub-part导入（假设不存在像@types这样的全局类型声明）。 例如， import { Foo } from 'my-module' my-module的 my-module 解析如下：

// first, try to find file directly
node_modules/my-module.ts
node_modules/my-module.tsx
node_modules/my-module.d.ts

// look in package.json for types property pointing to a file
node_modules/my-module/package.json // <-- lands here, if "types" prop exists

// look in @types
node_modules/@types/my-module.d.ts

// treat my-module as folder and look for an index file
node_modules/my-module/index.ts
node_modules/my-module/index.tsx
node_modules/my-module/index.d.ts // <-- lands here otherwise

为了完整起见， my-module和my-module/sub-part也可以在一个包含文件中定义为单独的全局模块声明，例如：

declare module "my-module" {
  const Foo: string
}

declare module "my-module/sub-part" {
  const Bar: number
}

最后，客户端代码看起来就像您已经描绘的那样：

import { Foo } from "my-module";
import { Bar } from "my-module/sub-part";

console.log(Foo)

希望能帮助到你。