如何在大型项目中在前端和后端之间共享 Typescript 类型

Question

我有一个具有以下文件夹结构的 MERN 项目。

后端是一个express、mongo后端。具有以下结构。

frontend 是 3 个 vite React 项目的文件夹。每个都有以下文件夹结构

我的问题是：

我想找到一种方法来全局声明类型，以便我能够在我想要的 4 个项目中的任何位置使用它们。

我想要全局化的类型主要是数据库文档模式。

现在我管理类型的方式是定期手动复制和粘贴。如果类型频繁变化，这会导致很多问题。

有没有办法做得更好？

Answer 1

您可以将 tsconfig.json 中的 rootDir 属性更新为 monorepo 的路径，并从共享架构文件夹导入类型，请按照以下步骤操作：

{ 
  "compilerOptions": {
    "rootDir": "./path/to/your/monorepo"
  }
}

import { MyType } from '../../shared/schema/types';