diff --git a/packages/document/builder-doc/docs/en/config/performance/chunkSplit.md b/packages/document/builder-doc/docs/en/config/performance/chunkSplit.md
index 51f21fb3dd35..97ea9bb133d1 100644
--- a/packages/document/builder-doc/docs/en/config/performance/chunkSplit.md
+++ b/packages/document/builder-doc/docs/en/config/performance/chunkSplit.md
@@ -127,6 +127,10 @@ export default {
 
 This is an easier way than configuring webpack's splitChunks directly.
 
+:::tip
+Chunks split using the `forceSplitting` configuration will be inserted into the HTML file as resources requested for the initial screen using `<script>` tags. Therefore, please split them appropriately based on the actual scenario to avoid excessive size of initial screen resources.
+:::
+
 ### chunkSplit.splitChunks
 
 When `performance.chunkSplit.strategy` is `custom`, you can specify the custom webpack chunk splitting config via `performance.chunkSplit.splitChunks`. This config will be merged with the webpack splitChunks config (the `cacheGroups` config will also be merged). For example:
diff --git a/packages/document/builder-doc/docs/en/guide/features.mdx b/packages/document/builder-doc/docs/en/guide/features.mdx
index 471b1676607a..eb90f62b69bd 100644
--- a/packages/document/builder-doc/docs/en/guide/features.mdx
+++ b/packages/document/builder-doc/docs/en/guide/features.mdx
@@ -4,21 +4,25 @@ Here are all the main features supported by Modern.js Builder.
 
 ## JavaScript
 
-| Features                 | Description                                                                                                                     | Links                                                                                                                                                                                                                            |
-| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Babel compilation        | Babel compilation is enabled by default, which converts JavaScript and TypeScript code to backward compatible JavaScript syntax | <ul><li>[tools.babel](/en/api/config-tools.html#toolsbabel)</li></ul>                                                                                                                                                            |
-| TS compilation           | TS files are compiled by Babel by default, you can also use `ts-loader`                                                         | <ul><li>[TypeScript compilation](/en/guide/basic/typescript.html#typescript-compilation)</li><li>[tools.babel](/en/api/config-tools.html#toolsbabel)</li><li>[tools.tsLoader](/en/api/config-tools.html#toolstsloader)</li></ul> |
-| Type Checker             | Runs TypeScript type checker by default                                                                                         | <ul><li>[Type checking](/en/guide/basic/typescript.html#type-checking)</li><li>[tools.tsChecker](/en/api/config-tools.html#toolstschecker)</li><li>[output.disableTsChecker](/en/api/config-output.html#outputdisabletschecker)</li></ul>                                                                             |
-| JS minification          | JS minification is enabled by default in production build                                                                       | <ul><li>[tools.terser](/en/api/config-tools.html#toolsterser)</li></ul>                                                                                                                                                          |
-| Polyfill injection       | core-js and other polyfills are injected by default                                                                             | <ul><li>[Browser Compatibility](/guide/advanced/browser-compatibility.html)</li><li>[output.polyfill](/en/api/config-output.html#outputpolyfill)</li></ul>                                                                       |
-| SourceMap generation     | High-quality SourceMap is generated by default in production build                                                              | <ul><li>[output.disableSourceMap](/en/api/config-output.html#outputdisablesourcemap)</li></ul>                                                                                                                                   |
-| Alias                    | Optional feature, set import alias                                                                                              | <ul><li>[source.alias](/en/api/config-source.html#sourcealias)</li></ul>                                                                                                                                                         |
-| Restrict importing paths | Optional feature, restrict source code import paths                                                                             | <ul><li>[source.moduleScopes](/en/api/config-source.html#sourcemodulescopes)</li></ul>                                                                                                                                           |
-| esbuild compilation      | Optional feature, transform and minify JavaScript and TypeScript code with esbuild                                              | <ul><li>[esbuild plugin](/plugins/plugin-esbuild.html)</li></ul>                                                                                                                                                                 |
-| SWC Compilation          | Optional feature, transform and minify JavaScript and TypeScript code with SWC                                                  | <ul><li>[SWC plugin](/plugins/plugin-swc.html)</li></ul>                                                                                                                                                                         |
-| Node artifacts           | Optional feature, support building bundles that run in Node.js environment                                                      | <ul><li>[Node Target](/en/guide/basic/build-target.html#node-target)</li></ul>                                                                                                                                                   |
-| Web Worker artifacts     | Optional feature, support building bundles that run in a Web Worker environment                                                 | <ul><li>[Web Worker Target](/en/guide/basic/build-target.html#web-worker-target)</li></ul>                                                                                                                                       |
-| Browserslist             | Optional feature, using browserslist (opens new window)to specify which browsers should be supported in your Web application.   | <ul><li>[Browserslist](/guide/advanced/browserslist.html)</li></ul>                                                                                                                                                              |
+| Features                 | Description                                                                                                                     | Links                                                                                                                                                                                                                                     |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Rspack bundler           | Optional feature, use Rspack as the bundler                                                                                     | <ul><li>[Using Rspack](/guide/advanced/rspack-start.html)</li></ul>                                                                                                                                                                       |
+| Babel compilation        | Babel compilation is enabled by default, which converts JavaScript and TypeScript code to backward compatible JavaScript syntax | <ul><li>[tools.babel](/en/api/config-tools.html#toolsbabel)</li></ul>                                                                                                                                                                     |
+| TS compilation           | TS files are compiled by Babel by default, you can also use `ts-loader`                                                         | <ul><li>[TypeScript compilation](/en/guide/basic/typescript.html#typescript-compilation)</li><li>[tools.babel](/en/api/config-tools.html#toolsbabel)</li><li>[tools.tsLoader](/en/api/config-tools.html#toolstsloader)</li></ul>          |
+| Type checker             | Runs TypeScript type checker by default                                                                                         | <ul><li>[Type checking](/en/guide/basic/typescript.html#type-checking)</li><li>[tools.tsChecker](/en/api/config-tools.html#toolstschecker)</li><li>[output.disableTsChecker](/en/api/config-output.html#outputdisabletschecker)</li></ul> |
+| JS minification          | JS minification is enabled by default in production build                                                                       | <ul><li>[tools.terser](/en/api/config-tools.html#toolsterser)</li></ul>                                                                                                                                                                   |
+| Polyfill injection       | core-js and other polyfills are injected by default                                                                             | <ul><li>[Browser Compatibility](/guide/advanced/browser-compatibility.html)</li><li>[output.polyfill](/en/api/config-output.html#outputpolyfill)</li></ul>                                                                                |
+| SourceMap generation     | High-quality SourceMap is generated by default in production build                                                              | <ul><li>[output.disableSourceMap](/en/api/config-output.html#outputdisablesourcemap)</li></ul>                                                                                                                                            |
+| Alias                    | Optional feature, set import alias                                                                                              | <ul><li>[source.alias](/en/api/config-source.html#sourcealias)</li></ul>                                                                                                                                                                  |
+| Restrict importing paths | Optional feature, restrict source code import paths                                                                             | <ul><li>[source.moduleScopes](/en/api/config-source.html#sourcemodulescopes)</li></ul>                                                                                                                                                    |
+| esbuild compilation      | Optional feature, transform and minify JavaScript and TypeScript code with esbuild                                              | <ul><li>[esbuild plugin](/plugins/plugin-esbuild.html)</li></ul>                                                                                                                                                                          |
+| SWC compilation          | Optional feature, transform and minify JavaScript and TypeScript code with SWC                                                  | <ul><li>[SWC plugin](/plugins/plugin-swc.html)</li></ul>                                                                                                                                                                                  |
+| Node outputs             | Optional feature, support building bundles that run in Node.js environment                                                      | <ul><li>[Node Target](/en/guide/basic/build-target.html#node-target)</li></ul>                                                                                                                                                            |
+| Web Worker outputs       | Optional feature, support building bundles that run in a Web Worker environment                                                 | <ul><li>[Web Worker Target](/en/guide/basic/build-target.html#web-worker-target)</li></ul>                                                                                                                                                |
+| Browserslist             | Optional feature, using browserslist (opens new window)to specify which browsers should be supported in your Web application.   | <ul><li>[Browserslist](/guide/advanced/browserslist.html)</li></ul>                                                                                                                                                                       |
+| Compatibility check      | Optional feature, analyze if there are incompatible advanced syntax in the outputs within the current browser scope             | <ul><li>[security.checkSyntax](/api/config-security.html#securitychecksyntax)</li></ul>                                                                                                                                                   |
+| Environment variable     | Optional feature, inject environment variables or expressions into the code                                                     | <ul><li>[Environment Variables](/guide/advanced/define.html)</li></ul>                                                                                                                                                                    |
+| Node Polyfill            | Optional feature, inject polyfills for Node core modules on the browser side                                                    | <ul><li>[Node Polyfill Plugin](/plugins/plugin-node-polyfill.html)</li></ul>                                                                                                                                                              |
 
 ## CSS
 
@@ -28,12 +32,13 @@ Here are all the main features supported by Modern.js Builder.
 | Sass preprocessing      | Support compile Sass files by default                                              | <ul><li>[CSS Usage](/guide/basic/css-usage.html)</li><li>[tools.sass](/en/api/config-tools.html#toolssass)</li> </ul>                                                                                 |
 | Less preprocessing      | Support compile Less files by default                                              | <ul><li>[CSS Usage](/guide/basic/css-usage.html)</li><li>[tools.less](/en/api/config-tools.html#toolsless)</li></ul>                                                                                  |
 | Stylus preprocessing    | Optional feature, compile Stylus files                                             | <ul><li>[Stylus Plugin](/plugins/plugin-stylus.html)</li></ul>                                                                                                                                        |
-| CSS Modules Compilation | Support compiling `*.module.*` files by default                                    | <ul><li>[Use CSS Modules](/guide/basic/css-modules.html)</li><li>[tools.cssLoader](/en/api/config-tools.html#toolscssloader)</li></ul>                                                                |
-| CSS Modules Type        | Optional feature, automatically generate type definition for CSS Modules           | <ul><li>[Use CSS Modules](/guide/basic/css-modules.html)</li><li>[enableCssModuleTSDeclaration](/en/api/config-output.html#outputenablecssmoduletsdeclaration)</li></ul>                              |
+| CSS Modules compilation | Support compiling `*.module.*` files by default                                    | <ul><li>[Use CSS Modules](/guide/basic/css-modules.html)</li><li>[tools.cssLoader](/en/api/config-tools.html#toolscssloader)</li></ul>                                                                |
+| CSS Modules type        | Optional feature, automatically generate type definition for CSS Modules           | <ul><li>[Use CSS Modules](/guide/basic/css-modules.html)</li><li>[enableCssModuleTSDeclaration](/en/api/config-output.html#outputenablecssmoduletsdeclaration)</li></ul>                              |
 | CSS minification        | CSS minification is enabled by default in production build                         | <ul><li>[CSS Usage](/guide/basic/css-usage.html)</li><li>[tools.minifyCss](/en/api/config-tools.html#toolsminifycss)</li></ul>                                                                        |
 | Extract CSS files       | CSS will be extracted as separate files by default                                 | <ul><li>[tools.cssExtract](/en/api/config-tools.html#toolscssextract)</li></ul>                                                                                                                       |
 | Styled Components       | Support styled components compilation by default                                   | <ul><li>[tools.styledComponents](/en/api/config-tools.html#toolsstyledcomponents)</li></ul>                                                                                                           |
 | Inline CSS into JS      | Optional feature, inline CSS files to JavaScript files                             | <ul><li>[CSS Usage](/guide/basic/css-usage.html)</li><li>[tools.styleLoader](/en/api/config-tools.html#toolsstyleloader)</li></ul>                                                                    |
+| rem unit conversion     | Optional feature, convert px units in CSS to rem units                             | <ul><li>[output.convertToRem](/api/config-output.html#outputconverttorem)</li></ul>                                                                                                                   |
 
 ## HTML
 
@@ -55,12 +60,14 @@ Here are all the main features supported by Modern.js Builder.
 | Automatically open page | Optional feature, automatically open page URL in browser when starting Dev Server | <ul><li>[dev.startUrl](/en/api/config-dev.html#devstarturl) </li></ul> |
 | HTTPS Dev Server        | Optional feature, enable HTTPS Dev Server                                         | <ul><li>[dev.https](/en/api/config-dev.html#devhttps)</li></ul>        |
 
-## React
+## Frontend Framework
 
-| Features               | Description                                   | Links                                                                                                                                                    |
-| ---------------------- | --------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| React Refresh          | Support React Refresh by default              | <ul><li>[Hot Module Replacement](/guide/advanced/hmr.html)</li><li>[dev.hmr](/en/api/config-dev.html#devhmr)</li></ul>                                   |
-| SVG to React component | Support to import SVG as component by default | <ul><li>[Import SVG Assets](/guide/basic/svg-assets.html)</li><li>[output.svgDefaultExport](/en/api/config-output.html#outputsvgdefaultexport)</li><li>[output.disableSvgr](/en/api/config-output.html#outputdisablesvgr)</li></ul> |
+| Features               | Description                                                                      | Links                                                                                                                                                                                                                               |
+| ---------------------- | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| React Refresh          | Support React Refresh by default                                                 | <ul><li>[Hot Module Replacement](/guide/advanced/hmr.html)</li><li>[dev.hmr](/en/api/config-dev.html#devhmr)</li></ul>                                                                                                              |
+| SVG to React component | Support to import SVG as component by default                                    | <ul><li>[Import SVG Assets](/guide/basic/svg-assets.html)</li><li>[output.svgDefaultExport](/en/api/config-output.html#outputsvgdefaultexport)</li><li>[output.disableSvgr](/en/api/config-output.html#outputdisablesvgr)</li></ul> |
+| Vue 3 SFC compilation  | Optional feature, enable compilation of Vue 3 SFC (Single File Components) files | <ul><li>[Vue Plugin](/plugins/plugin-vue)</li></ul>                                                                                                                                                                                 |
+| Vue 3 JSX compilation  | Optional feature, enable compilation of Vue 3 JSX syntax                         | <ul><li>[Vue Plugin](/plugins/plugin-vue)</li></ul>                                                                                                                                                                                 |
 
 ## Static Assets
 
@@ -77,10 +84,12 @@ Here are all the main features supported by Modern.js Builder.
 
 ## Performance
 
-| Features                       | Description                                                                                                                  | Links                                                                                                                                                                      |
-| ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Chunk Splitting                | A variety of chunk splitting strategies are built into Builder to automatically split the bundle into files of moderate size | <ul><li>[Chunk Splitting Practice](/guide/optimization/split-chunk.html)</li><li>[performance.chunkSplit](/en/api/config-performance.html#performancechunksplit)</li></ul> |
-| Print File Size                | After the production build, All bundle sizes is displayed by default                                                         | <ul><li>[performance.printFileSize](/en/api/config-performance.html#performanceprintfilesize)</li></ul>                                                                    |
-| Analyze bundle size            | Optional feature, analyze bundle size through Bundle Analyzer                                                                | <ul><li>[performance.bundleAnalyze](/en/api/config-performance.html#performancebundleanalyze)</li></ul>                                                                    |
-| Remove console                 | Optional feature, remove `console.xx` in code                                                                                | <ul><li>[performance.removeConsole](/en/api/config-performance.html#performanceremoveconsole)</li ></ul>                                                                   |
-| Optimize the size of moment.js | Optional feature, remove the redundant locale files of moment.js                                                             | <ul><li>[performance.removeMomentLocale](/en/api/config-performance.html#performanceremovemomentlocale)</li></ul>                                                          |
+| Features                   | Description                                                                                                                  | Links                                                                                                                                                                      |
+| -------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Chunk Splitting            | A variety of chunk splitting strategies are built into Builder to automatically split the bundle into files of moderate size | <ul><li>[Chunk Splitting Practice](/guide/optimization/split-chunk.html)</li><li>[performance.chunkSplit](/en/api/config-performance.html#performancechunksplit)</li></ul> |
+| Print File Size            | After the production build, All bundle sizes is displayed by default                                                         | <ul><li>[performance.printFileSize](/en/api/config-performance.html#performanceprintfilesize)</li></ul>                                                                    |
+| Analyze bundle size        | Optional feature, analyze bundle size through Bundle Analyzer                                                                | <ul><li>[performance.bundleAnalyze](/en/api/config-performance.html#performancebundleanalyze)</li></ul>                                                                    |
+| Remove console             | Optional feature, remove `console.xx` in code                                                                                | <ul><li>[performance.removeConsole](/en/api/config-performance.html#performanceremoveconsole)</li ></ul>                                                                   |
+| Optimize moment.js size    | Optional feature, remove the redundant locale files of moment.js                                                             | <ul><li>[performance.removeMomentLocale](/en/api/config-performance.html#performanceremovemomentlocale)</li></ul>                                                          |
+| Component on-demand import | Optional feature, selectively import code and styles from component libraries                                                | <ul><li>[source.transformImport](/api/config-source.html#sourcetransformimport)</li></ul>                                                                                  |
+| Image compression          | Optional feature, compress used image resources                                                                              | <ul><li>[Image Compress Plugin](/plugins/plugin-image-compress.html)</li></ul>                                                                                             |
diff --git a/packages/document/builder-doc/docs/en/guide/optimization/split-chunk.md b/packages/document/builder-doc/docs/en/guide/optimization/split-chunk.md
index e89e37b56288..a6f679d160ab 100644
--- a/packages/document/builder-doc/docs/en/guide/optimization/split-chunk.md
+++ b/packages/document/builder-doc/docs/en/guide/optimization/split-chunk.md
@@ -34,10 +34,6 @@ Builder adopts the `split-by-experience` strategy by default, which is a strateg
 
 This strategy groups commonly used packages and then splits them into separate chunks. Generally, the number of chunks is not large, which is suitable for most applications and is also our recommended strategy.
 
-:::tip
-If the above npm packages are not installed or used in the project, the corresponding chunk will not be generated.
-:::
-
 #### Config
 
 ```ts
@@ -50,6 +46,10 @@ export default {
 };
 ```
 
+#### Notes
+
+- If the npm packages mentioned above are not installed or used in the project, the corresponding chunk will not be generated.
+
 ### split-by-module
 
 #### Behavior
@@ -72,6 +72,12 @@ export default {
 };
 ```
 
+#### Notes
+
+- This configuration will split the node_modules into smaller chunks, resulting in a large number of file requests.
+- When using HTTP/2, resource loading time will be accelerated and cache hit rate will be improved due to multiplexing.
+- When not using HTTP/2, the performance of page loading may be reduced due to HTTP head-of-line blocking. Please use with caution.
+
 ### all-in-one
 
 #### Behavior
@@ -90,6 +96,11 @@ export default {
 };
 ```
 
+#### Notes
+
+- This configuration will bundle all the generated JS code into one file (except for dynamically imported chunks).
+- The size of a single JS file may be very large, leading to a decrease in page loading performance.
+
 ### single-vendor
 
 #### Behavior
@@ -108,6 +119,10 @@ export default {
 };
 ```
 
+#### Notes
+
+- The size of a single vendor file may be very large, leading to a decrease in page loading performance.
+
 ### split-by-size
 
 #### Behavior
@@ -145,19 +160,23 @@ For example, split the `axios` library under node_modules into `axios.js`:
 
 ```js
 export default {
-   performance: {
-     chunkSplit: {
-       strategy: 'split-by-experience',
-       forceSplitting: {
-         axios: /node_modules\/axios/,
-       },
-     },
-   },
+  performance: {
+    chunkSplit: {
+      strategy: 'split-by-experience',
+      forceSplitting: {
+        axios: /node_modules\/axios/,
+      },
+    },
+  },
 };
 ```
 
 Through `forceSplitting` config, you can easily split some packages into a Chunk.
 
+#### Notes
+
+Chunks split using the `forceSplitting` configuration will be inserted into the HTML file as resources requested for the initial screen using `<script>` tags. Therefore, please split them appropriately based on the actual scenario to avoid excessive size of initial screen resources.
+
 ### Custom Bundler `splitChunks` Config
 
 In addition to using custom grouping, you can also customize the native bundler config through `override`, such as:
diff --git a/packages/document/builder-doc/docs/zh/config/performance/chunkSplit.md b/packages/document/builder-doc/docs/zh/config/performance/chunkSplit.md
index 0d77ae513aed..778afe6926ad 100644
--- a/packages/document/builder-doc/docs/zh/config/performance/chunkSplit.md
+++ b/packages/document/builder-doc/docs/zh/config/performance/chunkSplit.md
@@ -126,6 +126,10 @@ export default {
 
 相比直接配置 webpack 的 splitChunks，这是一个更加简便的方式。
 
+:::tip
+注意，通过 `forceSplitting` 配置拆分的 chunk 会通过 `<script>` 标签插入到 HTML 文件中，作为首屏请求的资源。因此，请根据实际场景来进行适当地拆分，避免首屏资源体积过大。
+:::
+
 ### chunkSplit.splitChunks
 
 当 `performance.chunkSplit.strategy` 为 `custom` 时，可以通过 `performance.chunkSplit.splitChunks` 配置项来指定自定义的 webpack 拆包配置。此配置会和 webpack 的 splitChunks 配置进行合并（cacheGroups 配置也会合并）。比如:
diff --git a/packages/document/builder-doc/docs/zh/guide/features.mdx b/packages/document/builder-doc/docs/zh/guide/features.mdx
index c90ac18721ac..82098b6f309f 100644
--- a/packages/document/builder-doc/docs/zh/guide/features.mdx
+++ b/packages/document/builder-doc/docs/zh/guide/features.mdx
@@ -4,21 +4,25 @@
 
 ## JavaScript 编译
 
-| 功能            | 描述                                                                                  | 相关链接                                                                                                                                                                                                  |
-| --------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Babel 编译      | 默认开启 Babel 编译，将 JavaScript 和 TypeScript 代码转换为向后兼容的 JavaScript 语法 | <ul><li>[tools.babel](/api/config-tools.html#toolsbabel)</li></ul>                                                                                                                                        |
-| TS 编译         | 默认通过 Babel 编译 TS 文件，支持切换为 `ts-loader` 编译                              | <ul><li>[TypeScript 转译](/guide/basic/typescript.html#typescript-转译)</li><li>[tools.babel](/api/config-tools.html#toolsbabel)</li><li>[tools.tsLoader](/api/config-tools.html#toolstsloader)</li></ul> |
-| TS 类型检查     | 默认通过 TS Checker 检查类型问题                                                      | <ul><li>[类型检查](/guide/basic/typescript.html#类型检查)</li><li>[tools.tsChecker](/api/config-tools.html#toolstschecker)</li><li>[output.disableTsChecker](/api/config-output.html#outputdisabletschecker)</li></ul>                                                                      |
-| JS 压缩         | 默认在生产环境构建时开启压缩                                                          | <ul><li>[tools.terser](/api/config-tools.html#toolsterser)</li></ul>                                                                                                                                      |
-| Polyfill 注入   | 默认会注入 core-js 等 Polyfill                                                        | <ul><li>[浏览器兼容性](/guide/advanced/browser-compatibility.html)</li><li>[output.polyfill](/api/config-output.html#outputpolyfill)</li></ul>                                                            |
-| SourceMap 生成  | 默认在生产环境构建时生成高质量 SourceMap                                              | <ul><li>[output.disableSourceMap](/api/config-output.html#outputdisablesourcemap)</li></ul>                                                                                                               |
-| 文件别名        | 可选功能，通过 alias 设置文件别名                                                     | <ul><li>[路径别名](/guide/advanced/alias.html)</li><li>[source.alias](/api/config-source.html#sourcealias)</li></ul>                                                                                      |
-| 限制源代码路径  | 可选功能，限制源代码的引用路径                                                        | <ul><li>[source.moduleScopes](/api/config-source.html#sourcemodulescopes)</li></ul>                                                                                                                       |
-| esbuild 编译    | 可选功能，通过 esbuild 对 JavaScript 和 TypeScript 代码进行转译和压缩                 | <ul><li>[esbuild 插件](/plugins/plugin-esbuild.html)</li></ul>                                                                                                                                            |
-| SWC 编译        | 可选功能，通过 SWC 对 JavaScript 和 TypeScript 代码进行转译和压缩                     | <ul><li>[SWC 插件](/plugins/plugin-swc.html)</li></ul>                                                                                                                                                    |
-| Node 产物       | 可选功能，支持构建出运行在 Node.js 环境的 JavaScript 产物                             | <ul><li>[Node 产物](/guide/basic/build-target.html#node-产物)</li></ul>                                                                                                                                   |
-| Web Worker 产物 | 可选功能，支持构建出运行在 Web Worker 环境的 JavaScript 产物                          | <ul><li>[Web Worker 产物](/guide/basic/build-target.html#web-worker-产物)</li></ul>                                                                                                                       |
-| 浏览器范围      | 可选功能，通过 browserslist 来设置 Web 应用需要兼容的浏览器范围                       | <ul><li>[浏览器范围](/guide/advanced/browserslist.html)</li></ul>                                                                                                                                         |
+| 功能            | 描述                                                                                  | 相关链接                                                                                                                                                                                                               |
+| --------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Rspack 打包     | 可选功能，使用 Rspack 作为打包工具                                                    | <ul><li>[使用 Rspack](/guide/advanced/rspack-start.html)</li></ul>                                                                                                                                                     |
+| Babel 编译      | 默认开启 Babel 编译，将 JavaScript 和 TypeScript 代码转换为向后兼容的 JavaScript 语法 | <ul><li>[tools.babel](/api/config-tools.html#toolsbabel)</li></ul>                                                                                                                                                     |
+| TS 编译         | 默认通过 Babel 编译 TS 文件，支持切换为 `ts-loader` 编译                              | <ul><li>[TypeScript 转译](/guide/basic/typescript.html#typescript-转译)</li><li>[tools.babel](/api/config-tools.html#toolsbabel)</li><li>[tools.tsLoader](/api/config-tools.html#toolstsloader)</li></ul>              |
+| TS 类型检查     | 默认通过 TS Checker 检查类型问题                                                      | <ul><li>[类型检查](/guide/basic/typescript.html#类型检查)</li><li>[tools.tsChecker](/api/config-tools.html#toolstschecker)</li><li>[output.disableTsChecker](/api/config-output.html#outputdisabletschecker)</li></ul> |
+| JS 压缩         | 默认在生产环境构建时开启压缩                                                          | <ul><li>[tools.terser](/api/config-tools.html#toolsterser)</li></ul>                                                                                                                                                   |
+| Polyfill 注入   | 默认会注入 core-js 等 Polyfill                                                        | <ul><li>[浏览器兼容性](/guide/advanced/browser-compatibility.html)</li><li>[output.polyfill](/api/config-output.html#outputpolyfill)</li></ul>                                                                         |
+| SourceMap 生成  | 默认在生产环境构建时生成高质量 SourceMap                                              | <ul><li>[output.disableSourceMap](/api/config-output.html#outputdisablesourcemap)</li></ul>                                                                                                                            |
+| 文件别名        | 可选功能，通过 alias 设置文件别名                                                     | <ul><li>[路径别名](/guide/advanced/alias.html)</li><li>[source.alias](/api/config-source.html#sourcealias)</li></ul>                                                                                                   |
+| 限制源代码路径  | 可选功能，限制源代码的引用路径                                                        | <ul><li>[source.moduleScopes](/api/config-source.html#sourcemodulescopes)</li></ul>                                                                                                                                    |
+| esbuild 编译    | 可选功能，通过 esbuild 对 JavaScript 和 TypeScript 代码进行转译和压缩                 | <ul><li>[esbuild 插件](/plugins/plugin-esbuild.html)</li></ul>                                                                                                                                                         |
+| SWC 编译        | 可选功能，通过 SWC 对 JavaScript 和 TypeScript 代码进行转译和压缩                     | <ul><li>[SWC 插件](/plugins/plugin-swc.html)</li></ul>                                                                                                                                                                 |
+| Node 产物       | 可选功能，支持构建出运行在 Node.js 环境的 JavaScript 产物                             | <ul><li>[Node 产物](/guide/basic/build-target.html#node-产物)</li></ul>                                                                                                                                                |
+| Web Worker 产物 | 可选功能，支持构建出运行在 Web Worker 环境的 JavaScript 产物                          | <ul><li>[Web Worker 产物](/guide/basic/build-target.html#web-worker-产物)</li></ul>                                                                                                                                    |
+| 浏览器范围      | 可选功能，通过 browserslist 来设置 Web 应用需要兼容的浏览器范围                       | <ul><li>[浏览器范围](/guide/advanced/browserslist.html)</li></ul>                                                                                                                                                      |
+| 兼容性检查      | 可选功能，分析构建产物中是否存在当前浏览器范围下不兼容的高级语法                      | <ul><li>[security.checkSyntax](/api/config-security.html#securitychecksyntax)</li></ul>                                                                                                                                |
+| 注入环境变量    | 可选功能，向代码中注入环境变量或表达式                                                | <ul><li>[环境变量](/guide/advanced/define.html)</li></ul>                                                                                                                                                              |
+| Node polyfill   | 可选功能，在浏览器端注入 Node 核心模块的 polyfills                                    | <ul><li>[Node Polyfill 插件](/plugins/plugin-node-polyfill.html)</li></ul>                                                                                                                                             |
 
 ## CSS 编译
 
@@ -34,6 +38,7 @@
 | 抽取 CSS 文件        | 默认会将 CSS 抽取为独立的文件                       | <ul><li>[tools.cssExtract](/api/config-tools.html#toolscssextract)</li></ul>                                                                                                                          |
 | Styled Components    | 默认支持 styled-components 编译                     | <ul><li>[tools.styledComponents](/api/config-tools.html#toolsstyledcomponents)</li></ul>                                                                                                              |
 | 内联 CSS 到 JS 中    | 可选功能，将 CSS 文件内联到 JS 文件中               | <ul><li>[引用样式资源](/guide/basic/static-assets.html)</li><li>[output.disableCssExtract](/api/config-output.html#outputdisablecssextract)</li></ul>                                                 |
+| rem 单位转换         | 可选功能，将 CSS 中的 px 转成 rem 单位              | <ul><li>[output.convertToRem](/api/config-output.html#outputconverttorem)</li></ul>                                                                                                                   |
 
 ## HTML 编译
 
@@ -55,12 +60,14 @@
 | 自动打开页面     | 可选功能，在启动 Dev Server 时自动在浏览器中打开页面 URL | <ul><li>[dev.startUrl](/api/config-dev.html#devstarturl)</li></ul> |
 | HTTPS Dev Server | 可选功能，开启 Dev Server 对 HTTPS 的支持                | <ul><li>[dev.https](/api/config-dev.html#devhttps)</li></ul>       |
 
-## React 相关
+## 前端框架相关
 
-| 功能              | 描述                                     | 相关链接                                                                                                                                          |
-| ----------------- | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| React Refresh     | 默认支持 React Refresh 热更新            | <ul><li>[模块热替换](/guide/advanced/hmr.html)</li><li>[dev.hmr](/api/config-dev.html#devhmr)</li></ul>                                           |
+| 功能              | 描述                                     | 相关链接                                                                                                                                                                                                                  |
+| ----------------- | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| React Refresh     | 默认支持 React Refresh 热更新            | <ul><li>[模块热替换](/guide/advanced/hmr.html)</li><li>[dev.hmr](/api/config-dev.html#devhmr)</li></ul>                                                                                                                   |
 | SVG 转 React 组件 | 默认支持在 React 组件中引用 SVG 作为组件 | <ul><li>[引用 SVG 资源](/guide/basic/svg-assets.html)</li><li>[output.svgDefaultExport](/api/config-output.html#outputsvgdefaultexport)</li><li>[output.disableSvgr](/api/config-output.html#outputdisablesvgr)</li></ul> |
+| Vue 3 SFC 编译    | 可选功能，开启 Vue 3 SFC 单文件组件编译  | <ul><li>[Vue 插件](/plugins/plugin-vue)</li></ul>                                                                                                                                                                         |
+| Vue 3 JSX 编译    | 可选功能，开启 Vue 3 JSX 语法编译        | <ul><li>[Vue 插件](/plugins/plugin-vue)</li></ul>                                                                                                                                                                         |
 
 ## 静态资源相关
 
@@ -84,3 +91,5 @@
 | 分析产物体积        | 可选功能，通过 Bundle Analyzer 分析产物体积                    | <ul><li>[performance.bundleAnalyze](/api/config-performance.html#performancebundleanalyze)</li></ul>                                                        |
 | 移除 console        | 可选功能，移除代码中的 `console.xx`                            | <ul><li>[performance.removeConsole](/api/config-performance.html#performanceremoveconsole)</li></ul>                                                        |
 | 优化 moment.js 体积 | 可选功能，移除 moment.js 多余的 locale 文件                    | <ul><li>[performance.removeMomentLocale](/api/config-performance.html#performanceremovemomentlocale)</li></ul>                                              |
+| 组件库按需引入      | 可选功能，按需引入组件库的代码和样式                           | <ul><li>[source.transformImport](/api/config-source.html#sourcetransformimport)</li></ul>                                                                   |
+| 图片压缩            | 可选功能，对引用的图片资源进行压缩处理                         | <ul><li>[Image Compress 插件](/plugins/plugin-image-compress.html)</li></ul>                                                                                |
diff --git a/packages/document/builder-doc/docs/zh/guide/optimization/split-chunk.md b/packages/document/builder-doc/docs/zh/guide/optimization/split-chunk.md
index 1bf8fb92372c..7a45c1a9956b 100644
--- a/packages/document/builder-doc/docs/zh/guide/optimization/split-chunk.md
+++ b/packages/document/builder-doc/docs/zh/guide/optimization/split-chunk.md
@@ -34,11 +34,6 @@ Builder 默认采用 `split-by-experience` 策略，这是我们根据经验制
 
 这种拆包策略将常用的包进行分组，然后拆分为单独的 chunk，一般 chunk 的数量不会很多，适合绝大部分应用，同时也是我们推荐的拆包策略。
 
-
-:::tip
-如果项目中没有安装或引用以上 npm 包，则不会生成相应的 chunk。
-:::
-
 #### 配置
 
 ```ts
@@ -51,15 +46,15 @@ export default {
 };
 ```
 
+#### 注意事项
+
+- 如果项目中没有安装或引用以上 npm 包，则不会生成相应的 chunk。
+
 ### split-by-module
 
 #### 分包策略
 
-将每一个 NPM 包拆分为一个 chunk。
-
-::: warning 注意
-这样会最细化地拆分 node_modules，同时在 HTTP/2 下因为多路复用会加快资源的加载时间，不过在非 HTTP/2 的环境下因为 HTTP 队头阻塞问题需要慎用。
-:::
+将每一个 NPM 包拆分为一个单独的 chunk。
 
 #### 配置
 
@@ -73,6 +68,12 @@ export default {
 };
 ```
 
+#### 注意事项
+
+- 这个配置会最细化地拆分 node_modules，产生大量的文件请求。
+- 在使用 HTTP/2 时，由于存在多路复用，会加快资源的加载时间，并提高缓存命中率。
+- 在未使用 HTTP/2 时，由于 HTTP 队头阻塞问题，会导致页面加载性能下降，请谨慎使用。
+
 ### all-in-one
 
 #### 分包策略
@@ -91,6 +92,11 @@ export default {
 };
 ```
 
+#### 注意事项
+
+- 这个配置会将构建生成的 JS 代码全部打包到一个文件里（除了 dynamic import 拆分的 chunk）
+- 单个 JS 文件的体积可能会非常大，使页面加载性能下降。
+
 ### single-vendor
 
 #### 分包策略
@@ -109,6 +115,10 @@ export default {
 };
 ```
 
+#### 注意事项
+
+- 单个 vendor 文件的体积可能会非常大，使页面加载性能下降。
+
 ### split-by-size
 
 #### 分包策略
@@ -159,6 +169,10 @@ export default {
 
 通过 `forceSplitting` 配置，你可以很方便把某些模块拆分为一个 chunk。
 
+#### 注意事项
+
+通过 `forceSplitting` 配置拆分的 chunk 会通过 `<script>` 标签插入到 HTML 文件中，作为首屏请求的资源。因此，请根据实际场景来进行适当地拆分，避免首屏资源体积过大。
+
 ### 自定义 bundler 拆包配置
 
 除了使用自定义分组外，你还可以通过 `override` 配置项来自定义底层 bundler 的拆包配置，比如: