docs: add build tools image to introduction (#3425)

web-infra-dev · Sep 9, 2024 · 77bb4d2 · 77bb4d2
1 parent ae2e327
commit 77bb4d2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/website/docs/en/guide/start/index.mdx b/website/docs/en/guide/start/index.mdx
@@ -8,6 +8,8 @@ Rsbuild provides [rich build features](/guide/start/features), including the com
 
 Rsbuild is a build tool that is on par with [Vite](https://vitejs.dev/), [Create React App](https://github.com/facebook/create-react-app), or [Vue CLI](https://github.com/vuejs/vue-cli). They all come with builtin dev servers, command line tools, and sensible build configurations to provide the out-of-the-box experience.
 
+![](https://assets.rspack.dev/rsbuild/assets/rsbuild-1-0-build-tools.png)
+
 ### CRA / Vue CLI
 
 You can think of Rsbuild as a modernized version of Create React App or Vue CLI, with these main differences:

diff --git a/website/docs/zh/guide/start/index.mdx b/website/docs/zh/guide/start/index.mdx
@@ -8,6 +8,8 @@ Rsbuild 提供 [丰富的构建功能](/guide/start/features)，包括编译 Typ
 
 Rsbuild 是与 [Vite](https://vitejs.dev/)、[Create React App](https://github.com/facebook/create-react-app) 或 [Vue CLI](https://github.com/vuejs/vue-cli) 相似的构建工具，它们都默认包含了开发服务器、命令行工具和合理的构建配置，以此来提供开箱即用的体验。
 
+![](https://assets.rspack.dev/rsbuild/assets/rsbuild-1-0-build-tools.png)
+
 ### CRA / Vue CLI
 
 你可以将 Rsbuild 理解为一个现代化的 Create React App 或 Vue CLI，它与这些工具的主要区别在于：