如何让 Node 和 React 应用程序共享类

Question

我正在构建一个 Node 和 React 应用程序，两者都使用 TypeScript。其目录树如下：

我的问题：

由于我对两个堆栈使用相同的语言，并且将来也将使用 TypeScript 添加 React Native，所以我想知道如何创建一组用于所有堆栈的类。

为什么我想这样做：

DRY（不要重复）：我的目的是充分利用在所有层中使用相同的编程语言，因此创建两个相同的类是没有意义的。

到目前为止我已经尝试过：

我创建了第三个名为“util”的文件夹，并放置了一个通用类，只是为了使用它来测试 Node 和 React。像这样：

在 Node.js 中，我使用以下命令导入它：

import Person from "../../util/person.class";

在 React.js 中，我使用相同的逻辑来导入它：

import Person from "../../util/person.class";

正如我所预料的，两者都拒绝使用各自根文件夹之外的文件：

我还在互联网上搜索了相关内容，发现了一些“弹出”命令，一旦使用，就无法返回。我想避免这种方式。有什么对我有利的方法吗？

我还想提一下，我使用“tsc --init”为后端​​创建了一个 tsconfig.json，并将 rootDir 设置为“./src/”，将 outputDir 设置为“./dist/”。

谢谢。

Answer 1

您可以设置具有共享功能的第三个项目。然后您可以将共享包发布到 npm 存储库。然后就可以在前端和后端项目中安装共享包了。