Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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在引导阶段创建的虚拟文件链接,从而允许您创建任意数量的常见包,而无需进行任何繁重的连接以连接所有使用者包.

大佬总结

以上是大佬教程为你收集整理的TypeScript:重用前端(Angular)和后端的接口和类全部内容,希望文章能够帮你解决TypeScript:重用前端(Angular)和后端的接口和类所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。