javascript - 使用Angular4创建即插即用插件框架设置

我的应用程序在IBM WebSphere门户中，在该门户中，我们为所有portlet提供了集中式主题。我们构建具有特定功能的单个portlet，然后将其从页面安装到门户中，如下所示。


因此，我们总共构建了一个包含大量Portlet(单个Web应用程序)的门户。在门户中，我们根据需要创建页面并拖放每个portlet。

现在的要求是，我们将一切都转移到以Angular4为前端的微服务架构。目前，我正在使用具有许多UI组件和功能的angular4应用程序。我发布这个问题是为了获得一些想法或可能性，是否可以在Angular 4中创建具有以下基本功能的门户，例如IBM WebSphere / Liferay:

用户/团队可以创建单独的单独的angular4应用程序，进行构建，并且可以在主要应用程序中进行安装/卸载，例如门户网站(IBM WebSphere)中的porltets。

用户将能够查看所有已安装的Angular4应用程序，并可以创建页面，将这些应用程序拖放到新创建的页面中。

安装的每个单独的Angular4应用程序(如portlet)将使用主应用程序主题。

谁能告诉我这是否可行。 Angular4中是否有任何框架设置

最佳答案

我想到的一种可能方法是使用webpack(或任何其他模块 bundle 器)来处理各种 Angular 应用程序。

您可以查看我的答案here，以简要概述如何配置Webpack。

最后，Angular仅编译为javascript。因此，这将是可能的。但是维护和测试整个应用程序可能需要付出巨大的努力。