How can I lazy load remoteEntry.js

I see remote app start loading after all the remoteEntry.js loaded if i put all the remotes to host’s webpack config.

And in angular11-microfrontends, there is a method named loadRemoteEntry to load remoteEntry.js when I need it. But I should add the method to my project.

Is there any original webpack config to enable lazy load remoteEntry.js when I import the remote app? Just like this:

new ModuleFederationPlugin({
  remotes: {
    "microfeeg-app-child1": {
      url: "microfeeg_app_child1@/microfeeg-app-child1/remoteEntry.js",
      lazy: true,
     }
  },
}),

Thanks for replay.😁

[popuguytheparrot]

How are the promises? Which plugin? I just indicate the path to the remoteEntry.js in the webpack module federation and that’s it. How to access the behavior of the plugin?

[ScriptedAlchemy]

Upon looking into the webpack core code. Webpack will try/want to initialize all remotes known to it upfront. If you want to prevent that. You can create a proxy trap with promise new promise, basically resolve nothing and perform init manually when get() is fired.