Support Module Federation library type:'module'

[k4rl1]

When I use

moduleFederation: { options: { name: 'template-rspack-react', library: { type: 'module' }, ...

when I build the application with 'rsbuild build' I get

JavaScript parsing error: 'import', and 'export' cannot be used outside of module code ╭─[4498:1] 4498 │ var __webpack_exports__ = __webpack_require__("581");var __webpack_exports__get = __webpack_exports__.get; 4499 │ var __webpack_exports__init = __webpack_exports__.init; 4500 │ export { __webpack_exports__get as get, __webpack_exports__init as init }; · ────── 4501 │ 4502 │ })()

which is in my opinion related to the webpack config property environment: {module: true} which does not work with rspack but works fine with webpack.

module.exports = { output: { environment: { module: true }, },

https://webpack.js.org/configuration/output/#outputenvironment

Thanks!

[ahabhgk]

Already supported

which is in my opinion related to the webpack config property environment: {module: true} which does not work with rspack but works fine with webpack.

What problem have you encountered? Would you provide a minimal reproduce?

[github-actions]

Hello @k4rl1, sorry we can't investigate the problem further without reproduction demo, please provide a repro demo by forking rspack-repro, or provide a minimal GitHub repository by yourself. Issues labeled by need reproduction will be closed if no activities in 14 days.

[k4rl1]

Will post a demo today

[k4rl1]

Here is the demo: https://github.com/k4rl1/rspack-repro-mf-module-demo
npm run build:rsbuild tries to build it with rsbuild and fails
npm run build:webpack builds it with webpack and works

Adding:

 experiments: {
    outputModule: true,
  },

AND
environment: { module: true, dynamicImport: true }

like it is in the webpack config which is necessary to get it working in webpack does not do anything in the rspack config.

[ahabhgk]

Have you tried using the same configuration in rspack? It should work if you also add environment: { module: true, dynamicImport: true } in rspack

[k4rl1]

Yes, this is what I mentioned above. It does not work in the rspack config but it works fine in webpack which is the reason a opened this issue.

[ahabhgk]

I see.. Rspack didn't extract the entry module out of the iife #6402, which cause the parsing error above, we will fix it in the next few days, thanks for report this and the reproduction you provided

[k4rl1]

Great to hear, thanks for the effort you put into it :) I will happily test it when it's done.

[github-actions]

Since the issue was labeled with need reproduction, but no response in 14 days. This issue will be closed. Feel free to comment and reopen it if you have any further questions.

[ahabhgk]

Could you try the latest rsbuild, and add config.experiments.outputModule = true; in tools.rspack, rsbuild didn't enable it by default, and in the webpack.config.cjs it's enabled, that's why webpack build succeed but rsbuild failed

[k4rl1]

Ah thank you was not aware that it works like that. Thanks for your help :) Works fine now.