我将让您仔细阅读git 中的子模块如何工作，

以了解此结构的局限性和陷阱。 我们项目的 git 子模块架构的一般原则应该如下所示： Host和Alien都是独立的，保存在不同的git存储库中； Host 将 Alien 引用为子模块。在此阶段，Host 选择 Alien 的特定状态（提交）并将其添加为 Host 文件夹结构中的子文件夹（看起来像是子文件夹）作为 git 子模块添加到 应用程序中  作为 git 子模块添加到 jQuery T（大预览） 添加子模块的过程对于任何应用程序都是相同的。教学gies超出了本文的范围，与弗兰肯斯坦移民本身没有直接关系。因此，让我们简单地看一下可能的示例。 在下面的代码片段中，我们以 React 方向为例。对于任何其他迁移方向，请替换react为 的分支名称，或根据需要调整为自定义值。 如果您使用原始 演示存储库中的分支（或任何其他迁移方向）进行操作，则 Alien 应用程序应该已经作为 位于其中git submodule，并且您应该看到相应的文件夹。


但该文件夹默认为空，需要更新并初始化已注册的子模块。 从项目的根 美国手机号码列表  目录（您的主机）复制 请注意，在这两种情况下，我们都会安装 Alien 应用程序的依赖项，但这些依赖项会被沙箱到子文件夹中，并且不会污染我们的主机。 将 Alien 应用程序添加为主机的子模块后，您将获得独立的（就微服务而言）Alien 和 Host 应用程序。然而，在这种情况下，Host 将 Alien 视为子文件夹，显然，这允许 Host 毫无问题地访问 Alien。 3. 编写一个外星微服务/组件 # 在这一步，我们必须决定首先迁移哪个微服务，并在 Alien 端编写/使用它。让我们遵循在步骤 1 中确定的相同服务顺序，从第一个服务开始：用于添加新项目的输入字段。





然而，在我们开始之前，让我们同意，除此之外，我们将使用更有利的术语组件而不是微服务或服务，因为我们正在朝着前端框架的前提迈进，并且术语组件遵循几乎任何现代框架的定义框架。存储库的分支包含一个结果组件，该组件将第一个服务“用于添加新项目的输入字段”表示为标头组件： React 中的标头组件 Vue 中的标头组件 在您选择的框架中编写组件超出了本文的范围，也不属于的一部分。然而，在编写 Alien 组件时需要记住一些事情。 独立 # 首先，Alien中的组件应该遵循之前在Host端设置的相同的独立原则：组件不应该以任何方式依赖于其他组件。 互操作性 # 由于服务的独立性，主机中的组件很可能以某种完善的方式进行通信，无论是状态管理系统、通过某些共享存储进行通信还是直接通过 DOM 事件系统进行通信。