使用模块的公用文件夹的多个Angular Apps

时间:2018-12-19 19:45:09

标签: angular module reusability code-reuse modularity

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

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

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+中如何实现。

2 个答案:

答案 0 :(得分:2)

来自Angular CLI的ng generate library命令将创建一个Angular库项目。从Angular 6开始可用。

答案 1 :(得分:1)

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

嘿,您可以使用NRWL工作区,在Nrwl WorkSpace中,您可以创建多个应用程序(app1,app2,app3,...)和多个库(lib1,lib2,lib3,...)。每个应用程序和lib都有一个可以单独测试的测试环境,此外,它还为现有的CLI添加了许多功能。

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

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