假设我有五个微锋,每个都有
new ModuleFederationPlugin({
shared: [{
"foo": {
singleton: true,
eager: true,
shareKey: "foo",
import: "foo",
shareScope: "default",
}
]
})
在他们webpack的配置中。
我的理解是,浏览器将从其中一个微前端获取"foo“,然后所有其他微前端-- "foo”--都将得到已经下载的“foo”。
在浏览器中,有没有办法知道使用的是哪个微前端的"foo“副本?
发布于 2022-11-04 07:43:39
您可以从Devtools >源代码中检查这一点。例如StackBlize样品。
app1和app2都在使用React
,它们以Singleton的身份共享它,正如您从屏幕截图中看到的那样,它是由app2提供的。
https://stackoverflow.com/questions/71790215
复制相似问题