@modern-js/main-doc 3.0.2 → 3.0.3

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

@@ -7,7 +7,7 @@ title: aliasStrategy
 - **类型:** `'prefer-tsconfig' | 'prefer-alias'`
 - **默认值:** `'prefer-tsconfig'`
 
-设置路径别名解析的策略，用于控制 `tsconfig.json` 中的 paths 选项与 Rsbuild 的 [resolve.alias](https://v2.rsbuild.dev/config/resolve/alias) 选项之间的优先级关系。
+设置路径别名解析的策略，用于控制 `tsconfig.json` 中的 paths 选项与 Rsbuild 的 [resolve.alias](https://v2.rsbuild.rs/config/resolve/alias) 选项之间的优先级关系。
 
 import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
 

package/docs/zh/configure/app/resolve/dedupe.mdx

@@ -6,7 +6,7 @@ title: dedupe
 
 - **类型:** `string[]`
 
-强制 Rsbuild 从项目根目录解析指定的包，这可以用于移除重复包和减少包大小。对应 Rsbuild 的 [resolve.dedupe](https://v2.rsbuild.dev/config/resolve/dedupe) 配置。
+强制 Rsbuild 从项目根目录解析指定的包，这可以用于移除重复包和减少包大小。对应 Rsbuild 的 [resolve.dedupe](https://v2.rsbuild.rs/config/resolve/dedupe) 配置。
 
 
 import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';

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

@@ -18,7 +18,7 @@ type SriOptions = {
 为 HTML 所引入的 `<script>` 和 `<link rel="stylesheet">` 标签添加完整性属性 —— `integrity`，使浏览器能够验证引入资源的完整性，以此防止下载的资源被篡改。
 
 :::info
-SRI 的具体介绍可以参考 [Rsbuild security.sri](https://v2.rsbuild.dev/zh/config/security/sri)。
+SRI 的具体介绍可以参考 [Rsbuild security.sri](https://v2.rsbuild.rs/zh/config/security/sri)。
 
 该配置类型和 Rsbuild 不完全一致，在构建时将自动进行转换。
 :::

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

@@ -21,7 +21,7 @@ const defaultDecorators = {
 ```
 
 :::warning
-该配置项的使用方式与 Rsbuild 一致，但默认值不同。详细信息请参考 [Rsbuild - source.decorators](https://v2.rsbuild.dev/zh/config/source/decorators)。
+该配置项的使用方式与 Rsbuild 一致，但默认值不同。详细信息请参考 [Rsbuild - source.decorators](https://v2.rsbuild.rs/zh/config/source/decorators)。
 :::
 
 我们发现大部分的项目仍使用 `legacy` 版本的装饰器语法，因此默认值为 `legacy`。

package/docs/zh/configure/app/tools/bundler-chain.mdx

@@ -30,4 +30,4 @@ Bundler chain 是基于 Rspack 配置 API 实现的链式配置工具，你可
 
 > `tools.bundlerChain` 的执行时机早于 tools.rspack，因此会被 tools.rspack 中的修改所覆盖。
 
-更多信息可参考 [Rsbuild#tools.bundlerChain](https://v2.rsbuild.dev/zh/config/tools/bundler-chain)。
+更多信息可参考 [Rsbuild#tools.bundlerChain](https://v2.rsbuild.rs/zh/config/tools/bundler-chain)。

package/docs/zh/configure/app/tools/swc.mdx

@@ -35,7 +35,7 @@ export default defineConfig({
 });
 ```
 
-更多用法可参考 [Rsbuild - tools.swc](https://v2.rsbuild.dev/zh/config/tools/swc)。
+更多用法可参考 [Rsbuild - tools.swc](https://v2.rsbuild.rs/zh/config/tools/swc)。
 
 ### 注册 SWC 插件
 
@@ -66,4 +66,4 @@ export default {
 
 如果你遇到了以上问题，通常可行的解决方法是将 Modern.js 和 SWC 插件都升级到最新版本。
 
-详情可参考 [Rsbuild - SWC 插件版本](https://v2.rsbuild.dev/zh/guide/configuration/swc#swc-%E6%8F%92%E4%BB%B6%E7%89%88%E6%9C%AC)。
+详情可参考 [Rsbuild - SWC 插件版本](https://v2.rsbuild.rs/zh/guide/configuration/swc#swc-%E6%8F%92%E4%BB%B6%E7%89%88%E6%9C%AC)。

package/docs/zh/guides/advanced-features/compatibility.mdx

@@ -55,7 +55,7 @@ export default {
 大多数场景下，推荐优先使用 `.browserslistrc` 文件，而不是使用 `overrideBrowserslist` 配置。因为 `.browserslistrc` 文件是官方定义的配置文件，通用性更强，可以被社区中的其他库识别。
 
 :::tip
-请查看 [Rsbuild - 设置浏览器范围](https://v2.rsbuild.dev/zh/guide/advanced/browserslist) 来了解更多内容。
+请查看 [Rsbuild - 设置浏览器范围](https://v2.rsbuild.rs/zh/guide/advanced/browserslist) 来了解更多内容。
 :::
 
 import UpgradeBrowserslist from '@site-docs/components/upgrade-browserslist';

package/docs/zh/guides/advanced-features/page-performance/optimize-bundle.mdx

@@ -98,4 +98,4 @@ export default {
 
 良好的拆包策略对于提升应用的加载性能是十分重要的，可以充分利用浏览器的缓存机制，减少请求数量，加快页面加载速度。
 
-在 Modern.js 中内置了[多种拆包策略](https://v2.rsbuild.dev/zh/guide/optimization/code-splitting)，可以满足大部分应用的需求，你也可以根据自己的业务场景，自定义拆包配置。
+在 Modern.js 中内置了[多种拆包策略](https://v2.rsbuild.rs/zh/guide/optimization/code-splitting)，可以满足大部分应用的需求，你也可以根据自己的业务场景，自定义拆包配置。

package/docs/zh/guides/basic-features/css/css.mdx

@@ -12,20 +12,20 @@ Modern.js 内置了社区流行的 CSS 预处理器，包括 Less 和 Sass。
 
 默认情况下，你不需要对 Less 和 Sass 进行任何配置。如果你有自定义 loader 配置的需求，可以通过配置 [tools.less](/configure/app/tools/less)、[tools.sass](/configure/app/tools/sass) 来进行设置。
 
-你也可以在 Modern.js 中使用 Stylus，只需要安装 Rsbuild 提供的 Stylus 插件即可，使用方式请参考 [Stylus 插件](https://v2.rsbuild.dev/zh/plugins/list/plugin-stylus)。
+你也可以在 Modern.js 中使用 Stylus，只需要安装 Rsbuild 提供的 Stylus 插件即可，使用方式请参考 [Stylus 插件](https://v2.rsbuild.rs/zh/plugins/list/plugin-stylus)。
 
 ## 使用 PostCSS
 
 Modern.js 内置了 [PostCSS](https://postcss.org/) 来转换 CSS 代码。
 
-请阅读 [Rsbuild - 使用 PostCSS](https://v2.rsbuild.dev/zh/guide/styling/css-usage) 了解更多用法。
+请阅读 [Rsbuild - 使用 PostCSS](https://v2.rsbuild.rs/zh/guide/styling/css-usage) 了解更多用法。
 
 ## 使用 Lightning CSS
 
 Modern.js 支持使用 [Lightning CSS](https://lightningcss.dev/) 来转换 CSS 代码，可以通过配置 [tools.lightningcssLoader](/configure/app/tools/lightningcss-loader) 来开启此功能。
 
-请阅读 [Rsbuild - 使用 Lightning CSS](https://v2.rsbuild.dev/zh/guide/styling/css-usage#lightning-css) 了解更多用法。
+请阅读 [Rsbuild - 使用 Lightning CSS](https://v2.rsbuild.rs/zh/guide/styling/css-usage#lightning-css) 了解更多用法。
 
 ## 使用 Uno CSS
 
-请阅读 [Rsbuild - 使用 UnoCSS](https://v2.rsbuild.dev/zh/guide/styling/unocss) 了解更多用法。
+请阅读 [Rsbuild - 使用 UnoCSS](https://v2.rsbuild.rs/zh/guide/styling/unocss) 了解更多用法。

package/docs/zh/guides/basic-features/css/tailwindcss.mdx

@@ -6,8 +6,8 @@
 
 在 Modern.js 中使用 [Tailwind CSS](https://tailwindcss.com/)，你只需要按照 Rsbuild 操作步骤进行配置，Rsbuild 支持 Tailwind CSS v3 和 v4 版本：
 
-- [Tailwind CSS v3](https://v2.rsbuild.dev/zh/guide/styling/tailwindcss-v3#tailwind-css-v3)
-- [Tailwind CSS v4](https://v2.rsbuild.dev/zh/guide/styling/tailwindcss)
+- [Tailwind CSS v3](https://v2.rsbuild.rs/zh/guide/styling/tailwindcss-v3#tailwind-css-v3)
+- [Tailwind CSS v4](https://v2.rsbuild.rs/zh/guide/styling/tailwindcss)
 
 ## Tailwind CSS 自动补全
 

package/docs/zh/guides/concept/builder.mdx

@@ -4,7 +4,7 @@ sidebar_position: 2
 
 # 构建工具
 
-Modern.js 构建是基于 [Rsbuild](https://v2.rsbuild.dev/) 实现的，使用 Rspack 作为打包工具。
+Modern.js 构建是基于 [Rsbuild](https://v2.rsbuild.rs/) 实现的，使用 Rspack 作为打包工具。
 
 :::tip 什么是 Rsbuild
 Rsbuild 是基于 Rspack 的构建工具，是一个增强版的 Rspack CLI，更易用、开箱即用。
@@ -40,7 +40,7 @@ flowchart TD
 
 ## 构建文档
 
-Rsbuild 的文档地址为：https://v2.rsbuild.dev/
+Rsbuild 的文档地址为：https://v2.rsbuild.rs/
 
 在该文档中，你可以了解到 Rsbuild 的详细介绍，同时也可以找到各个构建能力的完整使用指南。
 
@@ -57,4 +57,4 @@ Rsbuild 的文档地址为：https://v2.rsbuild.dev/
 
 Rsbuild 提供了丰富的构建能力，包括 JavaScript 编译、CSS 编译、静态资源处理、代码热更新、代码压缩、TS 类型检查等几十种能力。
 
-我们推荐你阅读 [「Rsbuild - 功能导航」](https://v2.rsbuild.dev/zh/guide/start/features) 来了解 Rsbuild 提供的所有构建能力。
+我们推荐你阅读 [「Rsbuild - 功能导航」](https://v2.rsbuild.rs/zh/guide/start/features) 来了解 Rsbuild 提供的所有构建能力。

package/docs/zh/guides/get-started/tech-stack.mdx

@@ -12,7 +12,7 @@ Modern.js 框架默认集成了一些社区中流行的库和开发工具。
 
 Modern.js 使用 [React 19](https://react.dev/) 来构建用户界面，同时也兼容 React 18。
 
-Modern.js 底层的 Rsbuild 支持构建 Vue 应用，如果你需要使用 Vue，可以参考 [Rsbuild - Vue](https://v2.rsbuild.dev/zh/guide/framework/vue)。
+Modern.js 底层的 Rsbuild 支持构建 Vue 应用，如果你需要使用 Vue，可以参考 [Rsbuild - Vue](https://v2.rsbuild.rs/zh/guide/framework/vue)。
 
 ## 路由
 
@@ -34,7 +34,7 @@ Modern.js 使用 [Rspack](https://rspack.rs/) 来打包你的 Web 应用。
 
 Modern.js 使用 [SWC](https://swc.rs/) 作为 JS 转译工具，将 TypeScript 或 JSX 转义为可以在浏览器上运行的 JavaScript 代码，并进行语法降级。
 
-在启用 Rspack 构建时，`babel-loader` 默认不会被启用。如需添加 [Babel](https://babeljs.io/) 插件，可通过 [`babel plugin`](https://v2.rsbuild.dev/plugins/list/plugin-babel#babel-plugin) 配置，此时会产生额外的编译开销，在一定程度上拖慢 Rspack 构建速度。
+在启用 Rspack 构建时，`babel-loader` 默认不会被启用。如需添加 [Babel](https://babeljs.io/) 插件，可通过 [`babel plugin`](https://v2.rsbuild.rs/plugins/list/plugin-babel#babel-plugin) 配置，此时会产生额外的编译开销，在一定程度上拖慢 Rspack 构建速度。
 
 ## 压缩工具
 
@@ -53,7 +53,7 @@ Modern.js 支持 [启用 Tailwind CSS](/guides/basic-features/css/tailwindcss)
 Modern.js 支持 [Sass](https://sass-lang.com/)、[Less](https://lesscss.org/) 和 [Stylus](https://stylus-lang.com/) 三种 CSS 预处理器：
 
 - 默认支持 Sass 和 Less，开箱即用。
-- 可选支持 Stylus，请参考 [Stylus 插件](https://v2.rsbuild.dev/zh/plugins/list/plugin-stylus) 来使用。
+- 可选支持 Stylus，请参考 [Stylus 插件](https://v2.rsbuild.rs/zh/plugins/list/plugin-stylus) 来使用。
 
 ## CSS Modules
 

package/docs/zh/guides/troubleshooting/builder.mdx

@@ -10,11 +10,11 @@ sidebar_position: 3
 
 ### Rsbuild FAQ
 
-Modern.js 内部基于 [Rsbuild](https://v2.rsbuild.dev/) 封装了自身的构建工具，因此你可以直接参考 Rsbuild 的 FAQ 文档：
+Modern.js 内部基于 [Rsbuild](https://v2.rsbuild.rs/) 封装了自身的构建工具，因此你可以直接参考 Rsbuild 的 FAQ 文档：
 
-- [Rsbuild - 功能类问题](https://v2.rsbuild.dev/zh/guide/faq/features)
-- [Rsbuild - 异常类问题](https://v2.rsbuild.dev/zh/guide/faq/exceptions)
-- [Rsbuild - 热更新问题](https://v2.rsbuild.dev/zh/guide/faq/hmr)
+- [Rsbuild - 功能类问题](https://v2.rsbuild.rs/zh/guide/faq/features)
+- [Rsbuild - 异常类问题](https://v2.rsbuild.rs/zh/guide/faq/exceptions)
+- [Rsbuild - 热更新问题](https://v2.rsbuild.rs/zh/guide/faq/hmr)
 
 ---
 

package/docs/zh/guides/upgrade/config.mdx

@@ -184,7 +184,7 @@ export default {
 **变更内容**：该配置已废弃，需要手动切换到 esbuild 压缩。
 
 ```typescript
-// 该配置已废弃，请参考 [切换压缩器](https://v2.rsbuild.dev/zh/config/output/minify#%E5%88%87%E6%8D%A2%E5%8E%8B%E7%BC%A9%E5%99%A8) 来手动切换到 esbuild 压缩
+// 该配置已废弃，请参考 [切换压缩器](https://v2.rsbuild.rs/zh/config/output/minify#%E5%88%87%E6%8D%A2%E5%8E%8B%E7%BC%A9%E5%99%A8) 来手动切换到 esbuild 压缩
 // tools: {
 //   esbuild: { /* 配置 */ }
 // },
@@ -195,7 +195,7 @@ export default {
 **变更内容**：该配置已废弃，需要手动切换到 Terser 压缩。
 
 ```typescript
-// 该配置已废弃，请参考 [切换压缩器](https://v2.rsbuild.dev/zh/config/output/minify#%E5%88%87%E6%8D%A2%E5%8E%8B%E7%BC%A9%E5%99%A8) 来手动切换到 Terser 压缩
+// 该配置已废弃，请参考 [切换压缩器](https://v2.rsbuild.rs/zh/config/output/minify#%E5%88%87%E6%8D%A2%E5%8E%8B%E7%BC%A9%E5%99%A8) 来手动切换到 Terser 压缩
 // tools: {
 //   terser: { /* 配置 */ }
 // },
@@ -921,7 +921,7 @@ export default defineRuntimeConfig({
 
 ### performance.bundleAnalyze
 
-**变更内容**：该配置已废弃，建议使用 [Rsdoctor](https://v2.rsbuild.dev/zh/guide/debug/rsdoctor) 来分析产物体积
+**变更内容**：该配置已废弃，建议使用 [Rsdoctor](https://v2.rsbuild.rs/zh/guide/debug/rsdoctor) 来分析产物体积
 
 ### performance.transformLodash
 

package/docs/zh/guides/upgrade/other.md

@@ -121,6 +121,56 @@ Modern.js 3.0 移除了 `modern new` 和 `modern upgrade` 命令，需要按照
 移除这些命令的目的是让文档更贴合 AI Agent 的默认实现方式，不把操作做封装，使开发者能够更清晰地了解每个操作的具体步骤，也便于 AI Agent 根据文档直接执行相应的操作。
 :::
 
+## 不再内置 Arco/Antd 支持
+
+Modern.js 2.0 内置了对 [Arco Design](https://arco.design/) 和 [Ant Design](https://ant.design/) 的按需引入支持，3.0 版本不再内置该能力，需要用户自行配置 `source.transformImport`。
+
+如果项目中使用了 Arco Design 或 Ant Design，请手动添加对应的 `source.transformImport` 配置。
+
+**Arco Design 迁移示例**：
+
+```typescript
+export default {
+  source: {
+    transformImport: [
+      {
+        libraryName: '@arco-design/web-react',
+        libraryDirectory: 'es',
+        camelToDashComponentName: false,
+        style: 'css',
+      },
+      {
+        libraryName: '@arco-design/web-react/icon',
+        libraryDirectory: 'react-icon',
+        camelToDashComponentName: false,
+      },
+    ],
+  },
+};
+```
+
+**Ant Design 迁移示例**（antd v4 及以下版本）：
+
+```typescript
+export default {
+  source: {
+    transformImport: [
+      {
+        libraryName: 'antd',
+        libraryDirectory: 'es',
+        style: 'css',
+      },
+    ],
+  },
+};
+```
+
+:::tip
+antd v5 使用了 CSS-in-JS 方案，已原生支持按需加载，无需配置 `source.transformImport`。
+
+更多用法请参考 [Rsbuild - source.transformImport](https://v2.rsbuild.rs/config/source/transform-import)。
+:::
+
 ## Eslint 规则集
 
 Modern.js 之前提供了 ESLint 的完整规则集，涵盖了 @modern-js（针对 Node.js 项目的 Lint 规则）和 @modern-js-app（针对前端项目的 Lint 规则）。在 [v2.60.0](https://github.com/web-infra-dev/modern.js/releases/tag/v2.60.0) 版本中，我们正式移除了这些规则集。我们鼓励开发者根据自身需求选择合适的代码规范工具，直接使用 ESLint 并结合社区推荐的规则，或使用 Biome 以提升代码格式化的性能。

package/docs/zh/guides/upgrade/overview.mdx

@@ -6,7 +6,7 @@
 
 Modern.js 3.0 带来了多项重大改进和变化，主要包括：
 
-- **构建工具升级**：默认使用 [Rspack](https://rspack.dev) 构建，不再支持 Webpack，构建配置与 [Rsbuild](https://rsbuild.dev) 对齐。
+- **构建工具升级**：默认使用 [Rspack](https://rspack.dev) 构建，不再支持 Webpack，构建配置与 [Rsbuild](https://v2.rsbuild.rs) 对齐。
 - **React 生态升级**：全面支持 [React 19](https://react.dev/blog/2024/04/25/react-19) 和 [React Router v7](https://reactrouter.com)。
 - **插件系统重构**：重新设计插件 API，支持在 CLI、Runtime、Server 层通过自定义插件扩展框架能力。
 - **React Server Component**：支持在 [CSR](/guides/get-started/glossary#csr) 和 [SSR](/guides/basic-features/render/ssr) 项目中使用 React Server Component。

package/docs/zh/guides/upgrade/tailwindcss.mdx

@@ -4,7 +4,7 @@ Modern.js 3.0 推荐通过 Rsbuild 原生方式接入 Tailwind CSS，不再依
 
 ## 迁移步骤
 
-本小节中的迁移操作都是仅当项目中实际使用了 `@modern-js/plugin-tailwindcss` 插件时才需要执行。
+本小节中的迁移操作仅当项目中使用了 `@modern-js/plugin-tailwindcss` 插件，且 `tailwindcss` 版本为 v2 或 v3 时才需要执行。
 
 ### 1. 移除旧插件
 

package/docs/zh/plugin/cli-plugins/api.mdx

@@ -188,7 +188,7 @@ api.config(() => {
 - **参数：**
   - `modifyFn`： 修改函数，接收 `RspackChain` 实例和实用工具作为参数。
 - **执行阶段：** 在生成最终的 Rspack 配置时。
-- **对应 Rsbuild Hook**： [modifybundlerchain](https://v2.rsbuild.dev/zh/plugins/dev/hooks#modifybundlerchain)
+- **对应 Rsbuild Hook**： [modifybundlerchain](https://v2.rsbuild.rs/zh/plugins/dev/hooks#modifybundlerchain)
 - **示例：**
 
 ```typescript
@@ -208,7 +208,7 @@ api.modifyBundlerChain((chain, utils) => {
 - **参数：**
   - `modifyFn`： 修改函数，接收 Rsbuild 配置对象和实用工具作为参数，可以返回修改后的配置对象、Promise 或不返回（直接修改原对象）。
 - **执行阶段：** 在生成最终的 Rsbuild 配置时。
-- **对应 Rsbuild Hook**： [modifyRsbuildConfig](https://v2.rsbuild.dev/zh/plugins/dev/hooks#modifyrsbuildconfig)
+- **对应 Rsbuild Hook**： [modifyRsbuildConfig](https://v2.rsbuild.rs/zh/plugins/dev/hooks#modifyrsbuildconfig)
 - **示例：**
 
 ```typescript
@@ -228,7 +228,7 @@ api.modifyRsbuildConfig((config, utils) => {
 - **参数：**
   - `modifyFn`： 修改函数，接收 Rspack 配置对象和实用工具作为参数，可以返回修改后的配置对象、Promise 或不返回（直接修改原对象）。
 - **执行阶段：** 在生成最终的 Rspack 配置时。
-- **对应 Rsbuild Hook**： [modifyRspackConfig](https://v2.rsbuild.dev/zh/plugins/dev/hooks#modifyrspackconfig)
+- **对应 Rsbuild Hook**： [modifyRspackConfig](https://v2.rsbuild.rs/zh/plugins/dev/hooks#modifyrspackconfig)
 - **示例：**
 
 ```typescript
@@ -403,7 +403,7 @@ api.onFileChanged(({ filename, eventType }) => {
 - **参数：**
   - `buildFn`： 构建前执行的函数，无参数，可异步。
 - **执行阶段：** 在执行构建流程之前。
-- **对应 Rsbuild Hook**： [onBeforeBuild](https://v2.rsbuild.dev/zh/plugins/dev/hooks#onbeforebuild)
+- **对应 Rsbuild Hook**： [onBeforeBuild](https://v2.rsbuild.rs/zh/plugins/dev/hooks#onbeforebuild)
 - **示例：**
 
 ```typescript
@@ -422,7 +422,7 @@ api.onBeforeBuild(() => {
 - **参数：**
   - `buildFn`： 构建后执行的函数，无参数，可异步。
 - **执行阶段：** 在执行构建流程之后。
-- **对应 Rsbuild Hook**： [onAfterBuild](https://v2.rsbuild.dev/zh/plugins/dev/hooks#onafterbuild)
+- **对应 Rsbuild Hook**： [onAfterBuild](https://v2.rsbuild.rs/zh/plugins/dev/hooks#onafterbuild)
 - **示例：**
 
 ```typescript
@@ -441,7 +441,7 @@ api.onAfterBuild(() => {
 - **参数：**
   - `compileFn`： 编译完成后执行的函数。
 - **执行阶段：** 开发服务器启动，且首次编译完成后。
-- **对应 Rsbuild Hook**： [onDevCompileDone](https://v2.rsbuild.dev/zh/plugins/dev/hooks#ondevcompiledone)
+- **对应 Rsbuild Hook**： [onDevCompileDone](https://v2.rsbuild.rs/zh/plugins/dev/hooks#ondevcompiledone)
 - **示例：**
 
 ```typescript
@@ -460,7 +460,7 @@ api.onDevCompileDone(() => {
 - **参数：**
   - `createFn`： 创建前执行的函数，无参数，可异步。
 - **执行阶段：** 在创建 Rspack 编译器实例之前。
-- **对应 Rsbuild Hook**： [onBeforeCreateCompiler](https://v2.rsbuild.dev/zh/plugins/dev/hooks#onbeforecreatecompiler)
+- **对应 Rsbuild Hook**： [onBeforeCreateCompiler](https://v2.rsbuild.rs/zh/plugins/dev/hooks#onbeforecreatecompiler)
 - **示例：**
 
 ```typescript
@@ -479,7 +479,7 @@ api.onBeforeCreateCompiler(() => {
 - **参数：**
   - `createFn`： 创建后执行的函数，无参数，可异步。
 - **执行阶段：** 在创建 Rspack 编译器实例之后。
-- **对应 Rsbuild Hook**： [onAfterCreateCompiler](https://v2.rsbuild.dev/zh/plugins/dev/hooks#onaftercreatecompiler)
+- **对应 Rsbuild Hook**： [onAfterCreateCompiler](https://v2.rsbuild.rs/zh/plugins/dev/hooks#onaftercreatecompiler)
 - **示例：**
 
 ```typescript
@@ -517,7 +517,7 @@ api.onBeforeDev(async () => {
 - **参数：**
   - `devFn`： 开发服务器启动后执行的函数。
 - **执行阶段：** 开发服务器成功启动后。
-- **对应 Rsbuild Hook**： [onAfterStartDevServer](https://v2.rsbuild.dev/zh/plugins/dev/hooks#onafterstartdevserver)
+- **对应 Rsbuild Hook**： [onAfterStartDevServer](https://v2.rsbuild.rs/zh/plugins/dev/hooks#onafterstartdevserver)
 - **示例：**
 
 ```typescript

package/docs/zh/plugin/introduction.mdx

@@ -117,7 +117,7 @@ Rsbuild 是 Modern.js 底层的构建工具，通过添加 Rsbuild 插件可修
 你可以在 `modern.config.ts` 中通过 `builderPlugins` 选项注册 Rsbuild 插件，详见 [builderPlugins 构建插件](/configure/app/builder-plugins.html)。
 
 :::info
-可以阅读 [Rsbuild 官网 - 插件](https://v2.rsbuild.dev/plugins/list/index) 了解更多 Rsbuild 插件体系内容。
+可以阅读 [Rsbuild 官网 - 插件](https://v2.rsbuild.rs/plugins/list/index) 了解更多 Rsbuild 插件体系内容。
 :::
 
 ### 官方插件
@@ -128,8 +128,8 @@ Rsbuild 是 Modern.js 底层的构建工具，通过添加 Rsbuild 插件可修
 
 | 插件                                                                                 | 介绍                                                                                   | Modern.js 链接                                                                                                                        |
 | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
-| [React 插件](https://v2.rsbuild.dev/zh/plugins/list/plugin-react)                        | 提供对 React 的支持                                                                    | -                                                                                                                                     |
-| [SVGR 插件](https://v2.rsbuild.dev/zh/plugins/list/plugin-svgr)                          | 支持将 SVG 图片转换为一个 React 组件                                                   | [output.disableSvgr](/configure/app/output/disable-svgr)<br />[output.svgDefaultExport](/configure/app/output/svg-default-export)     |
+| [React 插件](https://v2.rsbuild.rs/zh/plugins/list/plugin-react)                        | 提供对 React 的支持                                                                    | -                                                                                                                                     |
+| [SVGR 插件](https://v2.rsbuild.rs/zh/plugins/list/plugin-svgr)                          | 支持将 SVG 图片转换为一个 React 组件                                                   | [output.disableSvgr](/configure/app/output/disable-svgr)<br />[output.svgDefaultExport](/configure/app/output/svg-default-export)     |
 | [Assets Retry 插件](https://github.com/rstackjs/rsbuild-plugin-assets-retry)          | 用于在静态资源加载失败时自动发起重试请求                                               | [output.assetsRetry](/configure/app/output/assets-retry.html)                                                                         |
 | [Type Check 插件](https://github.com/rspack-contrib/rsbuild-plugin-type-check)       | 用于在单独的进程中运行 TypeScript 类型检查                                             | [output.disableTsChecker](/configure/app/output/disable-ts-checker.html)<br />[tools.tsChecker](/configure/app/tools/ts-checker.html) |
 | [Source Build 插件](https://github.com/rspack-contrib/rsbuild-plugin-source-build)   | 用于 monorepo 场景，支持引用其他子目录的源代码，并完成构建和热更新                     | [experiments.sourceBuild](/configure/app/experiments/source-build.html)                                                               |
@@ -142,7 +142,7 @@ Rsbuild 是 Modern.js 底层的构建工具，通过添加 Rsbuild 插件可修
 以下是未在 Modern.js 中内置的 Rsbuild 官方插件：
 
 - [Image Compress 插件](https://github.com/rspack-contrib/rsbuild-plugin-image-compress)：将项目中用到的图片资源进行压缩处理。
-- [Stylus 插件](https://v2.rsbuild.dev/zh/plugins/list/plugin-stylus)：使用 Stylus 作为 CSS 预处理器。
+- [Stylus 插件](https://v2.rsbuild.rs/zh/plugins/list/plugin-stylus)：使用 Stylus 作为 CSS 预处理器。
 - [UMD 插件](https://github.com/rspack-contrib/rsbuild-plugin-umd)：用于构建 UMD 格式的产物。
 - [YAML 插件](https://github.com/rspack-contrib/rsbuild-plugin-yaml)：用于引用 YAML 文件，并将其转换为 JavaScript 对象。
 - [TOML 插件](https://github.com/rspack-contrib/rsbuild-plugin-toml)：用于引用 TOML 文件，并将其转换为 JavaScript 对象。

package/package.json

@@ -16,21 +16,21 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.0.2",
+  "version": "3.0.3",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "dependencies": {
     "mermaid": "^11.12.2",
-    "@modern-js/sandpack-react": "3.0.2"
+    "@modern-js/sandpack-react": "3.0.3"
   },
   "devDependencies": {
     "@rsbuild/plugin-sass": "1.5.0",
     "@rspress/core": "2.0.2",
     "@rspress/plugin-llms": "2.0.2",
     "@rspress/shared": "2.0.2",
-    "@shikijs/transformers": "^3.21.0",
+    "@shikijs/transformers": "^3.22.0",
     "@types/fs-extra": "9.0.13",
     "@types/node": "^20",
     "classnames": "^2.5.1",

package/src/i18n/enUS.ts

@@ -1,4 +1,8 @@
 export const EN_US = {
+  // Announcement
+  announcementLabel: 'NEW',
+  announcementText: 'Modern.js 3.0 is released!',
+
   introduction: 'Introduction',
   quickStart: 'Quick Start',
 
@@ -16,7 +20,7 @@ export const EN_US = {
   feature3: 'Nested Routes',
   featureDesc3: 'File-as-route, comes with lots performance optimizations.',
   feature4: 'Multi-Rendering Mode',
-  featureDesc4: 'SSR, SSG, SPR, all out of the box for you.',
+  featureDesc4: 'RSC, SSR, SSG, all out of the box for you.',
   feature5: 'CSS Solutions',
   featureDesc5: 'CSS Modules, CSS-in-JS, Tailwind CSS, take your pick.',
   feature6: 'Easy to Configure',

package/src/i18n/zhCN.ts

@@ -1,6 +1,10 @@
 import type { EN_US } from './enUS';
 
 export const ZH_CN: Record<keyof typeof EN_US, string> = {
+  // Announcement
+  announcementLabel: 'NEW',
+  announcementText: 'Modern.js 3.0 正式发布！',
+
   introduction: '介绍',
   quickStart: '快速上手',
 
@@ -17,7 +21,7 @@ export const ZH_CN: Record<keyof typeof EN_US, string> = {
   feature3: '嵌套路由',
   featureDesc3: '文件系统即路由，附赠全套性能优化。',
   feature4: '多渲染模式',
-  featureDesc4: 'SSR、SSG、SPR 等多种渲染模式，通通开箱即用。',
+  featureDesc4: 'RSC、SSR、SSG 等多种渲染模式，通通开箱即用。',
   feature5: 'CSS 方案',
   featureDesc5: 'CSS Modules、CSS-in-JS、Tailwind CSS，任你挑选。',
   feature6: '易于配置',

package/src/pages/index.module.scss

@@ -26,6 +26,91 @@
   padding-bottom: 16vh;
 }
 
+.announcement {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 6px 18px 6px 6px;
+  border-radius: 999px;
+  background: linear-gradient(
+    150.85deg,
+    rgba(124, 178, 250, 0.15) 3%,
+    rgba(124, 178, 250, 0.08) 97.17%
+  );
+  border: 1px solid rgba(124, 178, 250, 0.4);
+  cursor: pointer;
+  transition: all 0.3s ease;
+  text-decoration: none;
+  margin-bottom: 1.5rem;
+  position: relative;
+  z-index: 1;
+
+  &:hover {
+    background: linear-gradient(
+      150.85deg,
+      rgba(124, 178, 250, 0.25) 3%,
+      rgba(124, 178, 250, 0.15) 97.17%
+    );
+    border-color: rgba(124, 178, 250, 0.55);
+    text-decoration: none;
+  }
+}
+
+:global(.dark) .announcement {
+  background: linear-gradient(
+    150.85deg,
+    rgba(124, 178, 250, 0.18) 3%,
+    rgba(124, 178, 250, 0.08) 97.17%
+  );
+  border-color: rgba(124, 178, 250, 0.25);
+
+  &:hover {
+    background: linear-gradient(
+      150.85deg,
+      rgba(124, 178, 250, 0.28) 3%,
+      rgba(124, 178, 250, 0.14) 97.17%
+    );
+    border-color: rgba(124, 178, 250, 0.4);
+  }
+}
+
+.announcementLabel {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 10px;
+  border-radius: 999px;
+  background: var(--edenx-home-hero-name-background);
+  font-size: 12px;
+  font-weight: 700;
+  color: #fff;
+  letter-spacing: 0.5px;
+  line-height: 1.6;
+}
+
+.announcementText {
+  font-size: 14px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.75);
+}
+
+:global(.dark) .announcementText {
+  color: rgba(255, 255, 255, 0.85);
+}
+
+.announcementArrow {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.45);
+  transition: transform 0.3s ease;
+
+  .announcement:hover & {
+    transform: translateX(2px);
+  }
+}
+
+:global(.dark) .announcementArrow {
+  color: rgba(255, 255, 255, 0.5);
+}
+
 .title {
   font-style: normal;
   font-weight: bold;
@@ -149,6 +234,14 @@
     font-size: 7vw;
     text-align: center;
   }
+  .announcement {
+    padding: 4px 14px 4px 4px;
+    gap: 8px;
+    margin-bottom: 1rem;
+  }
+  .announcementText {
+    font-size: 12px;
+  }
   .buttons {
     width: 65%;
     justify-content: center;

package/src/pages/index.tsx

@@ -14,6 +14,18 @@ const HomepageHeader = () => {
     <div className={styles.header}>
       <header className={clsx('hero hero--primary', styles.heroBanner)}>
         <div className={styles.mask} />
+        <a
+          href={useUrl('/community/blog/v3-release-note')}
+          className={styles.announcement}
+        >
+          <span className={styles.announcementLabel}>
+            {t('announcementLabel')}
+          </span>
+          <span className={styles.announcementText}>
+            {t('announcementText')}
+          </span>
+          <span className={styles.announcementArrow}>→</span>
+        </a>
         <h1 className={styles.title}>
           <span className={clsx([styles.titleGradient, styles.mainTitle])}>
             Modern.js 3.0