多个 Angular 个应用程序使用一个公共模块文件夹

Question

我想要实现的是可重用的模块。然而，我们有许多不同的应用程序，但都需要一些相同的基本构建块。例如，图形模块将有利于代码的可重用性，因为所有应用程序都使用相同的图形。

话虽如此，我只能找到在应用程序内部创建模块的方法。这很好，但不能很好地满足我们的需求，因为它也需要在另一个应用程序中使用。我想要的是如下内容：

Projects:
  ProjectOne
  ProjectTwo
  ModuleGraphs
    Graph 1 component
    Graph 2 component
    graph service
    graph directive
    graph module
  ModuleCommon
    Table Component
      table html
      table css
    common module

我记得在 Angular 1.x 中看到过类似的方法，但不确定在 Angular 2+ 中如何去做。

Answer 1

来自 Angular CLI 的 ng generate library 命令将创建一个 Angular 库项目。这在 Angular 6 之后可用。

Answer 2

Angular CLI 6.x 添加了在工作空间中创建不同类型项目的功能。

嘿，您可以使用 NRWL 工作区，在 Nrwl WorkSpace 中，您可以创建多个应用程序（app1、app2、app3、...）和多个库（lib1、lib2、lib3、...）每个应用程序和libs 有一个测试环境，可以单独测试，除此之外，它还为现有的 CLI 添加了很多功能。

Nx 是 Angular CLI 的扩展，实现了 monorepo 风格的开发。它还是运行时库、linter 和代码生成器的集合，可帮助大型团队更好地构建 Angular。

要了解更多信息，请访问 https://nrwl.io/nx

多个 Angular 个应用程序使用一个公共模块文件夹

Multiple Angular Apps using a common folder of modules

code-reuse

modularity

module

reusability

angular