Angular 组件代码复用策略

Question

我有一个包含许多组件的大型 Angular 4。 我需要在不同的项目中使用相同的组件。 我不想复制代码并在不同的项目中使用。 我似乎找不到为 Angular 创建组件“库”的方法。 我倾向于使用 git 子模块来至少为代码的所有使用者提供中心位置。

还有其他人知道的更好的策略吗？

Answer 1

我在同样的问题上苦苦挣扎，最后找到了使用第三方 angular-library 构建器的解决方案，它工作得非常好。构建库后，我将其发布到我们的私有 npm 存储库，其他 Angular CLI 项目像使用任何其他库一样使用它。

我可以推荐angular librarian，它易于设置，在构建库时有很多智能自动化过程，并且是一个非常积极和乐于助人的开发人员。

Answer 2

这里有两个选择。

1. 在库中组织您的代码，请参阅this 以供参考。基本上你需要这些命令：

ng new my-workspace --create-application=false
cd my-workspace
ng generate library my-lib

1. 或者您可以尝试使用称为 monorepo 的新方法。 Reference

monorepo 是一个单一的 git 存储库，其中包含用于 多个应用程序和库，以及它们的工具。