@modern-js/main-doc 0.0.0-nightly-20240912170717 → 0.0.0-nightly-20240914170654

package/docs/zh/configure/app/performance/bundle-analyze.mdx

@@ -1,9 +1,25 @@
 ---
 title: bundleAnalyze
+configName: performance.bundleAnalyze
 ---
 
 # performance.bundleAnalyze
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/bundleAnalyze.md';
+- **类型：** `Object | undefined`
 
-<Main />
+用于开启 [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) 插件来分析产物体积。
+
+默认情况下，Modern.js 不会开启 `webpack-bundle-analyzer`。当开启该功能后，内部的默认配置如下:
+
+```js
+const defaultConfig = {
+  analyzerMode: 'static',
+  openAnalyzer: false,
+  // target 为编译目标，如 `web`、`node` 等
+  reportFilename: `report-${target}.html`,
+};
+```
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/chunk-split.mdx

@@ -1,9 +1,45 @@
 ---
 title: chunkSplit
+configName: performance.chunkSplit
 ---
 
 # performance.chunkSplit
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/chunkSplit.md';
+- **类型：** `Object`
+- **默认值：** `{ strategy: 'split-by-experience' }`
 
-<Main />
+`performance.chunkSplit` 用于配置 Modern.js 的拆包策略。配置项的类型 `ChunkSplit` 如下:
+
+```ts
+type ForceSplitting = RegExp[] | Record<string, RegExp>;
+
+interface BaseChunkSplit {
+  strategy?:
+    | 'split-by-module'
+    | 'split-by-experience'
+    | 'all-in-one'
+    | 'single-vendor';
+  override?: SplitChunks;
+  forceSplitting?: ForceSplitting;
+}
+
+interface SplitBySize {
+  strategy?: 'split-by-size';
+  minSize?: number;
+  maxSize?: number;
+  override?: SplitChunks;
+  forceSplitting?: ForceSplitting;
+}
+
+interface SplitCustom {
+  strategy?: 'custom';
+  splitChunks?: SplitChunks;
+  forceSplitting?: ForceSplitting;
+}
+
+export type ChunkSplit = BaseChunkSplit | SplitBySize | SplitCustom;
+```
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/dns-prefetch.mdx

@@ -1,9 +1,20 @@
 ---
 title: dnsPrefetch
+configName: performance.dnsPrefetch
 ---
 
 # performance.dnsPrefetch
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/dnsPrefetch.md';
+- **类型：** `undefined | string[]`
 
