访问另一个 angular 项目

Question

我正在开发一个应用程序，使用户能够根据自己的喜好为应用程序设置主题。（为了更好理解命名为 App-A）

我需要访问主应用程序 App-B 的某些部分。我想显示其中一部分的预览，以便用户可以立即看到他们的更改。我怎样才能做到这一点？这两个应用程序现在都在自己的存储库中，如果 App-A 将有一个后端和一个小前端，我认为最好的方法不是将它们放在一个存储库中。

我正在考虑只复制并跳过所需的部分，但我不想这样做。我需要访问 .scss 文件和一部分用于预览（两个模块）。

App-B 的结构看起来有点像这样：

|app
 |---src
  |---scss
|libs
 |
 |---libA
 |---libB
 |---...

我需要访问 scss 目录和 libs.

最终的目标是两个应用程序都在同一台服务器上，现在它是本地的。我不想也不需要访问整个应用程序。

其中右边的'Sample Application'或'Theme Preview'为App-B的内容

Answer 1

您需要一个 monorepo 结构，在该结构中您可以拥有多个项目和在多个项目中使用的公共库。你想在两个项目中使用的公共部分可以在库中创建，它可以是组件、服务、接口等。我们在我们的应用程序中做同样的事情，我们有 6 个项目使用相同的库。另外，您可以将它们作为一个项目托管。

下面是关于如何设置 monorepo 的示例。它使用 NX 维护 monorepo 非常强大（必须推荐）。看看它是否有意义，如果您需要更多信息，请告诉我。

Answer 2

你有三个选择

git 子模块（更简单，支持主项目和组件库的分支）
npm publish（你也可以在你的 npm 包中发布 scss 文件，没问题）
一个子类2，但是不需要发布包。您可以配置主项目的 package.json 以从 git 中提取一些依赖项，例如：

... “依赖”：{ "mylib": "github:andreo-k/venturo#master", ...

这将在您执行 npm install

时拉取组件库的源代码

Access to another angular project