Dynamic remoteEntry.js URL plugin

Hi, I wrote a plugin to help solve the following two needs we had for module federation. I got the permission to open source it to help the community of module federation.

• Dynamic URL, have the ability to define the URL at runtime instead of hard code at build time.
• Cache invalidation. Append random query string to the end of the remoteentry.js to have better control of cache invalidation. For example, the getRandomString() below will generate the same random string in a 5 minutes window based on current epoch time.

Usage,

// webpack.config.js

plugins: [
    new ModuleFederationPlugin({
        name: 'my-app',
        remotes: {
            'my-remote-1': 'my-remote-1@[window.remote-1-domain]/remoteEntry.js?[getRandomString()]',
            ...
        },
        shared: {...}
    }),
    new ExternalTemplateRemotesPlugin(), //no parameter,
    ...otherPlugins,
]

Basically, this plugin modifies webpack generated code and transform the template string into a javascript expression, which it is able to read values from the global javascript context. Since module federation uses webpack external module, the plugin is applied to external module, not solely for module federation.

Here is the gist of the file. I use a gist instead of pasting here to have potential fixes.
https://gist.github.com/matthewma7/915b28846ad99d582e6b4ddea6dfc309

[ScriptedAlchemy]

Plugin has been published to npm

[ScriptedAlchemy]

Ill work on creating an npm package under module federation tomorrow @skyrex-mark

thanks @ksrb