How do you manage different angular version?

[jimkeecn]

Coming from article https://www.angulararchitects.io/blog/the-microfrontend-revolution-part-2-module-federation-with-angular/

I know this project could be out-dated. but from the reading, it looks like it can handle multiple angular version but in the actual git repo, it has only one packge.json.

Im currently facing an issue with how do we use micro-frontend with multiple angular apps with different version? is it possible?

[araujomartin]

Hi @jimkeecn. Yes, it's possible. You must wrap the mfe into a web component and expose the module via Module Federation or Native Federation.

[jimkeecn]

Hi @jimkeecn. Yes, it's possible. You must wrap the mfe into a web component and expose the module via Module Federation or Native Federation.

Thanks for the reply. I will certainly looking into web component and with module federation.
I was trying to explore the possibility for an enterprise front-end can be divided into multiple small project with different angular version so it will not running issue when to upgrade the angular version as a whole. In your expertise, is it a good way to structure the front-end like this?

[araujomartin]

Hi @jimkeecn. Yes, it's possible. You must wrap the mfe into a web component and expose the module via Module Federation or Native Federation.

Thanks for the reply. I will certainly looking into web component and with module federation. I was trying to explore the possibility for an enterprise front-end can be divided into multiple small project with different angular version so it will not running issue when to upgrade the angular version as a whole. In your expertise, is it a good way to structure the front-end like this?

I wouldn't recommend mixing different Angular versions in your frontend architecture, it can introduce unnecessary complexity and maintenance challenges.

I would only consider this approach when there's a strong need to integrate legacy code during a gradual migration process.