@module-federation/bridge-react
提供了用于 React 应用的 bridge
工具函数,其提供的 createBridgeComponent
可用于导出应用级别模块,createRemoteComponent
用于加载应用级别模块。Demo
使用 @module-federation/bridge-react
后不能将 react-router-dom
设置成 shared、否则构建工具将会提示异常。因为 @module-federation/bridge-react
通过代理 react-router-dom
实现对于路由的控制
Remote
Host
options
loader
() => Promise<Module>
loadRemote('remote1/export-app')
、import('remote1/export-app')
export
string
loading
React.ReactNode
fallback
ComponentType<{ error: any; }>
(props: PropsInfo)=> React.JSX.Element
bridgeInfo
{ rootComponent: React.ComponentType<T>; }
() => { render: (info: RenderFnParams) => void; destroy: (info: { dom: HTMLElement}) => void; }