Webpack 微型前端：导入外部遥控器

使用Webpack的微前端体系结构插件，如何从其他存储库导入远程设备？

在主机上，配置主机，例如：

//webpack.config.js
插件：[
新ModuleFederationPlugin({
遥控器：{
傅：'foo@http：//localhost:3002/remoteEntry.js'，
},
})
]
//index.js
导入（'foo/Bar'）。然后（{default:Bar}）=>console.log（Bar））

在遥控器上：

输出：{
公共路径：'http://localhost:3002/“，//确保在指定的端口上运行
},
插件：[
新ModuleFederationPlugin({
名称：“foo”，
文件名：“remoteEntry.js”，
曝光：{
“./Bar”：“./src/Bar”，
},
})
]

当然，您需要配置一些共享依赖项等。我建议您在

此外，一旦您开始共享一些常见的依赖项，您将希望在应用程序的根目录下使用异步边界。像这个