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

前端之家收集整理的这篇文章主要介绍了TypeScript:重用前端(Angular)和后端的接口和类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个基于前端(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在引导阶段创建的虚拟文件链接,从而允许您创建任意数量的常见包,而无需进行任何繁重的连接以连接所有使用者包.

猜你在找的Angularjs相关文章