docs: remove p label

Author: 2heal1

apps/website-new/docs/en/guide/basic/cli.mdx

@@ -1,8 +1,6 @@
 # Command Line Tool
 
-<p>
 {props.name || 'Module Federation'} provides lightweight command-line tools: {(props.cmdTools || ['@module-federation/enhanced', '@module-federation/modern-js']).map((cmdTool,index,arr)=>(<><code>{cmdTool}</code>{index+1===arr.length ? '':' and '}</>))} .
-</p>
 
 ## View All Commands
 
@@ -24,17 +22,15 @@ import ViewAllCmdsMdx from '@components/common/cli/view-all-cmds-en';
 
 ## {props.cmd || 'mf'} dts
 
-<p>
   The <code>{props.cmd || 'mf'} dts</code> command is used to pull or generate TypeScript type declaration files.
-</p>
 
 import CommandInfo from '@components/common/cli/cmd-info';
 
 {props.commandInfo || <CommandInfo />}
 
 :::info 注意
 
-<p>The <code>{props.cmd || 'mf'} dts</code> command will automatically generate or pull type declaration files based on the configuration in <code>{props.configName || 'module-federation.config.ts'}</code>. This means you must provide a valid configuration file, otherwise the command will not run correctly.</p>
+The <code>{props.cmd || 'mf'} dts</code> command will automatically generate or pull type declaration files based on the configuration in <code>{props.configName || 'module-federation.config.ts'}</code>. This means you must provide a valid configuration file, otherwise the command will not run correctly.
 
 If you are only using the runtime API, you need to create a temporary <code>{props.configName || 'module-federation.config.ts'}</code> file, configure [dts.consumeTypes.remoteTypeUrls](../../configure/dts#remotetypeurls), and then run the `mf dts` command.
 

apps/website-new/docs/en/guide/basic/rspress.mdx

@@ -49,7 +49,7 @@ Document fragments support passing parameters, which are consumed as props.
 If you need to use the `cmdTools` variable in a document fragment, you can refer to the following:
 
 ```mdx title='docs/zh/guide/intro.mdx'
-{(props.cmdTools || ['pkg-a', 'pkg-b']).map(cmdTool=>(<p><code>{cmdTool}</code></p>))}
+{(props.cmdTools || ['pkg-a', 'pkg-b']).map(cmdTool=>(<code>{cmdTool}</code>))}
 ```
 
 ## Configuration

apps/website-new/docs/en/guide/basic/type-prompt.mdx

@@ -2,13 +2,13 @@
 
 Just like an NPM Package, {props.name || 'Module Federation'} artifacts also generate types and enjoy hot-reloading of types, even though the artifacts are hosted on a remote CDN.
 
-<p><code>{props.pkgName || '@module-federation/enhanced'}</code> has type hinting enabled by default. This article will introduce several common usage scenarios and their specific configurations.</p>
+<code>{props.pkgName || '@module-federation/enhanced'}</code> has type hinting enabled by default. This article will introduce several common usage scenarios and their specific configurations.
 
 ## Usage Scenarios
 
 ### Generating Types
 
-<p>When building with the build plugin provided by <code>{props.pkgName || '@module-federation/enhanced'}</code>, type files are automatically generated.</p>
+When building with the build plugin provided by <code>{props.pkgName || '@module-federation/enhanced'}</code>, type files are automatically generated.
 
 ### Loading Types
 

apps/website-new/docs/en/guide/debug/mode.mdx

@@ -22,4 +22,4 @@ localStorage.setItem('FEDERATION_DEBUG','true')
 
 After enabling debug mode, you can see the following information in the console:
 
-<p>In debug mode, you will see some logs starting with [ <code>{props.name || 'Module Federation'}</code> ] output in the terminal.</p>
+In debug mode, you will see some logs starting with [ <code>{props.name || 'Module Federation'}</code> ] output in the terminal.

apps/website-new/docs/zh/guide/basic/cli.mdx

@@ -1,8 +1,6 @@
 # 命令行工具
 
-<p>
 {props.name || 'Module Federation'} 提供了轻量的命令行工具：{(props.cmdTools || ['@module-federation/enhanced', '@module-federation/modern-js']).map((cmdTool,index,arr)=>(<><code>{cmdTool}</code>{index+1===arr.length ? '':' 和 '}</>))} 。
-</p>
 
 ## 查看所有命令
 
@@ -24,19 +22,17 @@ import ViewAllCmdsMdx from '@components/common/cli/view-all-cmds';
 
 ## {props.cmd || 'mf'} dts
 
-<p>
   <code>{props.cmd || 'mf'} dts</code>
   命令用于拉取或生成 TypeScript 类型声明文件。
-</p>
 
 import CommandInfo from '@components/common/cli/cmd-info';
 
 {props.commandInfo || <CommandInfo />}
 
 :::info 注意
 
-<p><code>{props.cmd || 'mf'} dts</code> 命令会自动根据 <code>{props.configName || 'module-federation.config.ts'}</code> 中的配置生成或拉取类型声明文件。 这意味着你必须提供一个有效的配置文件，否则命令将无法正常运行。</p>
+<code>{props.cmd || 'mf'} dts</code> 命令会自动根据 <code>{props.configName || 'module-federation.config.ts'}</code> 中的配置生成或拉取类型声明文件。 这意味着你必须提供一个有效的配置文件，否则命令将无法正常运行。
 
-<p>如果你是只使用了 runtime API，那么你需要创建一份临时的 <code>{props.configName || 'module-federation.config.ts'}</code> 文件，配置 [dts.consumeTypes.remoteTypeUrls](../../configure/dts#remotetypeurls)，然后运行 <code>{props.cmd || 'mf'} dts</code>  命令。</p>
+如果你是只使用了 runtime API，那么你需要创建一份临时的 <code>{props.configName || 'module-federation.config.ts'}</code> 文件，配置 [dts.consumeTypes.remoteTypeUrls](../../configure/dts#remotetypeurls)，然后运行 <code>{props.cmd || 'mf'} dts</code>  命令。
 
 :::

apps/website-new/docs/zh/guide/basic/rspress.mdx

@@ -49,7 +49,7 @@ import Intro from 'mf-doc/intro-zh';
 假设你需要在文档片段中使用 `cmdTools` 变量，可以参考下方内容：
 
 ```mdx title='docs/zh/guide/intro.mdx'
-{(props.cmdTools || ['pkg-a', 'pkg-b']).map(cmdTool=>(<p><code>{cmdTool}</code></p>))}
+{(props.cmdTools || ['pkg-a', 'pkg-b']).map(cmdTool=>(<code>{cmdTool}</code>))}
 ```
 
 ## 配置

apps/website-new/docs/zh/guide/basic/type-prompt.mdx

@@ -2,13 +2,13 @@
 
 就像 NPM Package 一样，{props.name || 'Module Federation'} 产物同样会生成类型，并且享有类型热加载，尽管产物托管在远程 CDN 上。
 
-<p><code>{props.pkgName || '@module-federation/enhanced'}</code> 默认开启类型提示功能，本文将介绍几种常见的使用场景以及具体配置。</p>
+<code>{props.pkgName || '@module-federation/enhanced'}</code> 默认开启类型提示功能，本文将介绍几种常见的使用场景以及具体配置。
 
 ## 使用场景
 
 ### 生成类型
 
-<p>使用<code>{props.pkgName || '@module-federation/enhanced'}</code> 提供的构建插件进行构建，会自动生成类型文件。</p>
+使用<code>{props.pkgName || '@module-federation/enhanced'}</code> 提供的构建插件进行构建，会自动生成类型文件。
 
 ### 加载类型
 

apps/website-new/docs/zh/guide/debug/mode.mdx

@@ -22,4 +22,4 @@ localStorage.setItem('FEDERATION_DEBUG','true')
 
 开启调试模式后，你可以在控制台看到如下信息：
 
-<p>在调试模式下，你会看到 terminal 中输出了一些以 [ <code>{props.name || 'Module Federation'}</code> ] 开头的日志。</p>
+在调试模式下，你会看到 terminal 中输出了一些以 [ <code>{props.name || 'Module Federation'}</code> ] 开头的日志。

packages/rsbuild-plugin/src/utils/ssr.ts

@@ -1,9 +1,12 @@
 import path from 'path';
+import { createRequire } from 'node:module';
 import { encodeName } from '@module-federation/sdk';
+import { CALL_NAME_MAP } from '../constant';
 
 import type { EnvironmentConfig, RsbuildConfig, Rspack } from '@rsbuild/core';
 import type { moduleFederationPlugin } from '@module-federation/sdk';
-import { CALL_NAME_MAP } from '../constant';
+
+const require = createRequire(import.meta.url);
 
 export const SSR_DIR = 'ssr';
 export const SSR_ENV_NAME = 'mf-ssr';
@@ -117,11 +120,13 @@ export function createSSRMFConfig(
   };
 
   ssrMFConfig.runtimePlugins.push(
-    require.resolve('@module-federation/node/runtimePlugin'),
+    // @ts-ignore
+    import.meta.resolve('@module-federation/node/runtimePlugin'),
   );
   if (isDev()) {
     ssrMFConfig.runtimePlugins.push(
-      require.resolve(
+      // @ts-ignore
+      import.meta.resolve(
         '@module-federation/node/record-dynamic-remote-entry-hash-plugin',
       ),
     );

packages/rsbuild-plugin/tsconfig.json

@@ -4,8 +4,8 @@
     "rootDir": "./",
     "outDir": "dist",
     "sourceMap": false,
-    "module": "commonjs",
-    "target": "ES2015",
+    "module": "es2022",
+    "target": "es2022",
     "skipLibCheck": true,
     "moduleResolution": "node",
     "allowJs": false,