# 全局变量
:::note 注意
全局变量仅可读，不要修改此变量！
:::
## **FEDERATION**
初始化完成后，会在全局注入 `__FEDERATION__` 变量，该变量是一个对象，包含了当前应用的所有模块联邦信息。
### moduleInfo
:::tip
推荐使用 [chrome devtools](/zh/guide/debug/chrome-devtool.md) 查看处理后的 `moduleInfo`。
:::
记录当前应用所有的模块信息，根据此信息可以获取模块的依赖关系。
moduleInfo 结构是对象，其中 key 由 `moduleName` 和 `moduleVersion` 两部分组成： `{moduleName}(:{moduleVersion})`。
`moduleName` 是模块的名称，`moduleVersion` 是模块的版本或者 `url` 。
`moduleVersion` 仅在生产者模块中存在。
下面举例如何利用 `moduleInfo` 获取依赖关系，假设有下列的 `moduleInfo`：
moduleInfo
```json
moduleInfo: {
"manifest_host": {
"version": "",
"remoteEntry": "",
"remotesInfo": {
"webpack_provider": {
"matchedVersion": "http://localhost:3009/mf-manifest.json"
},
"rspack_manifest_provider": {
"matchedVersion": "http://localhost:3011/mf-manifest.json"
},
"app1": {
"matchedVersion": "http://127.0.0.1:4001/mf-manifest.json"
},
"rspack_provider": {
"matchedVersion": "http://localhost:3010/mf-manifest.json"
}
}
},
"rspack_manifest_provider:http://localhost:3011/mf-manifest.json": {
"version": "http://localhost:3011/mf-manifest.json",
"buildVersion": "0.0.0",
"globalName": "rspack_manifest_provider",
"remoteEntry": "remoteEntry.js",
"remoteEntryType": "global",
"remoteTypes": "",
"remoteTypesZip": "@mf-types.zip",
"remoteTypesAPI": "@mf-types.d.ts",
"remotesInfo": {},
"shared": [
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react-dom_18_3_1_react_18_3_1_node_modules_react-dom_client_js-_9b5b0.js",
"node_modules_pnpm_react-dom_18_3_1_react_18_3_1_node_modules_react-dom_client_js-_9b5b1.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom/client",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react-dom_18_3_1_react_18_3_1_node_modules_react-dom_index_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react_18_3_1_node_modules_react_index_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react",
"version": "18.3.1"
}
],
"modules": [
{
"moduleName": "Component",
"modulePath": "./Component",
"assets": {
"js": {
"sync": [
"__federation_expose_Component.js"
],
"async": [
"src_asyncFile_ts.js"
]
},
"css": {
"sync": [],
"async": []
}
}
}
],
"publicPath": "http://localhost:3011/"
},
"webpack_provider:http://localhost:3009/mf-manifest.json": {
"version": "http://localhost:3009/mf-manifest.json",
"buildVersion": "0.0.0",
"globalName": "webpack_provider",
"remoteEntry": "remoteEntry.js",
"remoteEntryType": "global",
"remoteTypes": "",
"remoteTypesZip": "@mf-types.zip",
"remoteTypesAPI": "@mf-types.d.ts",
"remotesInfo": {},
"shared": [
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react-dom_18_3_1_react_18_3_1_node_modules_react-dom_client_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom/client",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react-dom_18_3_1_react_18_3_1_node_modules_react-dom_index_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react_18_3_1_node_modules_react_jsx-dev-runtime_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react/jsx-dev-runtime",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react_18_3_1_node_modules_react_index_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react",
"version": "18.3.1"
}
],
"modules": [
{
"moduleName": "useCustomRemoteHook",
"modulePath": "./useCustomRemoteHook",
"assets": {
"js": {
"sync": [
"__federation_expose_useCustomRemoteHook.js"
],
"async": []
},
"css": {
"sync": [],
"async": []
}
}
},
{
"moduleName": "WebpackSvg",
"modulePath": "./WebpackSvg",
"assets": {
"js": {
"sync": [
"__federation_expose_WebpackSvg.js"
],
"async": []
},
"css": {
"sync": [],
"async": []
}
}
},
{
"moduleName": "WebpackPng",
"modulePath": "./WebpackPng",
"assets": {
"js": {
"sync": [
"__federation_expose_WebpackPng.js"
],
"async": []
},
"css": {
"sync": [],
"async": []
}
}
}
],
"publicPath": "http://localhost:3009/"
},
"app1:http://127.0.0.1:4001/mf-manifest.json": {
"version": "http://127.0.0.1:4001/mf-manifest.json",
"buildVersion": "0.1.94",
"globalName": "app1",
"remoteEntry": "remoteEntry.js",
"remoteEntryType": "global",
"remoteTypes": "",
"remoteTypesZip": "@mf-types.zip",
"remoteTypesAPI": "@mf-types.d.ts",
"remotesInfo": {},
"shared": [
{
"assets": {
"js": {
"async": [],
"sync": [
"static/js/lib-react.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom/client",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"static/js/lib-react.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"static/js/lib-react.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react/jsx-dev-runtime",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"static/js/lib-react.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react/jsx-runtime",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"static/js/lib-react.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react",
"version": "18.3.1"
}
],
"modules": [
{
"moduleName": "thing",
"modulePath": "./thing",
"assets": {
"js": {
"sync": [
"static/js/async/__federation_expose_thing.js"
],
"async": []
},
"css": {
"sync": [],
"async": []
}
}
},
{
"moduleName": "react-component",
"modulePath": "./react-component",
"assets": {
"js": {
"sync": [
"static/js/lib-router.js",
"static/js/async/vendors-node_modules_pnpm_babel_runtime_7_26_0_node_modules_babel_runtime_helpers_asyncToGene-ca0e7f.js",
"static/js/async/src_components_react-component_tsx.js",
"static/js/async/__federation_expose_react_component.js"
],
"async": []
},
"css": {
"sync": [],
"async": []
}
}
}
],
"prefetchInterface": true,
"publicPath": "http://127.0.0.1:4001/"
},
"rspack_provider:http://localhost:3010/mf-manifest.json": {
"version": "http://localhost:3010/mf-manifest.json",
"buildVersion": "0.0.0",
"globalName": "rspack_provider",
"remoteEntry": "remoteEntry.js",
"remoteEntryType": "global",
"remoteTypes": "",
"remoteTypesZip": "@mf-types.zip",
"remoteTypesAPI": "@mf-types.d.ts",
"remotesInfo": {},
"shared": [
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react-dom_18_3_1_react_18_3_1_node_modules_react-dom_client_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom/client",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react-dom_18_3_1_react_18_3_1_node_modules_react-dom_index_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react-dom",
"version": "18.3.1"
},
{
"assets": {
"js": {
"async": [],
"sync": [
"node_modules_pnpm_react_18_3_1_node_modules_react_index_js.js"
]
},
"css": {
"async": [],
"sync": []
}
},
"sharedName": "react",
"version": "18.3.1"
}
],
"modules": [
{
"moduleName": "ButtonOldAnt",
"modulePath": "./ButtonOldAnt",
"assets": {
"js": {
"sync": [
"__federation_expose_ButtonOldAnt.js"
],
"async": []
},
"css": {
"sync": [
"__federation_expose_ButtonOldAnt.css"
],
"async": []
}
}
}
],
"publicPath": "http://localhost:3010/"
}
}
```
Type declaration
```ts
type GlobalShareScopeMap = {
[instanceName: string]: {
[scope: string]: {
[pkgName: string]: {
[sharedVersion: string]: {
version: string;
get: (() => () => Module) | (() => Promise<() => Module>);
shareConfig: {
singleton?: boolean;
requiredVersion: false | string;
eager?: boolean;
strictVersion?: boolean;
layer?: string | null;
}
scope: Array<string>;
useIn: Array<string>;
from: string;
deps: Array<string>;
lib?: () => Module;
loaded?: boolean;
loading?: null | Promise<any>;
// compatibility with previous shared
eager?: boolean;
/**
* @deprecated set in initOptions.shareStrategy instead
*/
strategy: 'version-first' | 'loaded-first';
}
};
};
};
};
```
__SHARE__
```json
"__SHARE__": {
"manifest_host:0.0.0": {
"default": {
"react-dom/client": {
"18.3.1": {
"deps": [],
"useIn": [],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react-dom": {
"18.3.1": {
"deps": [],
"useIn": [
"webpack_provider",
"rspack_provider"
],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react/jsx-dev-runtime": {
"18.3.1": {
"deps": [],
"useIn": [
"app1",
"webpack_provider"
],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react": {
"18.3.1": {
"deps": [],
"useIn": [
"webpack_provider",
"app1",
"rspack_provider"
],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react/jsx-runtime": {
"18.3.1": {
"deps": [],
"useIn": [],
"from": "app1",
"loading": null,
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"strategy": "loaded-first"
}
}
}
},
"app1:0.1.94": {
"default": {
"react-dom/client": {
"18.3.1": {
"deps": [],
"useIn": [],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react-dom": {
"18.3.1": {
"deps": [],
"useIn": [
"webpack_provider",
"rspack_provider"
],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react/jsx-dev-runtime": {
"18.3.1": {
"deps": [],
"useIn": [
"app1",
"webpack_provider"
],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react": {
"18.3.1": {
"deps": [],
"useIn": [
"webpack_provider",
"app1",
"rspack_provider"
],
"from": "webpack_provider",
"loading": {},
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"loaded": true,
"strategy": "version-first",
"lib": "function (){}"
}
},
"react/jsx-runtime": {
"18.3.1": {
"deps": [],
"useIn": [],
"from": "app1",
"loading": null,
"get": "function (){}",
"scope": [
"default"
],
"shareConfig": {
"requiredVersion": "^18.3.1",
"singleton": true,
"eager": false,
"strictVersion": false,
"layer": null
},
"strategy": "loaded-first"
}
}
}
}
}
```
