Angular4微前端

Question

我们有一个由多个服务组成的应用程序，其中有一个边缘服务路由和负载平衡所有请求到各个服务。

后端REST API部署在每台服务器上都没有问题，但我们有一个Angular4应用程序，它引用与此后端REST API一起开发的模块的路由。

如果我们发布一个新版本的服务，我们部署后端，边缘服务器开始路由到新版本。

问题是，我们总是需要重新部署边缘服务器，以便替换完整的Angular4应用程序，因为特定的模块已经更新。

我们使用angular-cli，它会自动生成(和散列) webpack包。我们所有的服务模块都在主应用程序中声明为npm依赖项，并捆绑为一个。

我们如何构建、打包和部署Angular4应用程序和我们的服务模块，以便使主应用程序引用外部包并保持路由按预期工作？

提前谢谢。

PS:后台服务和边缘服务器都是使用Netflix OSS的Spring Cloud应用程序。

Answer 1

Angular-CLI 1.6将代码将延迟加载的功能模块拆分成独立的块，理论上，这些块可以独立部署。ng build。请注意，只有在延迟加载功能模块的情况下，这才能起作用。

另一种解决方案是微型前端架构。虽然这个想法还处于初级阶段，但它仍然值得探索：

https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to-front-end-web-development-f325ebdadc16

https://micro-frontends.org/