与模块联邦反应微前端

Question

我认为创建微前端与Webpack 5模块联合会，如在https://indepth.dev/posts/1173/webpack-5-module-federation-a-game-changer-in-javascript-architecture上描述的。

有没有与Webpack 5模块联盟合作过的经验？如果是，你能分享一下你的经验吗？

我能用它创建一个新的反应应用工具吗？当我创建一个应用程序与创建一个新的反应应用程序，我看不到任何webpack.config.js文件。

Answer 1

有两个不同的问题，如果您询问如何在CRA中添加webpack module federation，您可以使用名为反应-重新连线的内容

您可以覆盖CRA webpack默认配置如下所示。

/* config-overrides.js */

module.exports = function override(config, env) {
  //do stuff with the webpack config...
  return config;
}

Answer 2

您可以运行脚本react-scripts eject来停止隐藏它在引擎盖下安装的内容，包括webpack配置。

Answer 3

下面是一个用于微前端与模块联邦5 https://github.com/sarat9/microfrontends反应的POC示例

在共享环境中使用插件'ModuleFederationPlugin‘公开并导入模块。