docs: update URLs to use shorter versions links (#4987)

Author: chenjiahan

README.md

@@ -126,7 +126,7 @@ Rsbuild has been inspired by several outstanding projects in the community. We w
 - Multiple utility functions have been adapted from [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
 - Several API design patterns have been influenced by [Vite](https://github.com/vitejs/vite)
 
-Special thanks to [Netlify](https://www.netlify.com/) for providing hosting services for the Rsbuild documentation website.
+Special thanks to [Netlify](https://netlify.com/) for providing hosting services for the Rsbuild documentation website.
 
 ## 📖 License
 

README.pt-BR.md

@@ -126,7 +126,7 @@ O Rsbuild foi inspirado por vários projetos excepcionais da comunidade. Gostar
 - Múltiplas funções utilitárias foram adaptadas do [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
 - Vários padrões de design de API foram influenciados pelo [Vite](https://github.com/vitejs/vite)
 
-Agradecimentos especiais à [Netlify](https://www.netlify.com/) por fornecer serviços de hospedagem para o site de documentação do Rsbuild.
+Agradecimentos especiais à [Netlify](https://netlify.com/) por fornecer serviços de hospedagem para o site de documentação do Rsbuild.
 
 ## 📖 Licença
 

README.zh-CN.md

@@ -128,7 +128,7 @@ Rsbuild 受到社区中几个杰出项目的启发。我们想要对以下项目
 - 多个实用工具函数改编自 [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
 - 一些 API 设计模式受到 [Vite](https://github.com/vitejs/vite) 的影响
 
-特别感谢 [Netlify](https://www.netlify.com/) 为 Rsbuild 文档网站提供托管服务。
+特别感谢 [Netlify](https://netlify.com/) 为 Rsbuild 文档网站提供托管服务。
 
 ## 📖 License
 

packages/core/src/helpers/format.ts

@@ -52,7 +52,7 @@ function hintUnknownFiles(message: string): string {
     return `To enable support for ${keyword}, use "${color.yellow(
       `@rsbuild/plugin-${packageName}`,
     )}" ${color.dim(
-      `(https://www.npmjs.com/package/@rsbuild/plugin-${packageName})`,
+      `(https://npmjs.com/package/@rsbuild/plugin-${packageName})`,
     )}.`;
   };
 

packages/core/types.d.ts

@@ -194,21 +194,21 @@ declare module '*.opus' {
 }
 
 /**
- * @requires [@rsbuild/plugin-yaml](https://www.npmjs.com/package/@rsbuild/plugin-yaml)
+ * @requires [@rsbuild/plugin-yaml](https://npmjs.com/package/@rsbuild/plugin-yaml)
  */
 declare module '*.yaml' {
   const content: Record<string, any>;
   export default content;
 }
 /**
- * @requires [@rsbuild/plugin-yaml](https://www.npmjs.com/package/@rsbuild/plugin-yaml)
+ * @requires [@rsbuild/plugin-yaml](https://npmjs.com/package/@rsbuild/plugin-yaml)
  */
 declare module '*.yml' {
   const content: Record<string, any>;
   export default content;
 }
 /**
- * @requires [@rsbuild/plugin-toml](https://www.npmjs.com/package/@rsbuild/plugin-toml)
+ * @requires [@rsbuild/plugin-toml](https://npmjs.com/package/@rsbuild/plugin-toml)
  */
 declare module '*.toml' {
   const content: Record<string, any>;
@@ -262,35 +262,35 @@ declare module '*.module.css' {
   export default classes;
 }
 /**
- * @requires [@rsbuild/plugin-sass](https://www.npmjs.com/package/@rsbuild/plugin-sass)
+ * @requires [@rsbuild/plugin-sass](https://npmjs.com/package/@rsbuild/plugin-sass)
  */
 declare module '*.module.scss' {
   const classes: CSSModuleClasses;
   export default classes;
 }
 /**
- * @requires [@rsbuild/plugin-sass](https://www.npmjs.com/package/@rsbuild/plugin-sass)
+ * @requires [@rsbuild/plugin-sass](https://npmjs.com/package/@rsbuild/plugin-sass)
  */
 declare module '*.module.sass' {
   const classes: CSSModuleClasses;
   export default classes;
 }
 /**
- * @requires [@rsbuild/plugin-less](https://www.npmjs.com/package/@rsbuild/plugin-less)
+ * @requires [@rsbuild/plugin-less](https://npmjs.com/package/@rsbuild/plugin-less)
  */
 declare module '*.module.less' {
   const classes: CSSModuleClasses;
   export default classes;
 }
 /**
- * @requires [@rsbuild/plugin-stylus](https://www.npmjs.com/package/@rsbuild/plugin-stylus)
+ * @requires [@rsbuild/plugin-stylus](https://npmjs.com/package/@rsbuild/plugin-stylus)
  */
 declare module '*.module.styl' {
   const classes: CSSModuleClasses;
   export default classes;
 }
 /**
- * @requires [@rsbuild/plugin-stylus](https://www.npmjs.com/package/@rsbuild/plugin-stylus)
+ * @requires [@rsbuild/plugin-stylus](https://npmjs.com/package/@rsbuild/plugin-stylus)
  */
 declare module '*.module.stylus' {
   const classes: CSSModuleClasses;

packages/plugin-solid/src/index.ts

@@ -8,7 +8,7 @@ const require = createRequire(import.meta.url);
 export type PluginSolidOptions = {
   /**
    * Options passed to `babel-preset-solid`.
-   * @see https://www.npmjs.com/package/babel-preset-solid
+   * @see https://npmjs.com/package/babel-preset-solid
    */
   solidPresetOptions?: SolidPresetOptions;
 };

website/docs/en/api/javascript-api/core.mdx

@@ -449,7 +449,7 @@ logger.info('hello'); // [info] hello
 
 ## rspack
 
-If you need to access the API or plugins exported by [@rspack/core](https://www.npmjs.com/package/@rspack/core), you can directly import the `rspack` object from `@rsbuild/core` without installing the `@rspack/core` package separately.
+If you need to access the API or plugins exported by [@rspack/core](https://npmjs.com/package/@rspack/core), you can directly import the `rspack` object from `@rsbuild/core` without installing the `@rspack/core` package separately.
 
 - **Type:** `Rspack`
 - **Example:**

website/docs/en/community/index.mdx

@@ -10,7 +10,7 @@ For more details, see [Releases](/community/releases/index).
 
 The development of Rsbuild is driven by ByteDance's Rspack team and community contributors.
 
-For information about the team members, please refer to [Rspack - Core team](https://www.rspack.dev/misc/team/core-team).
+For information about the team members, please refer to [Rspack - Core team](https://rspack.dev/misc/team/core-team).
 
 ## Communication
 
@@ -33,7 +33,7 @@ Please refer to the [Rsbuild Contribution Guide](https://github.com/web-infra-de
 
 ## Blogs
 
-Please visit [Rspack - Blog](https://www.rspack.dev/blog/index) to read our latest articles and announcements.
+Please visit [Rspack - Blog](https://rspack.dev/blog/index) to read our latest articles and announcements.
 
 ## Examples
 

website/docs/en/community/releases/v0-4.mdx

@@ -95,7 +95,7 @@ module.exports = {
 
 ## Pure React plugin
 
-The React plugin has removed default [source.transformImport](/config/source/transform-import) config for [antd](https://www.npmjs.com/package/antd) v4 and [@arco-design/web-react](https://www.npmjs.com/package/@arco-design/web-react).
+The React plugin has removed default [source.transformImport](/config/source/transform-import) config for [antd](https://npmjs.com/package/antd) v4 and [@arco-design/web-react](https://npmjs.com/package/@arco-design/web-react).
 
 Configurations related to the UI library should be provided in the UI library-specific plugins, such as `rsbuild-plugin-antd` or `rsbuild-plugin-arco`, and the React plugin will concentrate on providing fundamental abilities for React.
 

website/docs/en/community/releases/v0-7.mdx

@@ -56,13 +56,13 @@ Comparison of build times for Rsbuild 0.6 and 0.7 when compiling Bootstrap's Sas
 
 ![](https://assets.rspack.dev/rsbuild/assets/sass-embedded-compare.jpeg)
 
-This improvement is due to Rsbuild's default use of [sass-embedded](https://www.npmjs.com/package/sass-embedded), a JavaScript wrapper around the native Dart Sass executable that provides a consistent API and superior performance.
+This improvement is due to Rsbuild's default use of [sass-embedded](https://npmjs.com/package/sass-embedded), a JavaScript wrapper around the native Dart Sass executable that provides a consistent API and superior performance.
 
 Rsbuild has also enabled the latest sass-loader's [modern-compiler](https://github.com/webpack-contrib/sass-loader/releases/tag/v14.2.0) API. This can enable Sass's shared resources feature, which allows the same compiler process to be reused when compiling multiple files, improving build performance.
 
 ## Better CSS supports
 
-Rsbuild now uses [CssExtractRspackPlugin](https://www.rspack.dev/plugins/rspack/css-extract-rspack-plugin) to extract CSS into separate files, rather than using the [experimental.css](https://www.rspack.dev/config/experiments#experimentscss) config to do so.
+Rsbuild now uses [CssExtractRspackPlugin](https://rspack.dev/plugins/rspack/css-extract-rspack-plugin) to extract CSS into separate files, rather than using the [experimental.css](https://rspack.dev/config/experiments#experimentscss) config to do so.
 
 This allows Rsbuild to support more CSS features, including:
 

website/docs/en/community/releases/v1-0.mdx

@@ -50,9 +50,9 @@ When developing Rsbuild, we learned best practices from the best tools in the co
 | npm dependencies count          | 1241             | 15              | 283        | 14      | **99% reduction** |
 | npm install size                | 146.6MB          | 56.3MB          | 75.1MB     | 59.1MB  | **60% reduction** |
 
-Compared to the [Rspack CLI](https://www.npmjs.com/package/@rspack/cli), Rsbuild provides a richer set of features while demonstrating superior performance.
+Compared to the [Rspack CLI](https://npmjs.com/package/@rspack/cli), Rsbuild provides a richer set of features while demonstrating superior performance.
 
-This is because Rspack CLI needs to maintain compatibility with the [webpack-cli](https://www.npmjs.com/package/webpack-cli). It relies on the `webpack-dev-server` and provides the same default behavior as webpack, which has some performance limitations. Rsbuild, on the other hand, is designed for modern web development. We have reimplemented a lighter CLI, dev server, and build process for Rsbuild, resulting in faster startup speeds and fewer npm dependencies.
+This is because Rspack CLI needs to maintain compatibility with the [webpack-cli](https://npmjs.com/package/webpack-cli). It relies on the `webpack-dev-server` and provides the same default behavior as webpack, which has some performance limitations. Rsbuild, on the other hand, is designed for modern web development. We have reimplemented a lighter CLI, dev server, and build process for Rsbuild, resulting in faster startup speeds and fewer npm dependencies.
 
 > See the [Rsbuild Introduction](https://rsbuild.dev/guide/start/index) for more comparisons between Rsbuild, webpack, Vue CLI, and Vite.
 

website/docs/en/config/output/inject-styles.mdx

@@ -5,7 +5,7 @@
 
 Whether to inject styles into DOM.
 
-By default, Rsbuild will extract CSS into a separate `.css` file and output it to the dist directory. When this option is set to `true`, CSS files will be inlined into JS files and inserted on the page at runtime via `<style>` tags. This feature is implemented based on [style-loader](https://www.npmjs.com/package/style-loader).
+By default, Rsbuild will extract CSS into a separate `.css` file and output it to the dist directory. When this option is set to `true`, CSS files will be inlined into JS files and inserted on the page at runtime via `<style>` tags. This feature is implemented based on [style-loader](https://npmjs.com/package/style-loader).
 
 ### Example
 

website/docs/en/config/performance/bundle-analyze.mdx

@@ -31,7 +31,7 @@ Add the environment variable `BUNDLE_ANALYZE=true`, for example:
 }
 ```
 
-Since the Windows system does not support the above usage, you can also use [cross-env](https://www.npmjs.com/package/cross-env) to set environment variables. This ensures compatibility across different systems:
+Since the Windows system does not support the above usage, you can also use [cross-env](https://npmjs.com/package/cross-env) to set environment variables. This ensures compatibility across different systems:
 
 ```json title="package.json"
 {

website/docs/en/config/plugins.mdx

@@ -143,7 +143,7 @@ export default {
 
 [unplugin](https://github.com/unjs/unplugin) is a unified plugin system for various build tools. You can use plugins implemented based on unplugin in Rsbuild, just import the `/rspack` subpath of the plugin and register it via [tools.rspack](/config/tools/rspack).
 
-Here is an example of using [unplugin-vue-components](https://www.npmjs.com/package/unplugin-vue-components):
+Here is an example of using [unplugin-vue-components](https://npmjs.com/package/unplugin-vue-components):
 
 ```ts
 import { defineConfig } from '@rsbuild/core';

website/docs/en/config/server/open.mdx

@@ -109,7 +109,7 @@ BROWSER=edge npx rsbuild dev
 BROWSER=firefox npx rsbuild dev
 ```
 
-On Windows, use [cross-env](https://www.npmjs.com/package/cross-env) to set environment variables:
+On Windows, use [cross-env](https://npmjs.com/package/cross-env) to set environment variables:
 
 ```bash
 npm i cross-env -D

website/docs/en/config/source/decorators.mdx

@@ -36,7 +36,7 @@ export default {
 Reference documentation:
 
 - [JavaScript meta programming with the 2022-03 decorators API](https://2ality.com/2022/10/javascript-decorators.html)
-- [TypeScript 5.0 Decorators](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html#decorators)
+- [TypeScript 5.0 Decorators](https://typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html#decorators)
 
 ### legacy
 
@@ -55,4 +55,4 @@ export default {
 Reference documentation:
 
 - [A Complete Guide to TypeScript Decorators](https://mirone.me/a-complete-guide-to-typescript-decorator/)
-- [TypeScript Decorators](https://www.typescriptlang.org/docs/handbook/decorators.html)
+- [TypeScript Decorators](https://typescriptlang.org/docs/handbook/decorators.html)

website/docs/en/config/source/entry.mdx

@@ -128,7 +128,7 @@ export default {
 
 ## Asynchronous setting
 
-To set entry asynchronously, for example, use [glob](https://www.npmjs.com/package/glob) to scan the directory, you can export an async function in `rsbuild.config.ts`:
+To set entry asynchronously, for example, use [glob](https://npmjs.com/package/glob) to scan the directory, you can export an async function in `rsbuild.config.ts`:
 
 ```ts title="rsbuild.config.ts"
 import path from 'node:path';

website/docs/en/guide/advanced/alias.mdx

@@ -10,7 +10,7 @@ import request from '@request'; // resolve to `src/common/request.ts`
 
 In Rsbuild, there are two ways to set up path aliases:
 
-- Use the `paths` configuration in [tsconfig.json](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html).
+- Use the `paths` configuration in [tsconfig.json](https://typescriptlang.org/docs/handbook/tsconfig-json.html).
 - Use the [resolve.alias](/config/resolve/alias) configuration.
 
 ## `paths` in tsconfig.json

website/docs/en/guide/advanced/env-vars.mdx

@@ -473,7 +473,7 @@ interface ImportMeta {
 
 ### process.env
 
-If the type for `process.env` is missing, please install the dependency [@types/node](https://www.npmjs.com/package/@types/node):
+If the type for `process.env` is missing, please install the dependency [@types/node](https://npmjs.com/package/@types/node):
 
 import { PackageManagerTabs } from '@theme';
 

website/docs/en/guide/advanced/module-federation.mdx

@@ -34,7 +34,7 @@ Here are the characteristics of several versions:
 
 [Module Federation 2.0](https://module-federation.io/blog/announcement.html) provides some additional out-of-the-box features based on Module Federation, such as dynamic TS type hints, Chrome devtools, Runtime plugins, preloading, making Module Federation more suitable for micro-frontend architecture supporting large-scale web applications. Module Federation v2.0 is implemented based on v1.5.
 
-You need to install the additional [@module-federation/rsbuild-plugin](https://www.npmjs.com/package/@module-federation/rsbuild-plugin) plugin to use Module Federation v2.0.
+You need to install the additional [@module-federation/rsbuild-plugin](https://npmjs.com/package/@module-federation/rsbuild-plugin) plugin to use Module Federation v2.0.
 
 ```ts title="rsbuild.config.ts"
 import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';

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

@@ -47,7 +47,7 @@ export default {
 
 ## Access Rspack API
 
-If you need to access the API or plugins exported by [@rspack/core](https://www.npmjs.com/package/@rspack/core), you can directly import the [rspack](/api/javascript-api/core#rspack) object from `@rsbuild/core` without installing the `@rspack/core` package separately.
+If you need to access the API or plugins exported by [@rspack/core](https://npmjs.com/package/@rspack/core), you can directly import the [rspack](/api/javascript-api/core#rspack) object from `@rsbuild/core` without installing the `@rspack/core` package separately.
 
 ```ts title="rsbuild.config.ts"
 import { rspack } from '@rsbuild/core';

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

@@ -19,7 +19,7 @@ Here are some examples:
 
 ### Register SWC plugin
 
-`tools.swc` can be used to register SWC's Wasm plugins, for example, registering [@swc/plugin-styled-components](https://www.npmjs.com/package/@swc/plugin-styled-components):
+`tools.swc` can be used to register SWC's Wasm plugins, for example, registering [@swc/plugin-styled-components](https://npmjs.com/package/@swc/plugin-styled-components):
 
 ```js
 export default {
@@ -61,7 +61,7 @@ export default {
 };
 ```
 
-For more options, please refer to [@swc/plugin-emotion](https://www.npmjs.com/package/@swc/plugin-emotion).
+For more options, please refer to [@swc/plugin-emotion](https://npmjs.com/package/@swc/plugin-emotion).
 
 ### Enable Relay support
 
@@ -81,7 +81,7 @@ export default {
 };
 ```
 
-For more options, please refer to [@swc/plugin-relay](https://www.npmjs.com/package/@swc/plugin-relay).
+For more options, please refer to [@swc/plugin-relay](https://npmjs.com/package/@swc/plugin-relay).
 
 ## Minimizer options
 

website/docs/en/guide/basic/css-usage.mdx

@@ -10,7 +10,7 @@ Rsbuild also provides several configurations that allow customization of the pro
 [Lightning CSS](https://lightningcss.dev) is a high performance CSS parser, transformer and minifier written in Rust. It supports parsing and transforming many modern CSS features into syntax supported by target browsers, and also provides a better compression ratio.
 :::
 
-Rsbuild uses Rspack's built-in [lightningcss-loader](https://www.rspack.dev/guide/features/builtin-lightningcss-loader) to transform CSS code. It automatically reads the project's [browserslist](/guide/advanced/browserslist) config and converts the CSS code to syntax supported by target browsers.
+Rsbuild uses Rspack's built-in [lightningcss-loader](https://rspack.dev/guide/features/builtin-lightningcss-loader) to transform CSS code. It automatically reads the project's [browserslist](/guide/advanced/browserslist) config and converts the CSS code to syntax supported by target browsers.
 
 ### Features
 

website/docs/en/guide/basic/static-deploy.mdx

@@ -164,7 +164,7 @@ jobs:
 
 ## Netlify
 
-[Netlify Core](https://www.netlify.com/) is a frontend cloud solution for developers to build and deploy future-proof digital solutions with modern, composable tooling.
+[Netlify Core](https://netlify.com/) is a frontend cloud solution for developers to build and deploy future-proof digital solutions with modern, composable tooling.
 
 ### Add new site
 

website/docs/en/guide/basic/tailwindcss-v3.mdx

@@ -14,7 +14,7 @@ import { PackageManagerTabs } from '@theme';
 
 ## Configuring PostCSS
 
-You can register the `tailwindcss` PostCSS plugin through [postcss.config.cjs](https://www.npmjs.com/package/postcss-loader#config) or [tools.postcss](/config/tools/postcss).
+You can register the `tailwindcss` PostCSS plugin through [postcss.config.cjs](https://npmjs.com/package/postcss-loader#config) or [tools.postcss](/config/tools/postcss).
 
 ```js title="postcss.config.cjs"
 module.exports = {

website/docs/en/guide/basic/tailwindcss.mdx

@@ -22,7 +22,7 @@ import { PackageManagerTabs } from '@theme';
 
 ## Configuring PostCSS
 
-You can register the Tailwind CSS PostCSS plugin through [postcss.config.cjs](https://www.npmjs.com/package/postcss-loader#config) or [tools.postcss](/config/tools/postcss).
+You can register the Tailwind CSS PostCSS plugin through [postcss.config.cjs](https://npmjs.com/package/postcss-loader#config) or [tools.postcss](/config/tools/postcss).
 
 ```js title="postcss.config.mjs"
 export default {

website/docs/en/guide/basic/unocss.mdx

@@ -2,7 +2,7 @@
 
 [UnoCSS](https://unocss.dev/) is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated, and all the CSS utilities are provided via presets.
 
-You can integrate UnoCSS in Rsbuild via [@unocss/webpack](https://www.npmjs.com/package/@unocss/webpack).
+You can integrate UnoCSS in Rsbuild via [@unocss/webpack](https://npmjs.com/package/@unocss/webpack).
 
 ## Installing UnoCSS
 

website/docs/en/guide/debug/rsdoctor.mdx

@@ -25,7 +25,7 @@ import { PackageManagerTabs } from '@theme';
 }
 ```
 
-Since the Windows system does not support the above usage, you can also use [cross-env](https://www.npmjs.com/package/cross-env) to set environment variables. This ensures compatibility across different systems:
+Since the Windows system does not support the above usage, you can also use [cross-env](https://npmjs.com/package/cross-env) to set environment variables. This ensures compatibility across different systems:
 
 ```json title="package.json"
 {