2

我设法创建了一个有效的单水疗应用程序（带有导航栏和其他 3 个应用程序），从https://github.com/joeldenning/coexisting-angular-microfrontends复制和修改。

现在，我知道单个 SPA 应用程序实例的最终输出必须采用 single-spa 接受的格式。但是，我想知道是否以及如何让单个微前端在本地运行以用于开发目的。

假设我想独立开发导航栏微 ui，只在浏览器中使用导航栏。

当我开始npm run start（运行ng start）时，我只得到main.js服务。并且 Angular 不会引导。

我需要改变什么？

问候

4

2 回答 2

1

从推荐设置文档的本地开发部分：

与单体前端应用程序相比，使用 single-spa 进行本地开发鼓励只运行您正在处理的一个微前端，同时使用所有其他微前端的已部署版本。

在创建隔离环境来运行单个微前端时存在潜在的缺陷，例如生产环境和本地环境之间的差异（例如，导入地图、全局、字体、css 等中的版本）。

也就是说，对独立环境的需求是存在的，因此创建了standalone-single-spa-webpack-plugin来满足这种用途。此设置也尝试通过使用导入映射来尽可能接近生产环境，但可能会遇到相同的问题。

于 2020-08-10T21:39:48.153 回答
0

抱歉回复晚了，但我今天遇到了这个问题，我能够通过对angular.json文件进行一些更改并创建一个新文件来管理它，该文件最初是从tsconfig.app.json 这里的想法复制的，即在projects在提供应用程序时angular.json，package.json您将需要使用--project标志。在angular-app文件夹中的这个repo中找到一个完整的工作解决方案，这个提交将向你展示我所做的更改

于 2021-02-16T17:14:28.140 回答