如何在服务器和客户端项目之间共享Typescript声明？

1. 将声明文件放在一个单独的包中，并将其导入到每个项目中：

假设我们有一个名为shared-types的包，它包含types.d.ts文件，其中定义了一些通用类型。我们可以在服务器和客户端项目中使用以下命令安装它：

npm install shared-types

然后，我们可以在server.ts和client.ts中导入声明：

import { User } from 'shared-types/types';

// usage in server.ts
function getUser(): User {
  // ...
}

// usage in client.ts
const user: User = api.getUser();

2. 使用子项目管理依赖项和构建设置：

如果您正在使用像lerna这样的工具管理多个包，则可以添加一个名为@types的包，该包包含所有通用类型的声明文件，并通过Yarn或npm自动处理依赖关系：

{
  "name": "shared-types",
  "devDependencies": {
    "@types/express": "^4.17.12",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0"
  }
}

然后，我们可以在server和client中使用这些类型：

// usage in server.ts
import { Request, Response } from 'express';
import { User } from '@types/shared-types';

function getUser(req: Request, res: Response): User {
  // ...
}

// usage in client.ts
import { User } from '@types/shared-types';

无论哪种方式，我们都可以轻松地共享声明并避免编写重复代码。