-<Main />
+- **默认值：** `undefined`
+
+为哪些资源配置 [dns-prefetch](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/dns-prefetch) 属性。
+
+配置该属性可以在请求资源之前解析域名，降低请求延迟，提升加载性能。
+
+更多信息可参考：[Using dns-prefetch](https://developer.mozilla.org/en-US/docs/Web/Performance/dns-prefetch)
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/preconnect.mdx

@@ -1,9 +1,21 @@
 ---
 title: preconnect
+configName: performance.preconnect
 ---
 
 # performance.preconnect
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/preconnect.md';
+- **类型：** `undefined | Array<string | PreconnectOption>`
 
-<Main />
+```ts
+interface PreconnectOption {
+  href: string;
+  crossorigin?: boolean;
+}
+```
+
+- **默认值：** `undefined`
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/prefetch.mdx

@@ -1,9 +1,26 @@
 ---
 title: prefetch
+configName: performance.prefetch
 ---
 
 # performance.prefetch
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/prefetch.md';
+- **类型：** `undefined | true | PrefetchOption`
 
-<Main />
+```ts
+type IncludeType = 'async-chunks' | 'initial' | 'all-assets' | 'all-chunks';
+
+type Filter = Array<string | RegExp> | ((filename: string) => boolean);
+
+interface PrefetchOption {
+  type?: IncludeType;
+  include?: Filter;
+  exclude?: Filter;
+}
+```
+
+- **默认值：** `undefined`
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/preload.mdx

@@ -1,9 +1,28 @@
 ---
 title: preload
+configName: performance.preload
 ---
 
 # performance.preload
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/preload.md';
+- **类型：** `undefined | true | PreloadOption`
 
-<Main />
+```ts
+type IncludeType = 'async-chunks' | 'initial' | 'all-assets' | 'all-chunks';
+
+type Filter = Array<string | RegExp> | ((filename: string) => boolean);
+
+interface PreloadOption {
+  type?: IncludeType;
+  include?: Filter;
+  exclude?: Filter;
+}
+```
+
+- **默认值：** `undefined`
+
+为 Rsbuild 构建生成的静态资源注入 [`<link rel="preload">`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Attributes/rel/preload) 标签。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/print-file-size.mdx

@@ -1,9 +1,45 @@
 ---
 title: printFileSize
+configName: performance.printFileSize
 ---
 
 # performance.printFileSize
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/printFileSize.md';
+- **类型：**
 
-<Main />
+```ts
+type PrintFileSizeOptions =
+  | {
+      /**
+       * 是否输出所有静态资源文件的总体积
+       */
+      total?: boolean;
+      /**
+       * 是否输出每个静态资源文件的体积
+       */
+      detail?: boolean;
+      /**
+       * 是否输出 gzip 压缩后的体积
+       */
+      compressed?: boolean;
+    }
+  | boolean;
+```
+
+- **默认值：** `true`
+
+是否在生产环境构建后输出所有静态资源文件的体积。
+
+```bash
+info    Production file sizes:
+
+  File                                      Size         Gzipped
+  dist/static/js/lib-react.09721b5c.js      152.6 kB     49.0 kB
+  dist/html/main/index.html                 5.8 kB       2.5 kB
+  dist/static/js/main.3568a38e.js           3.5 kB       1.4 kB
+  dist/static/css/main.03221f72.css         1.4 kB       741 B
+```
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/profile.mdx

@@ -1,9 +1,15 @@
 ---
 title: profile
+configName: performance.profile
 ---
 
 # performance.profile
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/profile.md';
+- **类型：** `boolean`
+- **默认值：** `false`
 
-<Main />
+是否捕获每个模块的耗时信息，对应 Rspack 的 [profile](https://webpack.js.org/configuration/other-options/#profile) 配置。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/remove-console.mdx

@@ -1,9 +1,15 @@
 ---
 title: removeConsole
+configName: performance.removeConsole
 ---
 
 # performance.removeConsole
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/removeConsole.md';
+- **类型：** `boolean | ConsoleType[]`
+- **默认值：** `false`
 
-<Main />
+在生产环境构建时，是否自动移除代码中的 `console.[methodName]`。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/remove-moment-locale.mdx

@@ -1,9 +1,15 @@
 ---
 title: removeMomentLocale
+configName: performance.removeMomentLocale
 ---
 
 # performance.removeMomentLocale
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/removeMomentLocale.md';
+- **类型：** `boolean`
+- **默认值：** `false`
 
-<Main />
+是否移除 [moment.js](https://momentjs.com/) 的语言包文件。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/performance/transform-lodash.mdx

@@ -4,6 +4,46 @@ title: transformLodash
 
 # performance.transformLodash
 
-import Main from '@modern-js/builder-doc/docs/zh/config/performance/transformLodash.md';
+- **类型：** `boolean`
+- **默认值：** `true`
+- **打包工具：** `仅支持 webpack`
 
-<Main />
+是否模块化 [lodash](https://www.npmjs.com/package/lodash) 的导入，删除未使用的 lodash 模块，从而减少 lodash 代码体积。
+
+这项优化基于 [babel-plugin-lodash](https://www.npmjs.com/package/babel-plugin-lodash) 和 [swc-plugin-lodash](https://github.com/web-infra-dev/swc-plugins/tree/main/crates/plugin_lodash) 实现。
+
+### 示例
+
+该选项默认开启，Modern.js 会自动将 `lodash` 的代码引用指向子路径。
+
+比如：
+
+```ts title="input.js"
+import _ from 'lodash';
+import { add } from 'lodash/fp';
+
+const addOne = add(1);
+_.map([1, 2, 3], addOne);
+```
+
+转换后的代码为：
+
+```ts title="output.js"
+import _add from 'lodash/fp/add';
+import _map from 'lodash/map';
+
+const addOne = _add(1);
+_map([1, 2, 3], addOne);
+```
+
+### 关闭转换
+
+在个别情况下，`lodash` 的 import 转换可能会生成不符合预期的代码，此时你可以手动关闭这项优化：
+
+```js
+export default {
+  performance: {
+    transformLodash: false,
+  },
+};
+```

package/docs/zh/configure/app/plugins.mdx

@@ -15,7 +15,7 @@ sidebar_position: 9
 
 该选项**用于配置框架插件**，如果你需要配置其他类型的插件，请选择对应的配置方式：
 
-- 配置 Modern.js Builder 插件，请使用 [builderPlugins](/configure/app/builder-plugins) 配置项。
+- 配置 Rsbuild 插件，请使用 [builderPlugins](/configure/app/builder-plugins) 配置项。
 - 配置 Rspack 或 webpack 插件，请使用 [tools.bundlerChain](/configure/app/tools/bundler-chain) 配置项。
 - 配置 Babel 插件，请使用 [tools.babel](/configure/app/tools/babel) 配置项。
 

package/docs/zh/configure/app/security/check-syntax.mdx

@@ -4,6 +4,70 @@ title: checkSyntax
 
 # security.checkSyntax
 
-import Main from '@modern-js/builder-doc/docs/zh/config/security/checkSyntax.md';
+- **类型：**
 
-<Main />
+```ts
+type CheckSyntax =
+  | boolean
+  | {
+      targets?: string[];
+      exclude?: RegExp | RegExp[];
+      ecmaVersion?: EcmaVersion;
+    };
+```
+
+- **默认值：** `false`
+
+用于分析构建产物中是否存在当前浏览器范围下不兼容的高级语法。如果存在，会将详细信息打印在终端。
+
+### 启用检测
+
+你可以将 `checkSyntax` 设置为 `true` 来启用语法检测。
+
+```ts
+export default {
+  security: {
+    checkSyntax: true,
+  },
+};
+```
+
+当你开启 `checkSyntax` 后，Modern.js 会在生产环境构建时进行检测，当在构建产物中检测到不兼容的高级语法后，会将错误日志打印在终端，并退出当前构建流程。
+
+### 错误日志
+
+错误日志的格式如下所示，包含代码来源文件、产物位置、错误原因、源代码等信息：
+
+```bash
+error   [Syntax Checker] Find some syntax errors after production build:
+
+  Error 1
+  source:  /node_modules/foo/index.js:1:0
+  output:  /dist/static/js/main.3f7a4d7e.js:2:39400
+  reason:  Unexpected token (1:178)
+  code:
+     9 |
+    10 | var b = 2;
+    11 |
+  > 12 | console.log(() => {
+    13 |   return a + b;
+    14 | });
+    15 |
+```
+
+:::tip
+目前语法检测是基于 AST parser 来实现的，每次检测时，只能找出文件中的第一个不兼容语法。如果一个文件中存在多个不兼容语法，你需要修复已发现的语法，并重新执行检测。
+如果日志中没有显示对应的源码位置，可以尝试将 **output.disableMinimize** 设置为 true 后再重新构建。
+:::
+
+### 解决方法
+
+当检测到语法错误后，你可以通过以下方式来处理：
+
+- 如果你希望降级该语法，以保证代码具备良好的兼容性，可以通过 `source.include` 配置来编译相应的模块。
+- 如果你不希望降级该语法，可以调整项目的 browserslist 范围，调整至与该语法相匹配的范围。
+- 如果你不希望对某些产物进行语法检查，可用 `checkSyntax.exclude` 配置排除要检查的文件。
+
+### 选项
+
+`security.checkSyntax` 底层基于 `@rsbuild/plugin-check-syntax` 实现，具体选项可参考 [@rsbuild/plugin-check-syntax](https://github.com/rspack-contrib/rsbuild-plugin-check-syntax)。

package/docs/zh/configure/app/security/nonce.mdx

@@ -1,9 +1,20 @@
 ---
 title: nonce
+configName: security.nonce
 ---
 
 # security.nonce
 
-import Main from '@modern-js/builder-doc/docs/zh/config/security/nonce.md';
+- **类型：**
 
-<Main />
+```ts
+type Nonce = string;
+```
+
+- **默认值：** `undefined`
+
+为 HTML 所引入的脚本资源添加随机属性值 nonce，使浏览器在解析到带有匹配 nonce 值的内联脚本时，能判断该脚本是否能执行。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/security/sri.mdx

@@ -1,9 +1,26 @@
 ---
 title: sri
+configName: security.sri
 ---
 
 # security.sri
 
-import Main from '@modern-js/builder-doc/docs/zh/config/security/sri.md';
+- **类型：**
 
-<Main />
+```ts
+type SriOptions = {
+  hashFuncNames?: [string, ...string[]];
+  enabled?: 'auto' | true | false;
+  hashLoading?: 'eager' | 'lazy'; // only support webpack
+};
+```
+
+- **默认值：** `undefined`
+
+为 HTML 所引入的 `<script>` 和 `<link rel="stylesheet">` 标签添加完整性属性 —— `integrity`，使浏览器能够验证引入资源的完整性，以此防止下载的资源被篡改。
+
+:::info
+SRI 的具体介绍可以参考 [Rsbuild security.sri](https://rsbuild.dev/zh/config/security/sri)。
+
+该配置类型和 Rsbuild 不完全一致，在构建时将自动进行转换。
+:::

package/docs/zh/configure/app/server/port.mdx

@@ -1,5 +1,6 @@
 ---
 title: port
+configName: server.port
 ---
 
 # server.port
@@ -36,3 +37,7 @@ export default defineConfig({
   },
 });
 ```
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/server/ssr.mdx

@@ -25,15 +25,16 @@ export default defineConfig({
 
 当值类型为 `Object` 时，可以配置如下属性：
 
-- `mode`：`string = 'string'`，默认为使用 `renderToString` 渲染。配置为 `stream` 开启流式渲染。
-- `forceCSR`：`boolean = false`，默认关闭强制 CSR 渲染。配置为 `true` 后，在页面访问时添加 `?csr=true` 或添加请求头 `x-modern-ssr-fallback` 即可强制 CSR。
-- `inlineScript`：`boolean = true`，默认情况下，SSR 的数据会以内联脚本的方式注入到 HTML 中，并且直接赋值给全局变量。配置为 `false` 后，会下发 JSON，而不是赋值给全局变量，Streaming SSR 下，该配置不会生效。
-- `disablePrerender`: `boolean = fasle`, 为了兼容旧数据请求方式 - `useLoader`, 默认情况下 Modern.js 会对组件进行一次预渲染即有两次渲染。
-  开发者在保证项目中没有使用 useLoader Api 情况下, 可通过配置 `disablePrerender=true`来减少一次渲染。
-- `unsafeHeaders`: `string[] = []`, 为了安全考虑，Modern.js 不会往 SSR_DATA 添加过多的内容。开发者可以通过该配置，对需要注入的 headers 进行配置。
-- `scriptLoading`: `'defer' | 'blocking' | 'module' | 'async'`, 配置同 [html.scriptLoading](/configure/app/html/script-loading)，支持 ssr 注入的 script 设置为 async 加载方式。优先级为 `ssr.scriptLoading` > `html.scriptLoading`
-- `loaderFailureMode`: `'clientRender' | 'errorBoundary'`, 默认配置为 `'errorBoundary'`，当 [data loader](/guides/basic-features/data/data-fetch.html#data-loader推荐) 中出错时，默认会渲染路由 [`Error`](/guides/basic-features/routes.html#错误处理) 组件，
-配置为 `'clientRender'` 时，有一个 data loader 抛错，就降级到客户端渲染，可以与 [Client Loader](/guides/basic-features/data/data-fetch.html#client-loader) 配合使用。
+| 属性              | 类型                                                               | 默认值                                   | 描述                                                                     |
+| ---------------- | ------------------------------------------------------------- | -------------------------------------- | ---------------------------------------------------------------------------- |
+| mode             | `string`                                  | `string`          | 默认为使用 `renderToString` 渲染。配置为 `stream` 开启流式渲染       |
+| forceCSR         | `boolean`                                 | `false`           | 默认关闭强制 CSR 渲染。配置为 `true` 后，在页面访问时添加 `?csr=true` 或添加请求头 `x-modern-ssr-fallback` 即可强制 CSR |
+| inlineScript     | `boolean`                                 | `true`            | 默认情况下，SSR 的数据会以内联脚本的方式注入到 HTML 中，并且直接赋值给全局变量。配置为 `false` 后，会下发 JSON，而不是赋值给全局变量，Streaming SSR 下，该配置不会生效 |
+| disablePrerender | `boolean`                                 | `fasle`           | 为了兼容旧数据请求方式 - `useLoader`, 默认情况下 Modern.js 会对组件进行一次预渲染即有两次渲染 |
+| unsafeHeaders    | `string[]`                                | `[]`              | 为了安全考虑，Modern.js 不会往 SSR_DATA 添加过多的内容。开发者可以通过该配置，对需要注入的 headers 进行配置       |
+| scriptLoading    | `defer \| blocking \| module \| async`    | `defer`           | 配置同 [html.scriptLoading](/configure/app/html/script-loading)，支持 ssr 注入的 script 设置为 async 加载方式。优先级为 `ssr.scriptLoading` > `html.scriptLoading`  |
+| loaderFailureMode| `clientRender \| errorBoundary`           | `errorBoundary` | 当 [data loader](/guides/basic-features/data/data-fetch.html#data-loader推荐) 中出错时，默认会渲染路由 [`Error`](/guides/basic-features/routes.html#错误处理) 组件，配置为 `'clientRender'` 时，有一个 data loader 抛错，就降级到客户端渲染，可以与 [Client Loader](/guides/basic-features/data/data-fetch.html#client-loader) 配合使用 |
+
 
 ```ts title="modern.config.ts"
 export default defineConfig({

package/docs/zh/configure/app/source/alias-strategy.mdx

@@ -1,9 +1,15 @@
 ---
 title: aliasStrategy
+configName: source.aliasStrategy
 ---
 
 # source.aliasStrategy
 
-import Main from '@modern-js/builder-doc/docs/zh/config/source/aliasStrategy.md';
+- **类型：** `'prefer-tsconfig' | 'prefer-alias'`
+- **默认值：** `'prefer-tsconfig'`
 
-<Main />
+`source.aliasStrategy` 用于控制 `tsconfig.json` 中的 `paths` 选项与打包工具的 `alias` 选项的优先级。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/source/alias.mdx

@@ -1,9 +1,24 @@
 ---
 title: alias
+configName: source.alias
 ---
 
 # source.alias
 
-import Main from '@modern-js/builder-doc/docs/zh/config/source/alias.md';
+- **类型:**
 
-<Main />
+```ts
+type Alias = Record<string, string | false | (string | false)[]> | Function;
+```
+
+- **默认值:** `undefined`
+
+设置文件引用的别名，对应 Rspack 的 [resolve.alias](https://webpack.js.org/configuration/resolve/#resolvealias) 配置。
+
+:::tip
+对于 TypeScript 项目，你只需要在 `tsconfig.json` 中配置 [compilerOptions.paths](https://www.typescriptlang.org/tsconfig#paths) 即可，Rsbuild 会自动识别它，不需要额外配置 `source.alias` 字段，详见 [「路径别名」](https://modernjs.dev/guides/basic-features/alias.html)。
+:::
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/source/config-dir.mdx

@@ -5,7 +5,7 @@ title: configDir
 # source.configDir
 
 - **类型：** `string`
-- **默认值：** `./config`
+- **默认值：** `'./config'`
 
 Modern.js 支持在 `./config` 文件夹下放置一些文件自定义 HTML 模板、图标、静态资源等，具体可参考[文件约定](/apis/app/hooks/config/html)。
 

package/docs/zh/configure/app/source/decorators.mdx

@@ -1,11 +1,13 @@
 ---
 title: decorators
+configName: source.decorators
 ---
 
 # source.decorators
 
 - **类型：**
-```
+
+```ts
 type Decorators = {
   version?: 'legacy' | '2022-03';
 };
@@ -13,28 +15,14 @@ type Decorators = {
 
 - **默认值：**
 
-```
-type Decorators = {
-  version: 'legacy',
+```js
+const defaultDecorators = {
+  version: 'legacy';
 };
 ```
 
 用于配置装饰器语法。
 
-### 示例
-
-Modern.js 默认使用 `legacy` 语法（Stage 1 提案），等价于 TypeScript 的 `experimentalDecorators: true`。
-
-如果希望将装饰器语法调整成 Stage 3 提案，可以将 decorators.version 设置成 `2022-03`：
-
-```js
-export default {
-  source: {
-    decorators: {
-      version: '2022-03',
-    },
-  },
-};
-```
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
 
-详细用法可参考 [Rsbuild - source.decorators](https://rsbuild.dev/zh/config/source/decorators)。
+<RsbuildConig />

package/docs/zh/configure/app/source/define.mdx

@@ -1,9 +1,21 @@
 ---
 title: define
+configName: source.define
 ---
 
 # source.define
 
-import Main from '@modern-js/builder-doc/docs/zh/config/source/define.md';
+- **类型：** `Record<string, unknown>`
+- **默认值：**
 
-<Main />
+```ts
+const defaultDefine = {
+  'process.env.MODERN_TARGET': '"browser"',
+};
+```
+
+构建时将代码中的变量替换成其它值或者表达式，可以用于在代码逻辑中区分开发环境与生产环境等场景。
+
+import RsbuildConig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConig />

package/docs/zh/configure/app/source/enable-async-entry.mdx

@@ -13,7 +13,7 @@ title: enableAsyncEntry
 
 ## 背景知识
 
-import ModuleFederation from '@modern-js/builder-doc/docs/zh/shared/module-federation.md';
+import ModuleFederation from '@site-docs/components/module-federation.mdx';
 
 <ModuleFederation />