TypeScript：重用前端(Angular)和后端的接口和类

发布时间：2020-12-17 17:57:34 所属栏目：安全来源：网络整理

导读：我有一个基于前端(Angular)和后端(使用NestJS开发的当前项目的monorepo – 所以它是NodeJS).我想使用自定义接口和类 – 前端和后端.例如,创建DTO,以便我的前端知道我后端的参数. 我想到了一个常见的文件夹,如下面的项目结构所示,但这不起作用,因为公共文件夹

我有一个基于前端(Angular)和后端(使用NestJS开发的当前项目的monorepo – 所以它是NodeJS).我想使用自定义接口和类 – 前端和后端.例如,创建DTO,以便我的前端知道我后端的参数.

我想到了一个常见的文件夹,如下面的项目结构所示,但这不起作用,因为公共文件夹超出了Angular(tsconfig)的范围,因此自动完成不起作用

project
├── client (Angular)
├── server (NestJS)
└── common (client and server share specific interfaces and classes)

有没有人有这方面的经验？目前我将接口添加到两个文件夹,但这是邪恶的,因为如果我更新一个接口,我也必须替换另一个接口.

解决方法

像 Lerna这样的工具有助于这种设置,从经验来看,这是最简单的方法,而不需要创建任何私有的npm repos(这是另一种选择).

基本上,您设置角度和服务器包以安装公共包,就像任何其他npm包一样,并运行lerna为每个包创建虚拟链接.这样,当您需要intellisense时,编辑器将通过lerna在引导阶段创建的虚拟文件链接,从而允许您创建任意数量的常见包,而无需进行任何繁重的连接以连接所有使用者包.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!