docs: add configure rsbuild / rspack (#532)

Author: 9aoy

website/docs/en/guide/basic/configure-rstest.mdx

@@ -41,6 +41,23 @@ You can also abbreviate the `--config` option to `-c`:
 rstest -c scripts/rstest.config.mjs
 ```
 
+## Configure Rsbuild
+
+Rstest's build configuration inherits from Rsbuild. Therefore, in Rstest, you can use most of the Rsbuild configurations, such as:
+
+- Using Rsbuild plugins through [plugins](/config/#plugins);
+- Configuring module resolution behavior through [resolve](/config/build/resolve);
+- Configuring Rspack through [tools.rspack](/config/build/tools#toolsrspack);
+- Configuring builtin:swc-loader through [tools.swc](/config/build/tools#toolsswc).
+
+More configurations can be referred to [Build Configurations](/config/#build-configurations).
+
+## Configure Rspack
+
+Rstest uses Rspack for building, so you can directly use Rspack's configuration options to configure Rstest's build behavior.
+
+More details can be referred to [Configure Rspack](https://rsbuild.rs/guide/configuration/rspack).
+
 ## Detect Rstest environment
 
 You can use `process.env.RSTEST` to detect whether it is an Rstest test environment to apply different configurations/codes in your tests.

website/docs/zh/guide/basic/configure-rstest.mdx

@@ -41,6 +41,23 @@ Rstest CLI 通过 `--config` 选项来指定配置文件，可以设置为相对
 rstest -c scripts/rstest.config.mjs
 ```
 
+## 配置 Rsbuild
+
+Rstest 的构建配置继承自 Rsbuild。因此，在 Rstest 中，你可以使用绝大部分的 Rsbuild 配置。如：
+
+- 通过 [plugins](/config/#plugins) 使用 Rsbuild 插件；
+- 通过 [resolve](/config/build/resolve) 对模块解析行为进行配置；
+- 通过 [tools.rspack](/config/build/tools#toolsrspack) 配置 Rspack；
+- 通过 [tools.swc](/config/build/tools#toolsswc) 对 builtin:swc-loader 进行配置。
+
+更多配置可参考 [构建配置](/config/#build-configurations)。
+
+## 配置 Rspack
+
+Rstest 底层使用 Rspack 进行构建，因此你可以直接使用 Rspack 的配置项来配置 Rstest 的构建行为。
+
+详情可参考 [配置 Rspack](https://rsbuild.rs/zh/guide/configuration/rspack)。
+
 ## 检测 Rstest 环境
 
 你可以使用 `process.env.RSTEST` 来检测是否是 Rstest 测试环境以应用不同的配置 / 代码在你的测试中。

website/theme/components/ConfigOverview.tsx

@@ -1,5 +1,6 @@
 import { Link } from '@rspress/core/theme';
 import styles from './ConfigOverview.module.scss';
+import { useI18nUrl } from './utils';
 
 export interface GroupItem {
   text: string;
@@ -59,14 +60,15 @@ const OVERVIEW_GROUPS: Group[] = [
 ];
 
 export default function Overview() {
+  const tUrl = useI18nUrl();
   const Nodes = OVERVIEW_GROUPS.map((group) => (
     <div key={group.name} className={styles.overviewGroups}>
       <div className={styles.group}>
         <h2>{group.name}</h2>
         <ul>
           {group.items?.map((item) => (
             <li key={item}>
-              <Link href={`/config/test/${item}`}>{item}</Link>
+              <Link href={tUrl(`/config/test/${item}`)}>{item}</Link>
             </li>
           ))}
         </ul>
@@ -119,17 +121,20 @@ const BUILD_OVERVIEW_GROUPS: Group[] = [
 ];
 
 export function BuildOverview() {
+  const tUrl = useI18nUrl();
   const Nodes = BUILD_OVERVIEW_GROUPS.map((group) => (
     <div key={group.name} className={styles.overviewGroups}>
       <div className={styles.group}>
         <h2>
-          <Link href={`/config/build/${group.name}`}> {group.name}</Link>
+          <Link href={tUrl(`/config/build/${group.name}`)}> {group.name}</Link>
         </h2>
         <ul>
           {group.items?.map((item) => (
             <li key={item}>
               <Link
-                href={`/config/build/${group.name}#${item.replace('.', '')}`}
+                href={tUrl(
+                  `/config/build/${group.name}#${item.replace('.', '')}`,
+                )}
               >
                 {item}
               </Link>