Angular 8 - 创建共享相同应用程序模块的多应用程序结构答案

【问题标题】：Angular 8 - Create multi-app structure sharing same app moduleAngular 8 - 创建共享相同应用程序模块的多应用程序结构
【发布时间】：2020-01-12 02:18:02
【问题描述】：

我需要创建 5 个应用程序（Ionic 4/Angular 8），其中 90% 的代码相同，但差异很小。所以我想要实现的是类似于下面的树：

projects/
    app1/
    app2/
    app3/
    app4/
    main/

在app1，app2等我打算只有：

global.scss，这样我就可以通过更改一些变量来更改底层应用程序的全局样式。
angular.json 定义应用名称以及如何构建/运行
tsconfig.json，我在 compilerOptions.paths 中定义：'@main/*': ['../main/src']，这样我就可以从主应用程序导入任何我想要的东西
最后是 main.ts 以使用来自 main 应用程序的 AppModule。

main 本身就是一个功能齐全的应用程序。

Angular 8 中是否有办法做到这一点并重新使用来自 main 的应用程序，只需更改一些 scss 并可能在需要时覆盖一些模块？

我看过关于使用ng generate lib library 然后重用所有组件的教程，但这会让我重复所有代码，这就是我想要避免的。

【问题讨论】：

【解决方案1】：

Angular cli 多项目设置基本上可以重用任何项目中的任何代码。所以你在你的库中创建你的整个应用程序，你所需要复制的只是你的 app.module。如果你体面地模块化你的应用程序，那根本不是问题。

是的；

ng generate application <application-name>

还有

ng generate library <library-name>

是你的朋友。

【讨论】：

【解决方案2】：

您可以从“appN”引用“main”中的代码，所以应该不是问题。可以导入常用的 TS & scss 文件。

我以类似的方式在几个应用程序中重复使用一组通用组件。

【讨论】：