Create a plug and play plugin framework setup using Angular4

Question

My application was in IBM WebSphere portal, where we have a centralized theme for all the portlets. We build individual portlets with the specific features which are then installed from a page into the portal like as shown below.

So altogether we build a portal with lots of portlets (individual web application). In the portal we creates pages and drag and drop each of these portlets as per the requirements.

Now the requirement was that we are moving everything to Micro service Architecture with Angular4 as the front-end. Currently I am having an angular4 application having many UI components and features. I am posting this question to get some ideas or possibility whether it is possible to create a portal like IBM WebSphere/ Liferay in Angular 4 with having the following basic features:

• User/Team can create separate individual angular4 application, build and will be able to install/uninstall within the main application like porltets in portal (IBM WebSphere).
• User will be able to view all the installed Angular4 application and can create pages, drag and drop those application within a newly created page.
• Each separate Angular4 application (like portlets) installed will be using the main application theme.

Can anyone tell me whether this is doable. Do we have any framework setup in Angular4

Answer 1

One of the possible ways I can think of is using webpack(or any other module bundler) to handle the various angular application.

You can check out my answer here to get a brief overview of how you can configure webpack.

In the end, Angular compile to javascript only. So, It will be possible. But the effort needed to maintain and test the overall application might be huge.