Angular dist 文件夹（构建后）如何与多个项目一起使用

【问题标题】：How Angular dist folder(After build) works with multiple projectsAngular dist 文件夹（构建后）如何与多个项目一起使用
【发布时间】：2021-01-02 05:39:27
【问题描述】：

我正在创建 Angular 项目，为了优化构建时间，我将应用程序拆分为 3 个应用程序，App1、App2 和 App3。为了在单独构建 3 个项目后在本地进行测试，我将 App2 和 App3 main.js 文件复制到 App1（dist/app1_main/main.js 和 dist/app2_main/main.js）中。如何在 App1 中编写路由以加载 App2 和 App3 中的组件。

【问题讨论】：

标签： angular build

【解决方案1】：

看来您正在寻找更健壮的 Angular 架构。您可以使用多项目工作区来实现这一点，您可以在其中创建在应用程序之间共享组件的库，还可以创建公共服务。请看https://angular.io/guide/file-structure#multiple-projects

这里有关于此架构的精彩文档https://octoperf.com/blog/2019/08/22/kraken-angular-workspace-multi-application-project/

【讨论】：

非常感谢。这就是我正在寻找的东西。顺便说一句，这种多项目架构会优化构建时间吗？
这种方法的好处是您不需要像单存储库那样一次构建所有代码。 Dev-ops 可以专注于一个应用程序的构建和部署，而无需触及与更新无关的其他应用程序。