Dynamic Module Federation on Angular Universal (SSR)

[rpanadero]

• I'd be willing to implement this feature (contributing guide)

Description

I would like to request that Dynamic Module Federation works on Angular Universal. I know there are no plans to support it after researching into issues: #10887 (comment). However, I think that this should be reconsidered

Static module federation is not a workaround for me because I need to have different remote URLs per environment (dev, pre and pro stages) without building every time.

As far as I know, the problem happens when "loadRemoteModule" function is called and internally tries to dynamically import the remote module by doing something like this:

import("http://my-remote-module/remoteEntry.js")

Motivation

Nowadays there are many applications that require server side rendering for SEO optimization and not to support dynamic module federation in this scenario is a little bit ugly.

Suggested Implementation

N/A

Alternate Implementations

N/A

[luizluan]

I also need this, most of my application are external plugins.

[ArgV04]

Maybe something you can take from here?

https://github.com/module-federation/module-federation-examples/tree/master/angular-universal-ssr

[johnitvn]

i am also trying to do this the result i get when run serve —devRemotes always 404 remoteEntry.mjs

[Coly010]

Hey :) Trust me when I say, I hear you 🙂
This is something that we want to add and to get right. SSR is fast becoming a first-class citizen in the Frontend World in general and we want to ensure that our Module Federation support for it is as great as possible.

It's something that we're tracking internally and it will be addressed at some point in the future. There are a lot of nuances with it (node vs browser) and therefore it is a little bit tricky.