[Bug]: ModuleFederation needs globalThis but polyfill chunks executed later

[nanianlisao]

Version

latest

Details

The minimum configuration is as follows:

moduleFederation: {
    options: {},
  },
  output: {
    polyfill: 'entry',
    overrideBrowserslist: ['chrome 70'],
  },

At this time, corejs injection does not take effect.

In addition, this seems to be a problem with rspack, webpack is ok

Reproduce link

no

Reproduce Steps

no

[github-actions]

Hello @nanianlisao. Please provide a reproduction repository or online demo. For background, see Why reproductions are required. Thanks ❤️

[chenjiahan]

You can find the core-js code in this chunk:

The default lib-polyfill chunk will not be generated when using moduleFederation.options, see https://rsbuild.dev/config/module-federation/options

[nanianlisao]

@chenjiahan You need to run it under chrome 70, and then the following error will appear.

The problem is that the polyfill does not take effect, not the splitChunk rule.

[nanianlisao]

Any new progress？ @chenjiahan

[chenjiahan]

Any reproduction?

[nanianlisao]

Sorry, my description is wrong, in fact the problem is that mf requires globalThis. However, after rsbuild turns on mf, corejs will be additionally divided into chunks and executed later, thus causing an error.

Uncaught ReferenceError: globalThis is not defined

https://github.com/nanianlisao/rsbuild-repro/tree/main

pnpm run dev

Open it in chrome 70 and you'll find the error

[chenjiahan]

Get, I have reproduced this problem. The MF runtime runs earlier than core-js, so the core-js globalThis polyfill cannot work as expected.

I will discuss with MF members how to fix this.

[chenjiahan]

A workaround is to use polyfill: "usage", this ensures that the polyfills can run before the MF runtime code.

export default defineConfig({
  plugins: [
    pluginReact({
      fastRefresh: false,
    }),
  ],
  moduleFederation: {
    options: {},
  },
  output: {
    polyfill: "usage",
    overrideBrowserslist: ["chrome 70"],
  },
});

[nanianlisao]

Yes, it works. But I would like to inject polyfill via entry, for example for compatibility with some third-party packages, and it works fine in webpack.

[chenjiahan]

Do you mean webpack's Module Federation v1 plugin or Module Federation enhanced?

Module Federation v1 does not use globalThis.

[chenjiahan]

I have discussed this with @2heal1 and MF will consider adding a minimal globalThis polyfill to the runtime code.

[2heal1]

Try @module-federation/[email protected] by setting implementation options