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

Question

我有这个要求来创建 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中使用。AppModulemain

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

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

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

标签： angularionic-frameworkionic4angular8

Answer 1

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

是的;

ng generate application <application-name>

和

ng generate library <library-name>

是你的朋友。