TypeScript - 带有“命名空间”的导出库

Question

好的，例如我有一个文件结构如下的项目：

让项目命名为'my-module'

我想将此库导入到其他类似的项目中：

import { User, Home } from 'my-module/Models'
import { BaseWindow } from 'my-module/View'

我该怎么做？如何准备.d.ts文件？

编辑：

Project

以上文件内容很简单，例如：

interface IUser {
  name: string;
  age: number;
}

type UserOptions = IUser & {
  foo: string
}

class User implements IUser {
  private foo: string;
  name: string;
  age: number;
  constructor(options: UserOptions) {
    this.name = options.name;
    this.age = options.age;
    this.foo = options.foo;
  }
}

export { User, UserOptions };

Answer 1

我猜你想要src/Models/index.ts 是：

export * from "./User";
export * from "./Home";

然后，假设您已正确设置模块分辨率，您可以编写：

import { User, UserOptions } from "my-module/Models";

和User 和UserOptions 将分别引用来自src/Models/User.ts 的类和类型别名。如果src/Models/User.ts 和src/Models/Home.ts 声明一个同名符号，我相信第一个export * 语句获胜。

模块解析问题

如果my-module/ 的导入为您提供了src 和dist 的完成，那么您需要导入.js 和.d.ts 文件的完整相对路径（应该在每个文件旁边）其他）。我假设这些文件在dist 下。如果您不喜欢导入路径中的 dist，您有几个选择，但都不是很好：

1. 不要使用src和dist目录；从项目的根目录开始排列所有文件。
2. 使用您可以自定义的模块绑定器或加载器，以便import "my-module/Models" 在dist 文件夹中查找。如果您的捆绑器或加载器尚未与 TypeScript 集成，请使用 TypeScript 的 path mapping 选项使 TypeScript 的模块解析行为反映您的捆绑器或加载器的行为。
3. 通过手动创建一对导入真实路径的.js和.d.ts文件或带有main和types的package.json文件，将每个导入路径分别重定向到dist下的正确文件引用真实路径的字段。