是否可以在 Angular 容器微前端中将 Angular JS 作为微前端运行？答案

【问题标题】：Is it possible to run Angular JS as a micro frontend in an Angular container micro frontend?是否可以在 Angular 容器微前端中将 Angular JS 作为微前端运行？
【发布时间】：2019-09-14 01:38:19
【问题描述】：

我正在研究如何将我们应用的前端单体架构迁移到微前端架构中。我在 AngularJS 和微前端看到的所有文档通常都在谈论使用 Angular 提供的 UpgradeModule 以及如何在混合状态下运行应用程序时慢慢取出 Angular JS 组件。

这不是我想要做的。在这一点上，我们不想投资将 AngularJS 组件迁移到 Angular 8+。我们正在尝试使用 Angular 8 应用程序作为容器应用程序（处理导航、身份验证、页眉、页脚）的微前端架构，然后将我们的 AngularJS 单体作为 Web 组件存在于 Angular 8 容器中。这可能吗？如果是这样呢？

【问题讨论】：

您不能只在容器应用程序中渲染适当的元素，并为使用该挂载的 Angular JS 单体加载正确的 JavaScript 吗？我们用 React 做我们所有的微前端，我们所要做的就是挂载每个前端将首先使用的 div，然后挂载 script 元素，指向正确的 JS 文件，然后应用程序正常挂载和加载.我知道 AngularJS 和 Angular 8 略有不同，但它的工作原理似乎有些相似，对吧？

标签： javascript angularjs angular micro-frontend

【解决方案1】：

您是否尝试过使用 single-spa 库？它有帮助集成不同的框架，如 AngularJS。看here。

【讨论】：

【解决方案2】：

你可以做一件事。使用 iframe。假设您必须为您的应用程序引入一个新功能，然后您在 react 中创建该功能，将其部署到某处并使用 iframe 集成它。

【讨论】：