Expect support for the syntax of import statements at runtime.

[FaureWu]

Clear and concise description of the problem

I expect to load remote resources at runtime. Currently, the official runtime package can only be used with loadRemote.

I expect is

Example:

import Button from "remote:app/Button"

Suggested solution

Before this, I modified a version based on a Webpack plugin to support this functionality:

RemoteWebpackPlugin

However, it is still quite basic, and I hope the official version can implement similar features.

Alternative

No response

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[danpeen]

with ModuleFederationPlugin you can use import statements syntax. if you are using pure MF runtime to register modules and load modules, you must use loadRemote instead of import statements syntax to load a module.

[FaureWu]

with ModuleFederationPlugin you can use import statements syntax. if you are using pure MF runtime to register modules and load modules, you must use loadRemote instead of import statements syntax to load a module.

This doesn't meet my needs. I don't want to register the remote at build time; instead, I want to register it at runtime, while still being able to use the same import xxx from xxx syntax, rather than loadRemote.

[FaureWu]

This doesn't meet my needs. I don't want to register the remote at build time; instead, I want to register it at runtime, while still being able to use the same import xxx from xxx syntax, rather than loadRemote.

At build time, we don't know which imports are remote, so we need a way to identify them, such as using a syntax like remote:app/xxx.

[ScriptedAlchemy]

you can use a runtime plugin to rewrite the requests as they happen.

https://module-federation.io/plugin/dev/index.html

https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins

using the hooks you could read the requested static import then rewrite it to somewhere else, and use some fake remote prefix/

import thing from 'interceptMe/REMOTE_NAME/EXPOSE_NAME'

then in runtimePlugin:

loadRemote() {
const realRequest = args.id.split('interceptMe')
return realRequest
}

something like that could work. i have dynamic rewrite examples in the federation example runtime plugin folder that i linked here

[FaureWu]

you can use a runtime plugin to rewrite the requests as they happen.

https://module-federation.io/plugin/dev/index.html

https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins

using the hooks you could read the requested static import then rewrite it to somewhere else, and use some fake remote prefix/

import thing from 'interceptMe/REMOTE_NAME/EXPOSE_NAME'

then in runtimePlugin:

loadRemote() { const realRequest = args.id.split('interceptMe') return realRequest }

something like that could work. i have dynamic rewrite examples in the federation example runtime plugin folder that i linked here

I tried using the runtime plugin, but it failed during the compilation phase because the 'remote' wasn't registered. As a result, the process couldn't reach the runtime plugin.