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

Question

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

让项目称为“我的模块”

我想像这样将这个库导入其他项目：

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

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

编辑：

项目

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

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的路径映射选项使TypeScript的模块解析行为与捆绑器或加载器的镜像相同。
3. 通过手动创建一对导入真实路径的.js和.d.ts文件或一个具有引用真实路径的main和types字段的package.json文件，分别将每个导入路径重定向到dist下的适当文件。