How is remoteEntry.js created in module federation/micro frontend?

Question

I'm reading up on module federation/ MFE and it all seems to make sense besides the remoteEntry.js file.

So if I understand this correctly, my MFE:

• Creates a remoteEntry.js file which my host then looks for and that is how the code is integrated to my host app? Basically all my MFE code is complied into this js file?
• How is remoteEntry.js created? I can't see it in my MFE's file directory.
• Do I need to 'rebuild' my MFE every time I want to make a change and see it on my host app?

Answer 1

Answering your questions, yes everything is compiled in to the remoteEntry.js and then you load that into another frontend (shell, or parent). Usually this file gets created by your compiler (webpack + babel). For development you will usually have a hot reload for webpack and that will basically regenerate your build during dev.