How to load multiple apps on the same domain in angular2?

I am trying to load two applications on the same domain based on my own roles. There are two ways to implement this: -

• Build a project and create a child of the application module using asynchronous-routing .
• Create a project and create two different apps, for example, the first is app and the second is app1 and download by role.

I am using angular-CLI of my project. I have 500+ components in my project. So which one is better and how to implement it?