docs: improve documentation authenticity and natural flow (#6051)

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: chenjiahan <[email protected]>
Co-authored-by: neverland <[email protected]>

Author: Copilot

website/docs/en/config/dev/asset-prefix.mdx

@@ -7,15 +7,15 @@ Set the URL prefix of static assets in [development mode](/config/mode).
 
 `assetPrefix` will affect the URLs of most of the static assets, including JavaScript files, CSS files, images, videos, etc. If an incorrect value is specified, you'll receive 404 errors while loading these resources.
 
-This config is only used in `development` mode. In `production` mode or `none` mode, use the [output.assetPrefix](/config/output/asset-prefix) to set the URL prefix.
+This config is only used in `development` mode. In `production` mode or `none` mode, use [output.assetPrefix](/config/output/asset-prefix) to configure the URL prefix.
 
 ## Default value
 
 The default value of `dev.assetPrefix` is the same as [server.base](/config/server/base).
 
 When `server.base` is `/foo`, `index.html` and other static assets can be accessed through `http://localhost:3000/foo/`.
 
-It should be noted that when customizing the `dev.assetPrefix` option, if you want static assets to be normally accessible through the Rsbuild dev server, `dev.assetPrefix` should contain the same URL prefix as `server.base`, such as:
+It should be noted that when customizing the `dev.assetPrefix` option, if you want static assets to be normally accessible through the Rsbuild dev server, `dev.assetPrefix` should contain the same URL prefix as `server.base`. For example:
 
 ```ts
 export default {

website/docs/en/config/html/meta.mdx

@@ -32,7 +32,7 @@ type MetaOptions = {
 
 When the `value` of a `meta` object is a string, the `key` of the object is automatically mapped to `name`, and the `value` is mapped to `content`.
 
-For example to set description:
+To set a description, for example:
 
 ```js
 export default {
@@ -69,7 +69,7 @@ When the `value` of a `meta` object is an object, the `key: value` of the object
 
 In this case, the `name` and `content` properties will not be set by default.
 
-For example to set `charset`:
+To set `charset`, for example:
 
 ```js
 export default {
@@ -149,7 +149,7 @@ export default {
 
 Setting the `value` of the `meta` object to `false` means the meta tag will not be generated.
 
-For example to remove the `viewport`:
+To remove the `viewport`, for example:
 
 ```ts
 export default {

website/docs/en/config/output/asset-prefix.mdx

@@ -3,11 +3,11 @@
 - **Type:** `string | 'auto'`
 - **Default:** [server.base](/config/server/base)
 
-In [production mode](/config/mode), use this option to set the URL prefix for static assets, such as setting it to a CDN URL.
+In [production mode](/config/mode), use this option to configure the URL prefix for static assets, such as a CDN URL.
 
 `assetPrefix` affects the URLs of most static assets, including JavaScript files, CSS files, images, videos, etc. If an incorrect value is specified, you'll receive 404 errors while loading these resources.
 
-This configuration is only used in `production` mode or `none` mode. In `development` mode, use the [dev.assetPrefix](/config/dev/asset-prefix) to set the URL prefix.
+This configuration is only used in `production` mode or `none` mode. In `development` mode, use [dev.assetPrefix](/config/dev/asset-prefix) to configure the URL prefix.
 
 ## Example
 
@@ -54,7 +54,7 @@ The default value of `output.assetPrefix` is the same as [server.base](/config/s
 
 When `server.base` is `/foo`, `index.html` and static assets can be accessed through `http://localhost:3000/foo/`.
 
-It should be noted that when customizing the `output.assetPrefix` option, if you want static assets to be accessible normally during [Rsbuild preview](/guide/basic/cli#rsbuild-preview), `output.assetPrefix` should contain the same URL prefix as `server.base`, such as:
+It should be noted that when customizing the `output.assetPrefix` option, if you want static assets to be accessible normally during [Rsbuild preview](/guide/basic/cli#rsbuild-preview), `output.assetPrefix` should contain the same URL prefix as `server.base`. For example:
 
 ```ts
 export default {
@@ -71,12 +71,12 @@ export default {
 
 assetPrefix can be set to the following types of paths:
 
-- **absolute path**: This is the most common practice, can be specific server paths, like `/assets/`, or setting to CDN paths, like `https://cdn.example.com/assets/`.
-- **relative path**: such as `./assets/`.
+- **absolute path**: This is the most common practice, which can be specific server paths like `/assets/`, or CDN paths like `https://cdn.example.com/assets/`.
+- **relative path**: For example, `./assets/`.
 - **'auto'**: Rspack will automatically calculate the path and generate relative paths based on file location.
 
 :::tip
-It's not recommended to set assetPrefix as a relative path, such as `'./assets/'`. This is because when assets are at different path depths, using relative paths may cause assets to load incorrectly.
+It's not recommended to set assetPrefix as a relative path like `'./assets/'`. This is because when assets are at different path depths, using relative paths may cause assets to load incorrectly.
 :::
 
 ## Compare with `publicPath`

website/docs/en/config/output/inline-scripts.mdx

@@ -67,7 +67,7 @@ Setting `inlineScripts: true` is equivalent to setting [inlineScripts.enable](#e
 
 ### Script tag position
 
-When `output.inlineScripts` is used, it is recommended to set [html.inject](/config/html/inject) to `'body'`.
+When using `output.inlineScripts`, we recommend setting [html.inject](/config/html/inject) to `'body'`.
 
 As the default injection position of the script tag is the `<head>` tag, changing the injection position to the `<body>` tag can ensure that the inlined script can access the DOM elements in `<body>`.
 

website/docs/en/config/resolve/alias.mdx

@@ -21,7 +21,7 @@ Set the alias for the module path, which is used to simplify the import path or
 For TypeScript projects, you only need to configure [compilerOptions.paths](https://typescriptlang.org/tsconfig#paths) in the `tsconfig.json` file. Rsbuild will automatically recognize it, so there is no need to configure the `resolve.alias` option separately. For more details, please refer to [Path Aliases](/guide/advanced/alias).
 
 :::tip
-In versions prior to Rsbuild 1.1.7, you can use the `source.alias` to set alias, but it will be removed in the next major version.
+In versions prior to Rsbuild 1.1.7, you can use `source.alias` to set alias, but it will be removed in the next major version.
 :::
 
 ## Basic usage

website/docs/en/config/source/transform-import.mdx

@@ -237,7 +237,7 @@ export default {
 };
 ```
 
-In addition, you can also declare the format of the path after transformation, such as setting it to `my-lib/{{ camelCase member }}` to convert member into camel case.
+In addition, you can also declare the format of the path after transformation, for example setting it to `my-lib/{{ camelCase member }}` to convert member into camel case.
 
 The following formats are supported:
 

website/docs/en/guide/basic/html-template.mdx

@@ -122,7 +122,7 @@ Rsbuild defaults to setting the charset and viewport meta tags:
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 ```
 
-You can also add custom meta tags, such as setting the description:
+You can also add custom meta tags, like a description:
 
 ```ts
 export default {