diff --git a/.changeset/five-ghosts-care.md b/.changeset/five-ghosts-care.md
new file mode 100644
index 000000000000..a0dc0d074d1d
--- /dev/null
+++ b/.changeset/five-ghosts-care.md
@@ -0,0 +1,7 @@
+---
+'@modern-js/utils': patch
+'@modern-js/builder': patch
+---
+
+feat: align rsbuild config
+feat: 对齐 rsbuild 配置
diff --git a/packages/cli/builder/src/plugins/extensionPrefix.ts b/packages/cli/builder/src/plugins/extensionPrefix.ts
deleted file mode 100644
index 93611a98523b..000000000000
--- a/packages/cli/builder/src/plugins/extensionPrefix.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { RsbuildPlugin, RsbuildTarget } from '@rsbuild/core';
-
-export const pluginExtensionPrefix = (
-  prefixInfo: string | Partial<Record<RsbuildTarget, string>>,
-): RsbuildPlugin => ({
-  name: 'builder:extension-prefix',
-
-  setup(api) {
-    api.modifyBundlerChain((chain, { target }) => {
-      // add an extra prefix to all extensions
-      const prefix =
-        typeof prefixInfo === 'string' ? prefixInfo : prefixInfo[target];
-
-      if (prefix) {
-        const extensions = chain.resolve.extensions.values();
-
-        chain.resolve.extensions.clear();
-
-        extensions.forEach(ext => {
-          chain.resolve.extensions.add(prefix + ext);
-          chain.resolve.extensions.add(ext);
-        });
-      }
-    });
-  },
-});
diff --git a/packages/cli/builder/src/plugins/mainFields.ts b/packages/cli/builder/src/plugins/mainFields.ts
deleted file mode 100644
index 53595b335f53..000000000000
--- a/packages/cli/builder/src/plugins/mainFields.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { RsbuildPlugin, RsbuildTarget } from '@rsbuild/core';
-import type { MainFields } from '../types';
-
-export const pluginMainFields = (
-  resolveMainFields: MainFields | Partial<Record<RsbuildTarget, MainFields>>,
-): RsbuildPlugin => ({
-  name: 'builder:main-fields',
-
-  setup(api) {
-    api.modifyBundlerChain((chain, { target }) => {
-      const mainFields = Array.isArray(resolveMainFields)
-        ? resolveMainFields
-        : resolveMainFields[target];
-
-      if (mainFields) {
-        mainFields
-          .reduce((result: string[], fields) => {
-            if (Array.isArray(fields)) {
-              result.push(...fields);
-            } else {
-              result.push(fields);
-            }
-            return result;
-          }, [] as string[])
-          .forEach(field => {
-            chain.resolve.mainFields.add(field);
-          });
-      }
-    });
-  },
-});
diff --git a/packages/cli/builder/src/shared/parseCommonConfig.ts b/packages/cli/builder/src/shared/parseCommonConfig.ts
index eb41fa63d945..548261e37f1a 100644
--- a/packages/cli/builder/src/shared/parseCommonConfig.ts
+++ b/packages/cli/builder/src/shared/parseCommonConfig.ts
@@ -68,14 +68,7 @@ export async function parseCommonConfig(
       ...outputConfig
     } = {},
     html: { outputStructure, appIcon, ...htmlConfig } = {},
-    source: {
-      alias,
-      globalVars,
-      resolveMainFields,
-      resolveExtensionPrefix,
-      transformImport,
-      ...sourceConfig
-    } = {},
+    source: { alias, globalVars, transformImport, ...sourceConfig } = {},
     dev = {},
     security: { checkSyntax, sri, ...securityConfig } = {},
     tools: {
@@ -166,10 +159,7 @@ export async function parseCommonConfig(
 
   html.title ??= '';
 
-  html.appIcon =
-    typeof appIcon === 'string'
-      ? { icons: [{ src: appIcon, size: 180 }] }
-      : appIcon;
+  html.appIcon = appIcon;
 
   extraConfig.tools ??= {};
 
@@ -237,18 +227,6 @@ export async function parseCommonConfig(
     );
   }
 
-  if (resolveMainFields) {
-    const { pluginMainFields } = await import('../plugins/mainFields');
-    rsbuildPlugins.push(pluginMainFields(resolveMainFields));
-  }
-
-  if (resolveExtensionPrefix) {
-    const { pluginExtensionPrefix } = await import(
-      '../plugins/extensionPrefix'
-    );
-    rsbuildPlugins.push(pluginExtensionPrefix(resolveExtensionPrefix));
-  }
-
   if (convertToRem) {
     const { pluginRem } = await import('@rsbuild/plugin-rem');
     rsbuildPlugins.push(
diff --git a/packages/cli/builder/src/shared/utils.ts b/packages/cli/builder/src/shared/utils.ts
index f3089f790ad1..754e7b497e26 100644
--- a/packages/cli/builder/src/shared/utils.ts
+++ b/packages/cli/builder/src/shared/utils.ts
@@ -49,11 +49,16 @@ export const isHtmlDisabled = (
   );
 };
 
-const DEFAULT_WEB_BROWSERSLIST = ['> 0.01%', 'not dead', 'not op_mini all'];
+const DEFAULT_WEB_BROWSERSLIST = [
+  'chrome >= 87',
+  'edge >= 88',
+  'firefox >= 78',
+  'safari >= 14',
+];
 
 const DEFAULT_BROWSERSLIST: Record<RsbuildTarget, string[]> = {
   web: DEFAULT_WEB_BROWSERSLIST,
-  node: ['node >= 14'],
+  node: ['node >= 16'],
   'web-worker': DEFAULT_WEB_BROWSERSLIST,
 };
 
diff --git a/packages/cli/builder/src/types.ts b/packages/cli/builder/src/types.ts
index 8f32dd55ab28..fe4edfd49294 100644
--- a/packages/cli/builder/src/types.ts
+++ b/packages/cli/builder/src/types.ts
@@ -151,15 +151,6 @@ export type BuilderExtraConfig = {
      * Define global variables. It can replace expressions like `process.env.FOO` in your code after compile.
      */
     globalVars?: ChainedGlobalVars;
-    /**
-     * This configuration will determine which field of `package.json` you use to import the `npm` module.
-     * Same as the [resolve.mainFields](https://webpack.js.org/configuration/resolve/#resolvemainfields) config of webpack.
-     */
-    resolveMainFields?: MainFields | Partial<Record<RsbuildTarget, MainFields>>;
-    /**
-     * Add a prefix to [resolve.extensions](https://webpack.js.org/configuration/resolve/#resolveextensions).
-     */
-    resolveExtensionPrefix?: string | Partial<Record<RsbuildTarget, string>>;
   };
   output?: {
     /**
@@ -200,7 +191,7 @@ export type BuilderExtraConfig = {
     disableSvgr?: boolean;
   };
   html?: {
-    appIcon?: string | HtmlConfig['appIcon'];
+    appIcon?: HtmlConfig['appIcon'];
     // TODO: need support rsbuild favicon type in server/utils
     favicon?: string;
   };
diff --git a/packages/cli/builder/tests/__snapshots__/babel.test.ts.snap b/packages/cli/builder/tests/__snapshots__/babel.test.ts.snap
index 23a22fd0e2f1..6fcf37529922 100644
--- a/packages/cli/builder/tests/__snapshots__/babel.test.ts.snap
+++ b/packages/cli/builder/tests/__snapshots__/babel.test.ts.snap
@@ -36,9 +36,10 @@ exports[`plugin-babel (rspack mode) > should merge environment and shared babel
             "coreJs": "3.46",
             "mode": "entry",
             "targets": [
-              "> 0.01%",
-              "not dead",
-              "not op_mini all",
+              "chrome >= 87",
+              "edge >= 88",
+              "firefox >= 78",
+              "safari >= 14",
             ],
           },
           "isModule": "unknown",
@@ -166,9 +167,10 @@ exports[`plugin-babel (rspack mode) > should merge environment and shared babel
             "coreJs": "3.46",
             "mode": "entry",
             "targets": [
-              "> 0.01%",
-              "not dead",
-              "not op_mini all",
+              "chrome >= 87",
+              "edge >= 88",
+              "firefox >= 78",
+              "safari >= 14",
             ],
           },
           "isModule": "unknown",
@@ -288,9 +290,10 @@ exports[`plugin-babel (rspack mode) > should not set babel-loader when babel con
             "coreJs": "3.46",
             "mode": "entry",
             "targets": [
-              "> 0.01%",
-              "not dead",
-              "not op_mini all",
+              "chrome >= 87",
+              "edge >= 88",
+              "firefox >= 78",
+              "safari >= 14",
             ],
           },
           "isModule": "unknown",
@@ -373,9 +376,10 @@ exports[`plugin-babel (rspack mode) > should set babel-loader when babel config
             "coreJs": "3.46",
             "mode": "entry",
             "targets": [
-              "> 0.01%",
-              "not dead",
-              "not op_mini all",
+              "chrome >= 87",
+              "edge >= 88",
+              "firefox >= 78",
+              "safari >= 14",
             ],
           },
           "isModule": "unknown",
@@ -495,9 +499,10 @@ exports[`plugin-babel (rspack mode) > should set babel-loader when environment b
             "coreJs": "3.46",
             "mode": "entry",
             "targets": [
-              "> 0.01%",
-              "not dead",
-              "not op_mini all",
+              "chrome >= 87",
+              "edge >= 88",
+              "firefox >= 78",
+              "safari >= 14",
             ],
           },
           "isModule": "unknown",
@@ -617,9 +622,10 @@ exports[`plugin-babel (rspack mode) > should set babel-loader when environment b
             "coreJs": "3.46",
             "mode": "entry",
             "targets": [
-              "> 0.01%",
-              "not dead",
-              "not op_mini all",
+              "chrome >= 87",
+              "edge >= 88",
+              "firefox >= 78",
+              "safari >= 14",
             ],
           },
           "isModule": "unknown",
diff --git a/packages/cli/builder/tests/__snapshots__/default.test.ts.snap b/packages/cli/builder/tests/__snapshots__/default.test.ts.snap
index 524e9f2c5ff1..3914d467d980 100644
--- a/packages/cli/builder/tests/__snapshots__/default.test.ts.snap
+++ b/packages/cli/builder/tests/__snapshots__/default.test.ts.snap
@@ -85,22 +85,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -114,17 +102,19 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -166,22 +156,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -195,17 +173,19 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -252,9 +232,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                 "coreJs": "3.46",
                 "mode": "entry",
                 "targets": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
               },
               "isModule": "unknown",
@@ -319,9 +300,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                 "coreJs": "3.46",
                 "mode": "entry",
                 "targets": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
               },
               "isModule": "unknown",
@@ -514,22 +496,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -543,17 +513,19 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -612,22 +584,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -641,17 +601,19 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -734,22 +696,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -763,17 +713,19 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -824,22 +776,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -853,17 +793,19 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -922,9 +864,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "coreJs": "3.46",
                     "mode": "entry",
                     "targets": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                   },
                   "isModule": "unknown",
@@ -997,9 +940,10 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
                     "coreJs": "3.46",
                     "mode": "entry",
                     "targets": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                   },
                   "isModule": "unknown",
@@ -1279,7 +1223,7 @@ exports[`builder rspack > should generator rspack config correctly 1`] = `
   },
   "target": [
     "web",
-    "browserslist:> 0.01%,not dead,not op_mini all",
+    "es2017",
   ],
   "watchOptions": {
     "aggregateTimeout": 0,
@@ -1433,7 +1377,7 @@ exports[`builder rspack > should generator rspack config correctly when node 1`]
             "options": {
               "env": {
                 "targets": [
-                  "node >= 14",
+                  "node >= 16",
                 ],
               },
               "isModule": "unknown",
@@ -1493,7 +1437,7 @@ exports[`builder rspack > should generator rspack config correctly when node 1`]
             "options": {
               "env": {
                 "targets": [
-                  "node >= 14",
+                  "node >= 16",
                 ],
               },
               "isModule": "unknown",
@@ -1869,7 +1813,7 @@ exports[`builder rspack > should generator rspack config correctly when node 1`]
                 "options": {
                   "env": {
                     "targets": [
-                      "node >= 14",
+                      "node >= 16",
                     ],
                   },
                   "isModule": "unknown",
@@ -1940,7 +1884,7 @@ exports[`builder rspack > should generator rspack config correctly when node 1`]
                 "options": {
                   "env": {
                     "targets": [
-                      "node >= 14",
+                      "node >= 16",
                     ],
                   },
                   "isModule": "unknown",
@@ -2252,22 +2196,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -2281,17 +2213,19 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -2333,22 +2267,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -2362,17 +2284,19 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -2418,9 +2342,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                 "coreJs": "3.46",
                 "mode": "entry",
                 "targets": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
               },
               "isModule": "unknown",
@@ -2485,9 +2410,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                 "coreJs": "3.46",
                 "mode": "entry",
                 "targets": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
               },
               "isModule": "unknown",
@@ -2680,22 +2606,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -2709,17 +2623,19 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -2778,22 +2694,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -2807,17 +2711,19 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -2900,22 +2806,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -2929,17 +2823,19 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -2990,22 +2886,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "Once": [Function],
                     "postcssPlugin": "postcss-flexbugs-fixes",
                   },
-                  {
-                    "postcssPlugin": "postcss-custom-properties",
-                    "prepare": [Function],
-                  },
-                  {
-                    "Declaration": [Function],
-                    "postcssPlugin": "postcss-initial",
-                  },
                   {
                     "Declaration": [Function],
                     "postcssPlugin": "postcss-page-break",
                   },
-                  {
-                    "Once": [Function],
-                    "postcssPlugin": "postcss-font-variant",
-                  },
                   {
                     "AtRule": {
                       "custom-media": [Function],
@@ -3019,17 +2903,19 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                   },
                   {
                     "browsers": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                     "info": [Function],
                     "options": {
                       "flexbox": "no-2009",
                       "overrideBrowserslist": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "postcssPlugin": "autoprefixer",
@@ -3088,9 +2974,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "coreJs": "3.46",
                     "mode": "entry",
                     "targets": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                   },
                   "isModule": "unknown",
@@ -3163,9 +3050,10 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
                     "coreJs": "3.46",
                     "mode": "entry",
                     "targets": [
-                      "> 0.01%",
-                      "not dead",
-                      "not op_mini all",
+                      "chrome >= 87",
+                      "edge >= 88",
+                      "firefox >= 78",
+                      "safari >= 14",
                     ],
                   },
                   "isModule": "unknown",
@@ -3456,7 +3344,7 @@ exports[`builder rspack > should generator rspack config correctly when prod 1`]
   },
   "target": [
     "web",
-    "browserslist:> 0.01%,not dead,not op_mini all",
+    "es2017",
   ],
   "watchOptions": {
     "aggregateTimeout": 0,
@@ -3588,7 +3476,7 @@ exports[`builder rspack > should generator rspack config correctly when service-
               "env": {
                 "mode": undefined,
                 "targets": [
-                  "node >= 14",
+                  "node >= 16",
                 ],
               },
               "isModule": "unknown",
@@ -3649,7 +3537,7 @@ exports[`builder rspack > should generator rspack config correctly when service-
               "env": {
                 "mode": undefined,
                 "targets": [
-                  "node >= 14",
+                  "node >= 16",
                 ],
               },
               "isModule": "unknown",
@@ -4007,7 +3895,7 @@ exports[`builder rspack > should generator rspack config correctly when service-
                   "env": {
                     "mode": undefined,
                     "targets": [
-                      "node >= 14",
+                      "node >= 16",
                     ],
                   },
                   "isModule": "unknown",
@@ -4079,7 +3967,7 @@ exports[`builder rspack > should generator rspack config correctly when service-
                   "env": {
                     "mode": undefined,
                     "targets": [
-                      "node >= 14",
+                      "node >= 16",
                     ],
                   },
                   "isModule": "unknown",
diff --git a/packages/cli/builder/tests/__snapshots__/environment.test.ts.snap b/packages/cli/builder/tests/__snapshots__/environment.test.ts.snap
index 413f8cd4a7af..7869e8437999 100644
--- a/packages/cli/builder/tests/__snapshots__/environment.test.ts.snap
+++ b/packages/cli/builder/tests/__snapshots__/environment.test.ts.snap
@@ -86,22 +86,10 @@ exports[`builder environment compat > should generator environment config correc
                       "Once": [Function],
                       "postcssPlugin": "postcss-flexbugs-fixes",
                     },
-                    {
-                      "postcssPlugin": "postcss-custom-properties",
-                      "prepare": [Function],
-                    },
-                    {
-                      "Declaration": [Function],
-                      "postcssPlugin": "postcss-initial",
-                    },
                     {
                       "Declaration": [Function],
                       "postcssPlugin": "postcss-page-break",
                     },
-                    {
-                      "Once": [Function],
-                      "postcssPlugin": "postcss-font-variant",
-                    },
                     {
                       "AtRule": {
                         "custom-media": [Function],
@@ -115,17 +103,19 @@ exports[`builder environment compat > should generator environment config correc
                     },
                     {
                       "browsers": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                       "info": [Function],
                       "options": {
                         "flexbox": "no-2009",
                         "overrideBrowserslist": [
-                          "> 0.01%",
-                          "not dead",
-                          "not op_mini all",
+                          "chrome >= 87",
+                          "edge >= 88",
+                          "firefox >= 78",
+                          "safari >= 14",
                         ],
                       },
                       "postcssPlugin": "autoprefixer",
@@ -167,22 +157,10 @@ exports[`builder environment compat > should generator environment config correc
                       "Once": [Function],
                       "postcssPlugin": "postcss-flexbugs-fixes",
                     },
-                    {
-                      "postcssPlugin": "postcss-custom-properties",
-                      "prepare": [Function],
-                    },
-                    {
-                      "Declaration": [Function],
-                      "postcssPlugin": "postcss-initial",
-                    },
                     {
                       "Declaration": [Function],
                       "postcssPlugin": "postcss-page-break",
                     },
-                    {
-                      "Once": [Function],
-                      "postcssPlugin": "postcss-font-variant",
-                    },
                     {
                       "AtRule": {
                         "custom-media": [Function],
@@ -196,17 +174,19 @@ exports[`builder environment compat > should generator environment config correc
                     },
                     {
                       "browsers": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                       "info": [Function],
                       "options": {
                         "flexbox": "no-2009",
                         "overrideBrowserslist": [
-                          "> 0.01%",
-                          "not dead",
-                          "not op_mini all",
+                          "chrome >= 87",
+                          "edge >= 88",
+                          "firefox >= 78",
+                          "safari >= 14",
                         ],
                       },
                       "postcssPlugin": "autoprefixer",
@@ -253,9 +233,10 @@ exports[`builder environment compat > should generator environment config correc
                   "coreJs": "3.46",
                   "mode": "entry",
                   "targets": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "isModule": "unknown",
@@ -320,9 +301,10 @@ exports[`builder environment compat > should generator environment config correc
                   "coreJs": "3.46",
                   "mode": "entry",
                   "targets": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "isModule": "unknown",
@@ -515,22 +497,10 @@ exports[`builder environment compat > should generator environment config correc
                       "Once": [Function],
                       "postcssPlugin": "postcss-flexbugs-fixes",
                     },
-                    {
-                      "postcssPlugin": "postcss-custom-properties",
-                      "prepare": [Function],
-                    },
-                    {
-                      "Declaration": [Function],
-                      "postcssPlugin": "postcss-initial",
-                    },
                     {
                       "Declaration": [Function],
                       "postcssPlugin": "postcss-page-break",
                     },
-                    {
-                      "Once": [Function],
-                      "postcssPlugin": "postcss-font-variant",
-                    },
                     {
                       "AtRule": {
                         "custom-media": [Function],
@@ -544,17 +514,19 @@ exports[`builder environment compat > should generator environment config correc
                     },
                     {
                       "browsers": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                       "info": [Function],
                       "options": {
                         "flexbox": "no-2009",
                         "overrideBrowserslist": [
-                          "> 0.01%",
-                          "not dead",
-                          "not op_mini all",
+                          "chrome >= 87",
+                          "edge >= 88",
+                          "firefox >= 78",
+                          "safari >= 14",
                         ],
                       },
                       "postcssPlugin": "autoprefixer",
@@ -613,22 +585,10 @@ exports[`builder environment compat > should generator environment config correc
                       "Once": [Function],
                       "postcssPlugin": "postcss-flexbugs-fixes",
                     },
-                    {
-                      "postcssPlugin": "postcss-custom-properties",
-                      "prepare": [Function],
-                    },
-                    {
-                      "Declaration": [Function],
-                      "postcssPlugin": "postcss-initial",
-                    },
                     {
                       "Declaration": [Function],
                       "postcssPlugin": "postcss-page-break",
                     },
-                    {
-                      "Once": [Function],
-                      "postcssPlugin": "postcss-font-variant",
-                    },
                     {
                       "AtRule": {
                         "custom-media": [Function],
@@ -642,17 +602,19 @@ exports[`builder environment compat > should generator environment config correc
                     },
                     {
                       "browsers": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                       "info": [Function],
                       "options": {
                         "flexbox": "no-2009",
                         "overrideBrowserslist": [
-                          "> 0.01%",
-                          "not dead",
-                          "not op_mini all",
+                          "chrome >= 87",
+                          "edge >= 88",
+                          "firefox >= 78",
+                          "safari >= 14",
                         ],
                       },
                       "postcssPlugin": "autoprefixer",
@@ -735,22 +697,10 @@ exports[`builder environment compat > should generator environment config correc
                       "Once": [Function],
                       "postcssPlugin": "postcss-flexbugs-fixes",
                     },
-                    {
-                      "postcssPlugin": "postcss-custom-properties",
-                      "prepare": [Function],
-                    },
-                    {
-                      "Declaration": [Function],
-                      "postcssPlugin": "postcss-initial",
-                    },
                     {
                       "Declaration": [Function],
                       "postcssPlugin": "postcss-page-break",
                     },
-                    {
-                      "Once": [Function],
-                      "postcssPlugin": "postcss-font-variant",
-                    },
                     {
                       "AtRule": {
                         "custom-media": [Function],
@@ -764,17 +714,19 @@ exports[`builder environment compat > should generator environment config correc
                     },
                     {
                       "browsers": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                       "info": [Function],
                       "options": {
                         "flexbox": "no-2009",
                         "overrideBrowserslist": [
-                          "> 0.01%",
-                          "not dead",
-                          "not op_mini all",
+                          "chrome >= 87",
+                          "edge >= 88",
+                          "firefox >= 78",
+                          "safari >= 14",
                         ],
                       },
                       "postcssPlugin": "autoprefixer",
@@ -825,22 +777,10 @@ exports[`builder environment compat > should generator environment config correc
                       "Once": [Function],
                       "postcssPlugin": "postcss-flexbugs-fixes",
                     },
-                    {
-                      "postcssPlugin": "postcss-custom-properties",
-                      "prepare": [Function],
-                    },
-                    {
-                      "Declaration": [Function],
-                      "postcssPlugin": "postcss-initial",
-                    },
                     {
                       "Declaration": [Function],
                       "postcssPlugin": "postcss-page-break",
                     },
-                    {
-                      "Once": [Function],
-                      "postcssPlugin": "postcss-font-variant",
-                    },
                     {
                       "AtRule": {
                         "custom-media": [Function],
@@ -854,17 +794,19 @@ exports[`builder environment compat > should generator environment config correc
                     },
                     {
                       "browsers": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                       "info": [Function],
                       "options": {
                         "flexbox": "no-2009",
                         "overrideBrowserslist": [
-                          "> 0.01%",
-                          "not dead",
-                          "not op_mini all",
+                          "chrome >= 87",
+                          "edge >= 88",
+                          "firefox >= 78",
+                          "safari >= 14",
                         ],
                       },
                       "postcssPlugin": "autoprefixer",
@@ -923,9 +865,10 @@ exports[`builder environment compat > should generator environment config correc
                       "coreJs": "3.46",
                       "mode": "entry",
                       "targets": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "isModule": "unknown",
@@ -998,9 +941,10 @@ exports[`builder environment compat > should generator environment config correc
                       "coreJs": "3.46",
                       "mode": "entry",
                       "targets": [
-                        "> 0.01%",
-                        "not dead",
-                        "not op_mini all",
+                        "chrome >= 87",
+                        "edge >= 88",
+                        "firefox >= 78",
+                        "safari >= 14",
                       ],
                     },
                     "isModule": "unknown",
@@ -1260,7 +1204,7 @@ exports[`builder environment compat > should generator environment config correc
     },
     "target": [
       "web",
-      "browserslist:> 0.01%,not dead,not op_mini all",
+      "es2017",
     ],
     "watchOptions": {
       "aggregateTimeout": 0,
@@ -1392,7 +1336,7 @@ exports[`builder environment compat > should generator environment config correc
               "options": {
                 "env": {
                   "targets": [
-                    "node >= 14",
+                    "node >= 16",
                   ],
                 },
                 "isModule": "unknown",
@@ -1452,7 +1396,7 @@ exports[`builder environment compat > should generator environment config correc
               "options": {
                 "env": {
                   "targets": [
-                    "node >= 14",
+                    "node >= 16",
                   ],
                 },
                 "isModule": "unknown",
@@ -1828,7 +1772,7 @@ exports[`builder environment compat > should generator environment config correc
                   "options": {
                     "env": {
                       "targets": [
-                        "node >= 14",
+                        "node >= 16",
                       ],
                     },
                     "isModule": "unknown",
@@ -1899,7 +1843,7 @@ exports[`builder environment compat > should generator environment config correc
                   "options": {
                     "env": {
                       "targets": [
-                        "node >= 14",
+                        "node >= 16",
                       ],
                     },
                     "isModule": "unknown",
@@ -2211,7 +2155,7 @@ exports[`builder environment compat > should generator environment config correc
                 "env": {
                   "mode": undefined,
                   "targets": [
-                    "node >= 14",
+                    "node >= 16",
                   ],
                 },
                 "isModule": "unknown",
@@ -2272,7 +2216,7 @@ exports[`builder environment compat > should generator environment config correc
                 "env": {
                   "mode": undefined,
                   "targets": [
-                    "node >= 14",
+                    "node >= 16",
                   ],
                 },
                 "isModule": "unknown",
@@ -2630,7 +2574,7 @@ exports[`builder environment compat > should generator environment config correc
                     "env": {
                       "mode": undefined,
                       "targets": [
-                        "node >= 14",
+                        "node >= 16",
                       ],
                     },
                     "isModule": "unknown",
@@ -2702,7 +2646,7 @@ exports[`builder environment compat > should generator environment config correc
                     "env": {
                       "mode": undefined,
                       "targets": [
-                        "node >= 14",
+                        "node >= 16",
                       ],
                     },
                     "isModule": "unknown",
diff --git a/packages/cli/builder/tests/__snapshots__/postcssLegacy.test.ts.snap b/packages/cli/builder/tests/__snapshots__/postcssLegacy.test.ts.snap
index 3b1ab22d9d2f..63ef31ccc99b 100644
--- a/packages/cli/builder/tests/__snapshots__/postcssLegacy.test.ts.snap
+++ b/packages/cli/builder/tests/__snapshots__/postcssLegacy.test.ts.snap
@@ -41,9 +41,10 @@ exports[`lightningcss-loader > should register lightningcss-loader and disable p
         "options": {
           "errorRecovery": true,
           "targets": [
-            "> 0.01%",
-            "not dead",
-            "not op_mini all",
+            "chrome >= 87",
+            "edge >= 88",
+            "firefox >= 78",
+            "safari >= 14",
           ],
         },
       },
@@ -72,9 +73,10 @@ exports[`lightningcss-loader > should register lightningcss-loader and disable p
         "options": {
           "errorRecovery": true,
           "targets": [
-            "> 0.01%",
-            "not dead",
-            "not op_mini all",
+            "chrome >= 87",
+            "edge >= 88",
+            "firefox >= 78",
+            "safari >= 14",
           ],
         },
       },
@@ -129,9 +131,10 @@ exports[`lightningcss-loader > should register lightningcss-loader and postcss-l
         "options": {
           "errorRecovery": true,
           "targets": [
-            "> 0.01%",
-            "not dead",
-            "not op_mini all",
+            "chrome >= 87",
+            "edge >= 88",
+            "firefox >= 78",
+            "safari >= 14",
           ],
         },
       },
@@ -176,9 +179,10 @@ exports[`lightningcss-loader > should register lightningcss-loader and postcss-l
         "options": {
           "errorRecovery": true,
           "targets": [
-            "> 0.01%",
-            "not dead",
-            "not op_mini all",
+            "chrome >= 87",
+            "edge >= 88",
+            "firefox >= 78",
+            "safari >= 14",
           ],
         },
       },
@@ -255,22 +259,10 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
                 "Once": [Function],
                 "postcssPlugin": "postcss-flexbugs-fixes",
               },
-              {
-                "postcssPlugin": "postcss-custom-properties",
-                "prepare": [Function],
-              },
-              {
-                "Declaration": [Function],
-                "postcssPlugin": "postcss-initial",
-              },
               {
                 "Declaration": [Function],
                 "postcssPlugin": "postcss-page-break",
               },
-              {
-                "Once": [Function],
-                "postcssPlugin": "postcss-font-variant",
-              },
               {
                 "AtRule": {
                   "custom-media": [Function],
@@ -284,17 +276,19 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
               },
               {
                 "browsers": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
                 "info": [Function],
                 "options": {
                   "flexbox": "no-2009",
                   "overrideBrowserslist": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "postcssPlugin": "autoprefixer",
@@ -340,22 +334,10 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
                 "Once": [Function],
                 "postcssPlugin": "postcss-flexbugs-fixes",
               },
-              {
-                "postcssPlugin": "postcss-custom-properties",
-                "prepare": [Function],
-              },
-              {
-                "Declaration": [Function],
-                "postcssPlugin": "postcss-initial",
-              },
               {
                 "Declaration": [Function],
                 "postcssPlugin": "postcss-page-break",
               },
-              {
-                "Once": [Function],
-                "postcssPlugin": "postcss-font-variant",
-              },
               {
                 "AtRule": {
                   "custom-media": [Function],
@@ -369,17 +351,19 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
               },
               {
                 "browsers": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
                 "info": [Function],
                 "options": {
                   "flexbox": "no-2009",
                   "overrideBrowserslist": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "postcssPlugin": "autoprefixer",
@@ -450,22 +434,10 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
                 "Once": [Function],
                 "postcssPlugin": "postcss-flexbugs-fixes",
               },
-              {
-                "postcssPlugin": "postcss-custom-properties",
-                "prepare": [Function],
-              },
-              {
-                "Declaration": [Function],
-                "postcssPlugin": "postcss-initial",
-              },
               {
                 "Declaration": [Function],
                 "postcssPlugin": "postcss-page-break",
               },
-              {
-                "Once": [Function],
-                "postcssPlugin": "postcss-font-variant",
-              },
               {
                 "AtRule": {
                   "custom-media": [Function],
@@ -479,17 +451,19 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
               },
               {
                 "browsers": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
                 "info": [Function],
                 "options": {
                   "flexbox": "no-2009",
                   "overrideBrowserslist": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "postcssPlugin": "autoprefixer",
@@ -552,22 +526,10 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
                 "Once": [Function],
                 "postcssPlugin": "postcss-flexbugs-fixes",
               },
-              {
-                "postcssPlugin": "postcss-custom-properties",
-                "prepare": [Function],
-              },
-              {
-                "Declaration": [Function],
-                "postcssPlugin": "postcss-initial",
-              },
               {
                 "Declaration": [Function],
                 "postcssPlugin": "postcss-page-break",
               },
-              {
-                "Once": [Function],
-                "postcssPlugin": "postcss-font-variant",
-              },
               {
                 "AtRule": {
                   "custom-media": [Function],
@@ -581,17 +543,19 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
               },
               {
                 "browsers": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
                 "info": [Function],
                 "options": {
                   "flexbox": "no-2009",
                   "overrideBrowserslist": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "postcssPlugin": "autoprefixer",
@@ -683,22 +647,10 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
                 "Once": [Function],
                 "postcssPlugin": "postcss-flexbugs-fixes",
               },
-              {
-                "postcssPlugin": "postcss-custom-properties",
-                "prepare": [Function],
-              },
-              {
-                "Declaration": [Function],
-                "postcssPlugin": "postcss-initial",
-              },
               {
                 "Declaration": [Function],
                 "postcssPlugin": "postcss-page-break",
               },
-              {
-                "Once": [Function],
-                "postcssPlugin": "postcss-font-variant",
-              },
               {
                 "AtRule": {
                   "custom-media": [Function],
@@ -712,17 +664,19 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
               },
               {
                 "browsers": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
                 "info": [Function],
                 "options": {
                   "flexbox": "no-2009",
                   "overrideBrowserslist": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "postcssPlugin": "autoprefixer",
@@ -777,22 +731,10 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
                 "Once": [Function],
                 "postcssPlugin": "postcss-flexbugs-fixes",
               },
-              {
-                "postcssPlugin": "postcss-custom-properties",
-                "prepare": [Function],
-              },
-              {
-                "Declaration": [Function],
-                "postcssPlugin": "postcss-initial",
-              },
               {
                 "Declaration": [Function],
                 "postcssPlugin": "postcss-page-break",
               },
-              {
-                "Once": [Function],
-                "postcssPlugin": "postcss-font-variant",
-              },
               {
                 "AtRule": {
                   "custom-media": [Function],
@@ -806,17 +748,19 @@ exports[`plugin-postcssLegacy > should allow tools.postcss to override the plugi
               },
               {
                 "browsers": [
-                  "> 0.01%",
-                  "not dead",
-                  "not op_mini all",
+                  "chrome >= 87",
+                  "edge >= 88",
+                  "firefox >= 78",
+                  "safari >= 14",
                 ],
                 "info": [Function],
                 "options": {
                   "flexbox": "no-2009",
                   "overrideBrowserslist": [
-                    "> 0.01%",
-                    "not dead",
-                    "not op_mini all",
+                    "chrome >= 87",
+                    "edge >= 88",
+                    "firefox >= 78",
+                    "safari >= 14",
                   ],
                 },
                 "postcssPlugin": "autoprefixer",
diff --git a/packages/document/main-doc/docs/en/components/upgrade-browserslist.mdx b/packages/document/main-doc/docs/en/components/upgrade-browserslist.mdx
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/packages/document/main-doc/docs/en/configure/app/html/app-icon.mdx b/packages/document/main-doc/docs/en/configure/app/html/app-icon.mdx
index 8cc73f5f89e5..f7ca0b9c0773 100644
--- a/packages/document/main-doc/docs/en/configure/app/html/app-icon.mdx
+++ b/packages/document/main-doc/docs/en/configure/app/html/app-icon.mdx
@@ -13,7 +13,7 @@ type AppIconItem = {
   target?: 'apple-touch-icon' | 'web-app-manifest';
 };
 
-type AppIcon = string | {
+type AppIcon = {
   name?: string;
   icons: AppIconItem[];
   filename?: string;
@@ -27,28 +27,6 @@ Set the web application icons to display when added to the home screen of a mobi
 - Generate the web app manifest file and its `icons` field.
 - Generate the `apple-touch-icon` and `manifest` tags in the HTML file.
 
-### AppIcon string
-
-The `appIcon` configuration of type `string` is a syntactic sugar for the `object` type.
-
-```js
-export default {
-  html: {
-    appIcon: './src/assets/icon.png',
-  },
-};
-```
-
-The above configuration is equivalent to the following configuration:
-
-```js
-export default {
-  html: {
-    appIcon: { icons: [{ src: './src/assets/icon.png', size: 180 }] }
-  },
-};
-```
-
 import RsbuildConfig from '@site-docs-en/components/rsbuild-config-tooltip';
 
 <RsbuildConfig configName="html.appIcon" />
diff --git a/packages/document/main-doc/docs/en/configure/app/output/inline-scripts.mdx b/packages/document/main-doc/docs/en/configure/app/output/inline-scripts.mdx
index 186a485cb2ef..d69772fcf7a0 100644
--- a/packages/document/main-doc/docs/en/configure/app/output/inline-scripts.mdx
+++ b/packages/document/main-doc/docs/en/configure/app/output/inline-scripts.mdx
@@ -20,7 +20,7 @@ type InlineScripts =
     };
 ```
 
-- **Default:** `false`
+- **Default:** `/builder-runtime([.].+)?\.js$/`
 
 Whether to inline output scripts files (.js files) into HTML with `<script>` tags.
 
diff --git a/packages/document/main-doc/docs/en/configure/app/output/override-browserslist.mdx b/packages/document/main-doc/docs/en/configure/app/output/override-browserslist.mdx
index ba289679e2b6..e4c06633463a 100644
--- a/packages/document/main-doc/docs/en/configure/app/output/override-browserslist.mdx
+++ b/packages/document/main-doc/docs/en/configure/app/output/override-browserslist.mdx
@@ -9,15 +9,17 @@ title: overrideBrowserslist
 
 ```ts
 const defaultBrowserListMap: Record<RsbuildTarget, string[]> = {
-  web: ['> 0.01%', 'not dead', 'not op_mini all'],
+  web: ['chrome >= 87', 'edge >= 88', 'firefox >= 78', 'safari >= 14'],
   node: ['node >= 14'],
-  'web-worker': ['> 0.01%', 'not dead', 'not op_mini all'],
+  'web-worker': ['chrome >= 87', 'edge >= 88', 'firefox >= 78', 'safari >= 14'],
 };
 ```
 
-Modern.js will give priority to using the configuration in the `.browserslistrc` file in the project root directory.
+Specifies the range of target browsers that the project is compatible with.
 
-Specifies the range of target browsers that the project is compatible with. This value will be used by [SWC](https://github.com/swc-project/swc) and [autoprefixer](https://github.com/postcss/autoprefixer) to identify the JavaScript syntax that need to be transformed and the CSS browser prefixes that need to be added.
+This value will be used by [SWC](https://github.com/swc-project/swc) and [autoprefixer](https://github.com/postcss/autoprefixer) to identify the JavaScript syntax that need to be transformed and the CSS browser prefixes that need to be added.
+
+For other configuration methods and configuration priorities, please refer to the [Browserslist configuration](/guides/advanced-features/compatibility.html).
 
 import RsbuildConfig from '@site-docs-en/components/rsbuild-config-tooltip';
 
diff --git a/packages/document/main-doc/docs/en/configure/app/resolve/alias-strategy.mdx b/packages/document/main-doc/docs/en/configure/app/resolve/alias-strategy.mdx
new file mode 100644
index 000000000000..4cd77750bea1
--- /dev/null
+++ b/packages/document/main-doc/docs/en/configure/app/resolve/alias-strategy.mdx
@@ -0,0 +1,14 @@
+---
+title: aliasStrategy
+---
+
+# resolve.aliasStrategy
+
+- **Type:** `'prefer-tsconfig' | 'prefer-alias'`
+- **Default:** `'prefer-tsconfig'`
+
+Set the strategy for path alias resolution, to control the priority relationship between the paths option in `tsconfig.json` and the [resolve.alias](https://rsbuild.rs/config/resolve/alias) option of Rsbuild.
+
+import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.aliasStrategy" />
diff --git a/packages/document/main-doc/docs/en/configure/app/resolve/alias.mdx b/packages/document/main-doc/docs/en/configure/app/resolve/alias.mdx
new file mode 100644
index 000000000000..5771483b0edd
--- /dev/null
+++ b/packages/document/main-doc/docs/en/configure/app/resolve/alias.mdx
@@ -0,0 +1,13 @@
+---
+title: alias
+---
+
+# resolve.alias
+
+- **Type:** `string[]`
+
+Create aliases for module paths to simplify import paths or redirect module references.
+
+import RsbuildConfig from '@site-docs-en/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.alias" />
diff --git a/packages/document/main-doc/docs/en/configure/app/resolve/condition-names.mdx b/packages/document/main-doc/docs/en/configure/app/resolve/condition-names.mdx
new file mode 100644
index 000000000000..d127b55183df
--- /dev/null
+++ b/packages/document/main-doc/docs/en/configure/app/resolve/condition-names.mdx
@@ -0,0 +1,18 @@
+---
+title: conditionNames
+---
+
+# resolve.conditionNames
+
+- **Type:** `string[]`
+- **Default:** Same as Rspack's `resolve.conditionNames`
+
+Specifies the condition names used to match entry points in the [exports](https://nodejs.org/api/packages.html#packages_exports) of a package.
+
+import RsbuildConfig from '@site-docs-en/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.extensions" />
+
+:::warning
+Do not enable this configuration option for SSR applications, as it will cause SSR rendering to fail.
+:::
diff --git a/packages/document/main-doc/docs/en/configure/app/resolve/extensions.mdx b/packages/document/main-doc/docs/en/configure/app/resolve/extensions.mdx
new file mode 100644
index 000000000000..4883a72f02d8
--- /dev/null
+++ b/packages/document/main-doc/docs/en/configure/app/resolve/extensions.mdx
@@ -0,0 +1,18 @@
+---
+title: extensions
+---
+
+# resolve.extensions
+
+- **Type:** `string[]`
+- **Default:** `['.ts', '.tsx', '.mjs', '.js', '.jsx', '.json']`
+
+Automatically resolve file extensions when importing modules. This means you can import files without explicitly writing their extensions.
+
+import RsbuildConfig from '@site-docs-en/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.extensions" />
+
+:::warning
+Do not enable this configuration option for SSR applications, as it will cause SSR rendering to fail.
+:::
diff --git a/packages/document/main-doc/docs/en/configure/app/source/resolve-extension-prefix.mdx b/packages/document/main-doc/docs/en/configure/app/source/resolve-extension-prefix.mdx
deleted file mode 100644
index e77f7232c98a..000000000000
--- a/packages/document/main-doc/docs/en/configure/app/source/resolve-extension-prefix.mdx
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: resolveExtensionPrefix
----
-
-# source.resolveExtensionPrefix
-
-- **Type:** `string | Record<BuilderTarget, string>`
-- **Default:** `undefined`
-
-Add a prefix to [resolve.extensions](https://webpack.js.org/configuration/resolve/#resolveextensions).
-
-If multiple files share the same name but have different extensions, Modern.js will resolve the one with the extension listed first in the array and skip the rest.
-
-### Example
-
-```js
-export default {
-  source: {
-    resolveExtensionPrefix: '.web',
-  },
-};
-```
-
-With the configuration above, the extensions array will become:
-
-```js
-// before
-const extensions = ['.js', '.ts', ...];
-
-// after
-const extensions = ['.web.js', '.js', '.web.ts' , '.ts', ...];
-```
-
-When `import './foo'` in the code, the `foo.web.js` file will be resolved first, then the `foo.js` file.
-
-#### Set according to Targets
-
-When you build multiple targets at the same time, you can set different extension prefix for different targets. At this point, you need to set `resolveExtensionPrefix` to an object whose key is the corresponding build target.
-
-For example to set different extension prefix for `web` and `node`:
-
-```js
-export default {
-  output: {
-    source: {
-      resolveExtensionPrefix: {
-        web: '.web',
-        node: '.node',
-      },
-    },
-  },
-};
-```
-
-When `import './foo'` in the code, the `foo.node.js` file will be resolved for node target, and the `foo.web.js` file will be resolved for web target.
diff --git a/packages/document/main-doc/docs/en/configure/app/source/resolve-main-fields.mdx b/packages/document/main-doc/docs/en/configure/app/source/resolve-main-fields.mdx
deleted file mode 100644
index a4a1fc466eec..000000000000
--- a/packages/document/main-doc/docs/en/configure/app/source/resolve-main-fields.mdx
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: resolveMainFields
----
-
-# source.resolveMainFields
-
-- **Type:**
-
-```ts
-type Fields = (string | string[])[];
-
-type ResolveMainFields = Fields | Record<BuilderTarget, Fields>;
-```
-
-- **Default:** `undefined`
-
-This config will determine which field of `package.json` you use to import the `npm` module. Same as the [resolve.mainFields](https://webpack.js.org/configuration/resolve/#resolvemainfields) config of webpack.
-
-### Example
-
-```js
-export default {
-  source: {
-    resolveMainFields: ['main', 'browser', 'exports'],
-  },
-};
-```
-
-#### Set according to Targets
-
-When you build multiple targets at the same time, you can set different mainFields for different targets. At this point, you need to set `resolveMainFields` to an object whose key is the corresponding build target.
-
-For example to set different mainFields for `web` and `node`:
-
-```js
-export default {
-  output: {
-    source: {
-      resolveMainFields: {
-        web: ['main', 'browser', 'exports'],
-        node: ['main', 'node', 'exports'],
-      },
-    },
-  },
-};
-```
diff --git a/packages/document/main-doc/docs/en/guides/advanced-features/compatibility.mdx b/packages/document/main-doc/docs/en/guides/advanced-features/compatibility.mdx
index 81d59099a019..9149226857fe 100644
--- a/packages/document/main-doc/docs/en/guides/advanced-features/compatibility.mdx
+++ b/packages/document/main-doc/docs/en/guides/advanced-features/compatibility.mdx
@@ -1,14 +1,18 @@
 ---
-sidebar_position: 5
+sidebar_position: 6
 ---
 
 # Browser Compatibility
 
 ## Browserslist Configuration
 
-Modern.js supports setting the browserslist for your web applications. You can set the value of [Browserslist](https://browsersl.ist/) in the `.browserslistrc` file.
+Modern.js supports three ways to set the range of browsers that a web application needs to support.
 
-When you create a new Modern.js project, it will includes a `.browserslistrc` configuration by default, which means that the JavaScript code will be compiled to ES6.
+### Method 1: Configure via `.browserslistrc` File
+
+Modern.js supports setting the range of browsers that a web application needs to support. You can set the [Browserslist](https://browsersl.ist/) values in the `.browserslistrc` file.
+
+When you create a new Modern.js project, a default `.browserslistrc` configuration is included, which indicates that JavaScript code will be compiled to ES6 format.
 
 ```yaml title=".browserslistrc"
 chrome >= 51
@@ -18,23 +22,63 @@ safari >= 10
 ios_saf >= 10
 ```
 
+When the `overrideBrowserslist` configuration is not specified in the project, this `.browserslistrc` file will take effect.
+
+### Method 2: Configure via package.json
+
+You can also configure browserslist by setting the `browserslist` field in the `package.json` file:
+
+```json title="package.json"
+{
+  "browserslist": [
+    "chrome >= 51"
+    // Other browser configurations...
+  ]
+}
+```
+
+### Method 3: Configure via `output.overrideBrowserslist`
+
+You can also configure browserslist by setting the [`output.overrideBrowserslist`](/configure/app/output/override-browserslist) field in the `modern.config.js` file:
+
+```js title="modern.config.js"
+export default {
+  output: {
+    overrideBrowserslist: [
+      'chrome >= 51',
+      // Other browser configurations...
+    ],
+  },
+};
+```
+
+### Configuration Priority
+
+The `overrideBrowserslist` configuration has a higher priority than the `.browserslistrc` file and the `browserslist` field in package.json.
+
+In most scenarios, it is recommended to prioritize using the `.browserslistrc` file rather than the `overrideBrowserslist` configuration because the `.browserslistrc` file is the officially defined configuration file, has better general applicability, and can be recognized by other libraries in the community.
+
 :::tip
-Please refer to [Rsbuild - Browserslist](https://rsbuild.rs/guide/advanced/browserslist) for more information.
+Please refer to [Rsbuild - Setting Browser Range](https://rsbuild.rs/zh/guide/advanced/browserslist) for more information.
 :::
 
+import UpgradeBrowserslist from '@site-docs-en/components/upgrade-browserslist';
+
+<UpgradeBrowserslist />
+
 ## Polyfill
 
-### Polyfill At Compile
+### Compile-time Polyfill
 
-Modern.js defaults to importing corresponding polyfill code from [core-js](https://github.com/zloirock/core-js) during compilation.
+Modern.js by default injects corresponding polyfill code at compile time through [core-js](https://github.com/zloirock/core-js).
 
-By default, the required Polyfill code will be introduced according to the settings of the Browserslist, so there is no need to worry about the Polyfill problem of the project source code and third-party dependencies, but because it contains some Polyfill code that is not used, the final bundle size may be increased.
+By default, it will include the necessary polyfill code based on the project's Browserslist settings, so you generally do not need to worry about polyfill issues for your project source code and third-party dependencies. However, since some unused polyfill code is included, the final bundle size may increase.
 
 :::info
-For case where Polyfill is not required for third-party dependencies, you can set ['output.polyfill'](/configure/app/output/polyfill) to `usage`, so that Babel compiles only Polyfill code based on the syntax used in the code.
+For scenarios where certain third-party dependencies clearly do not require polyfills, you can set [`output.polyfill`](/configure/app/output/polyfill) to `usage`. This way, Babel will only inject polyfill code based on the syntax used in the code during compilation.
 
 :::
 
-import UAPolyfill from '@site-docs-en/components/ua-polyfill';
+import UAPolyfill from '@site-docs/components/ua-polyfill';
 
 <UAPolyfill />
diff --git a/packages/document/main-doc/docs/en/guides/advanced-features/page-performance/optimize-bundle.mdx b/packages/document/main-doc/docs/en/guides/advanced-features/page-performance/optimize-bundle.mdx
index 9dfb50d1230e..42defa378fab 100644
--- a/packages/document/main-doc/docs/en/guides/advanced-features/page-performance/optimize-bundle.mdx
+++ b/packages/document/main-doc/docs/en/guides/advanced-features/page-performance/optimize-bundle.mdx
@@ -46,20 +46,20 @@ See the [performance.bundleAnalyze](/configure/app/performance/bundle-analyze.ht
 
 Modern.js will compile the code according to the project's Browserslist config, and inject some Polyfills. If the project does not need to be compatible with legacy browsers, you can adjust the Browserslist and drop some legacy browsers, thereby reducing the compilation overhead on syntax and polyfill.
 
-Modern.js's default Browserslist config is:
+Modern.js's default [`output.overrideBrowserslist`](/configure/app/output/override-browserslist.html) config is:
 
 ```js
-['> 0.01%', 'not dead', 'not op_mini all'];
+['chrome >= 87', 'edge >= 88', 'firefox >= 78', 'safari >= 14'];
 ```
 
-For example, if you only need to be compatible with browsers above Chrome 61, you can change it to:
+For example, if you only need to be compatible with browsers above Chrome 100, you can change it to:
 
 ```js
-['Chrome >= 61'];
+['Chrome >= 100'];
 ```
 
 :::tip
-Please read the [Browserslist](https://rsbuild.rs/guide/advanced/browserslist) chapter to know more about the usage of Browserslist.
+Please read the [Browserslist configuration](/guides/advanced-features/compatibility.html) chapter to know more about the usage of Browserslist.
 :::
 
 ## Usage polyfill
diff --git a/packages/document/main-doc/docs/zh/components/upgrade-browserslist.mdx b/packages/document/main-doc/docs/zh/components/upgrade-browserslist.mdx
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/packages/document/main-doc/docs/zh/configure/app/html/app-icon.mdx b/packages/document/main-doc/docs/zh/configure/app/html/app-icon.mdx
index e6d3ff728d8f..02a0db1fdaad 100644
--- a/packages/document/main-doc/docs/zh/configure/app/html/app-icon.mdx
+++ b/packages/document/main-doc/docs/zh/configure/app/html/app-icon.mdx
@@ -13,7 +13,7 @@ type AppIconItem = {
   target?: 'apple-touch-icon' | 'web-app-manifest';
 };
 
-type AppIcon = string | {
+type AppIcon = {
   name?: string;
   icons: AppIconItem[];
   filename?: string;
@@ -27,28 +27,6 @@ type AppIcon = string | {
 - 生成 web app manifest 文件和其中的 `icons` 字段。
 - 生成 HTML 文件中的 `apple-touch-icon` 标签和 `manifest` 标签。
 
-### 字符串形式
-
-`string` 类型的 `appIcon` 配置是对象类型的一个语法糖。
-
-```js
-export default {
-  html: {
-    appIcon: './src/assets/icon.png',
-  },
-};
-```
-
-以上配置相当于下面配置的语法糖：
-
-```js
-export default {
-  html: {
-    appIcon: { icons: [{ src: './src/assets/icon.png', size: 180 }] }
-  },
-};
-```
-
 import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
 
 <RsbuildConfig configName="html.appIcon" />
diff --git a/packages/document/main-doc/docs/zh/configure/app/output/inline-scripts.mdx b/packages/document/main-doc/docs/zh/configure/app/output/inline-scripts.mdx
index d33a97ba18a6..fc98228d3443 100644
--- a/packages/document/main-doc/docs/zh/configure/app/output/inline-scripts.mdx
+++ b/packages/document/main-doc/docs/zh/configure/app/output/inline-scripts.mdx
@@ -20,7 +20,7 @@ type InlineScripts =
     };
 ```
 
-- **默认值：** `false`
+- **默认值：** `/builder-runtime([.].+)?\.js$/`
 
 用来控制是否用 `<script>` 标签将产物中的 script 文件（.js 文件）inline 到 HTML 中。
 
diff --git a/packages/document/main-doc/docs/zh/configure/app/output/override-browserslist.mdx b/packages/document/main-doc/docs/zh/configure/app/output/override-browserslist.mdx
index 0b77ea7cefc8..d989ebc68523 100644
--- a/packages/document/main-doc/docs/zh/configure/app/output/override-browserslist.mdx
+++ b/packages/document/main-doc/docs/zh/configure/app/output/override-browserslist.mdx
@@ -9,9 +9,9 @@ title: overrideBrowserslist
 
 ```ts
 const defaultBrowserListMap: Record<RsbuildTarget, string[]> = {
-  web: ['> 0.01%', 'not dead', 'not op_mini all'],
+  web: ['chrome >= 87', 'edge >= 88', 'firefox >= 78', 'safari >= 14'],
   node: ['node >= 14'],
-  'web-worker': ['> 0.01%', 'not dead', 'not op_mini all'],
+  'web-worker': ['chrome >= 87', 'edge >= 88', 'firefox >= 78', 'safari >= 14'],
 };
 ```
 
@@ -19,7 +19,7 @@ const defaultBrowserListMap: Record<RsbuildTarget, string[]> = {
 
 该值会被 [SWC](https://github.com/swc-project/swc) 和 [autoprefixer](https://github.com/postcss/autoprefixer) 用来确定需要转换的 JavaScript 语法特性和需要添加的 CSS 浏览器前缀。
 
-Modern.js 会优先使用项目根目录的 `.browserslistrc` 文件中的配置。
+其他配置方式和配置优先级请参考 [Browserslist 配置](/guides/advanced-features/compatibility.html)。
 
 import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
 
diff --git a/packages/document/main-doc/docs/zh/configure/app/resolve/alias-strategy.mdx b/packages/document/main-doc/docs/zh/configure/app/resolve/alias-strategy.mdx
new file mode 100644
index 000000000000..038862889b06
--- /dev/null
+++ b/packages/document/main-doc/docs/zh/configure/app/resolve/alias-strategy.mdx
@@ -0,0 +1,14 @@
+---
+title: aliasStrategy
+---
+
+# resolve.aliasStrategy
+
+- **类型:** `'prefer-tsconfig' | 'prefer-alias'`
+- **默认值:** `'prefer-tsconfig'`
+
+设置路径别名解析的策略，用于控制 `tsconfig.json` 中的 paths 选项与 Rsbuild 的 [resolve.alias](https://rsbuild.rs/config/resolve/alias) 选项之间的优先级关系。
+
+import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.aliasStrategy" />
diff --git a/packages/document/main-doc/docs/zh/configure/app/resolve/alias.mdx b/packages/document/main-doc/docs/zh/configure/app/resolve/alias.mdx
new file mode 100644
index 000000000000..a164ac7565e2
--- /dev/null
+++ b/packages/document/main-doc/docs/zh/configure/app/resolve/alias.mdx
@@ -0,0 +1,13 @@
+---
+title: alias
+---
+
+# resolve.alias
+
+- **类型:** `string[]`
+
+设置模块路径的别名，用于简化导入路径或重定向模块引用。
+
+import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.alias" />
diff --git a/packages/document/main-doc/docs/zh/configure/app/resolve/condition-names.mdx b/packages/document/main-doc/docs/zh/configure/app/resolve/condition-names.mdx
new file mode 100644
index 000000000000..c26697120c51
--- /dev/null
+++ b/packages/document/main-doc/docs/zh/configure/app/resolve/condition-names.mdx
@@ -0,0 +1,18 @@
+---
+title: conditionNames
+---
+
+# resolve.conditionNames
+
+- **类型:** `string[]`
+- **默认值:** 与 Rsbuild 的 `resolve.conditionNames` 一致
+
+指定用于匹配包 [exports](https://nodejs.org/api/packages.html#packages_exports) 字段 入口点的 condition names（条件名称）。
+
+import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.extensions" />
+
+:::warning
+SSR 应用请勿启用此配置项，否则会导致 SSR 渲染失败。
+:::
diff --git a/packages/document/main-doc/docs/zh/configure/app/resolve/extensions.mdx b/packages/document/main-doc/docs/zh/configure/app/resolve/extensions.mdx
new file mode 100644
index 000000000000..211e59f13493
--- /dev/null
+++ b/packages/document/main-doc/docs/zh/configure/app/resolve/extensions.mdx
@@ -0,0 +1,18 @@
+---
+title: extensions
+---
+
+# resolve.extensions
+
+- **类型:** `string[]`
+- **默认值:** `['.ts', '.tsx', '.mjs', '.js', '.jsx', '.json']`
+
+自动添加导入文件的扩展名。这意味着你可以导入文件，而不需要显式地写它们的扩展名。
+
+import RsbuildConfig from '@site-docs/components/rsbuild-config-tooltip';
+
+<RsbuildConfig configName="resolve.extensions" />
+
+:::warning
+SSR 应用请勿启用此配置项，否则会导致 SSR 渲染失败。
+:::
diff --git a/packages/document/main-doc/docs/zh/configure/app/source/resolve-extension-prefix.mdx b/packages/document/main-doc/docs/zh/configure/app/source/resolve-extension-prefix.mdx
deleted file mode 100644
index e7fcecb914ee..000000000000
--- a/packages/document/main-doc/docs/zh/configure/app/source/resolve-extension-prefix.mdx
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: resolveExtensionPrefix
----
-
-# source.resolveExtensionPrefix
-
-- **类型：** `string | Record<BuilderTarget, string>`
-- **默认值：** `undefined`
-
-用于为 [resolve.extensions](https://webpack.js.org/configuration/resolve/#resolveextensions) 添加统一的前缀。
-
-如果多个文件拥有相同的名称，但具有不同的文件后缀，Modern.js 会根据 extensions 数组的顺序进行识别，解析数组中第一个被识别的文件，并跳过其余文件。
-
-### 示例
-
-下面是配置 `.web` 前缀的例子。
-
-```js
-export default {
-  source: {
-    resolveExtensionPrefix: '.web',
-  },
-};
-```
-
-配置完成后，extensions 数组会发生以下变化：
-
-```js
-// 配置前
-const extensions = ['.js', '.ts', ...];
-
-// 配置后
-const extensions = ['.web.js', '.js', '.web.ts' , '.ts', ...];
-```
-
-在代码中 `import './foo'` 时，会优先识别 `foo.web.js` 文件，再识别 `foo.js` 文件。
-
-#### 根据产物类型设置
-
-当你同时构建多种类型的产物时，你可以为不同的产物类型设置不同的 extension 前缀。此时，你需要把 `resolveExtensionPrefix` 设置为一个对象，对象的 key 为对应的产物类型。
-
-比如为 `web` 和 `node` 设置不同的 extension 前缀：
-
-```js
-export default {
-  output: {
-    source: {
-      resolveExtensionPrefix: {
-        web: '.web',
-        node: '.node',
-      },
-    },
-  },
-};
-```
-
-在代码中 `import './foo'` 时，对于 node 产物，会优先识别 `foo.node.js` 文件，而对于 web 产物，则会优先识别 `foo.web.js` 文件。
diff --git a/packages/document/main-doc/docs/zh/configure/app/source/resolve-main-fields.mdx b/packages/document/main-doc/docs/zh/configure/app/source/resolve-main-fields.mdx
deleted file mode 100644
index 25799d7bc6ab..000000000000
--- a/packages/document/main-doc/docs/zh/configure/app/source/resolve-main-fields.mdx
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: resolveMainFields
----
-
-# source.resolveMainFields
-
-- **类型：**
-
-```ts
-type Fields = (string | string[])[];
-
-type ResolveMainFields = Fields | Record<BuilderTarget, Fields>;
-```
-
-- **默认值：** `undefined`
-
-该配置项将决定你使用 `package.json` 哪个字段导入 `npm` 模块。对应 webpack 的 [resolve.mainFields](https://webpack.js.org/configuration/resolve/#resolvemainfields) 配置。
-
-### 示例
-
-```js
-export default {
-  source: {
-    resolveMainFields: ['main', 'browser', 'exports'],
-  },
-};
-```
-
-#### 根据产物类型设置
-
-当你同时构建多种类型的产物时，你可以为不同的产物类型设置不同的 mainFields。此时，你需要把 `resolveMainFields` 设置为一个对象，对象的 key 为对应的产物类型。
-
-比如为 `web` 和 `node` 设置不同的 mainFields：
-
-```js
-export default {
-  output: {
-    source: {
-      resolveMainFields: {
-        web: ['main', 'browser', 'exports'],
-        node: ['main', 'node', 'exports'],
-      },
-    },
-  },
-};
-```
diff --git a/packages/document/main-doc/docs/zh/guides/advanced-features/compatibility.mdx b/packages/document/main-doc/docs/zh/guides/advanced-features/compatibility.mdx
index fcb8c397c976..bf0e835f5c1e 100644
--- a/packages/document/main-doc/docs/zh/guides/advanced-features/compatibility.mdx
+++ b/packages/document/main-doc/docs/zh/guides/advanced-features/compatibility.mdx
@@ -6,6 +6,10 @@ sidebar_position: 6
 
 ## Browserslist 配置
 
+Modern.js 支持通过三种方式来设置 Web 应用需要兼容的浏览器范围。
+
+### 方式一：通过`.browserslistrc` 文件配置
+
 Modern.js 支持设置 Web 应用需要兼容的浏览器范围，你可以在 `.browserslistrc` 文件里设置 [Browserslist](https://browsersl.ist/) 的值。
 
 当你创建一个新的 Modern.js 项目时，默认会包含一份 `.browserslistrc` 配置，这表示 JavaScript 代码会被编译至 ES6 格式。
@@ -18,10 +22,50 @@ safari >= 10
 ios_saf >= 10
 ```
 
+当项目中未指定 `overrideBrowserslist` 配置时，该 `.browserslistrc` 文件会默认生效。
+
+### 方式二：通过 package.json 配置
+
+你也可以在 `package.json` 文件中设置 `browserslist` 字段来配置 browserslist:
+
+```json title="package.json"
+{
+  "browserslist": [
+    "chrome >= 51"
+    // 其他浏览器的配置...
+  ]
+}
+```
+
+### 方式三：通过 `output.overrideBrowserslist` 配置
+
+你也可以在 `modern.config.js` 文件中设置 [`output.overrideBrowserslist`](/configure/app/output/override-browserslist) 字段来配置 browserslist:
+
+```js title="modern.config.js"
+export default {
+  output: {
+    overrideBrowserslist: [
+      'chrome >= 51',
+      // 其他浏览器的配置...
+    ],
+  },
+};
+```
+
+### 配置优先级
+
+`overrideBrowserslist` 配置的优先级高于项目中的 `.browserslistrc` 配置文件和 package.json 中的 `browserslist` 字段。
+
+大多数场景下，推荐优先使用 `.browserslistrc` 文件，而不是使用 `overrideBrowserslist` 配置。因为 `.browserslistrc` 文件是官方定义的配置文件，通用性更强，可以被社区中的其他库识别。
+
 :::tip
 请查看 [Rsbuild - 设置浏览器范围](https://rsbuild.rs/zh/guide/advanced/browserslist) 来了解更多内容。
 :::
 
+import UpgradeBrowserslist from '@site-docs/components/upgrade-browserslist';
+
+<UpgradeBrowserslist />
+
 ## Polyfill
 
 ### 编译时 Polyfill
diff --git a/packages/document/main-doc/docs/zh/guides/advanced-features/page-performance/optimize-bundle.mdx b/packages/document/main-doc/docs/zh/guides/advanced-features/page-performance/optimize-bundle.mdx
index 19055586249f..c0dfa864e63a 100644
--- a/packages/document/main-doc/docs/zh/guides/advanced-features/page-performance/optimize-bundle.mdx
+++ b/packages/document/main-doc/docs/zh/guides/advanced-features/page-performance/optimize-bundle.mdx
@@ -46,20 +46,20 @@ BUNDLE_ANALYZE=true pnpm build
 
 Modern.js 会根据项目的 Browserslist 配置范围进行代码编译，并注入相应的 Polyfill。如果项目不需要兼容旧版浏览器，可以根据实际情况来提升 Browserslist 范围，从而减少在语法和 Polyfill 上的编译开销。
 
-Modern.js 默认的 Browserslist 配置为：
+Modern.js 默认的 [`output.overrideBrowserslist`](/configure/app/output/override-browserslist.html) 配置为：
 
 ```js
-['> 0.01%', 'not dead', 'not op_mini all'];
+['chrome >= 87', 'edge >= 88', 'firefox >= 78', 'safari >= 14'];
 ```
 
-比如只兼容 Chrome 61 以上的浏览器，可以改成：
+比如只兼容 Chrome 100 以上的浏览器，可以改成：
 
 ```js
-['Chrome >= 61'];
+['Chrome >= 100'];
 ```
 
 :::tip
-请阅读 [设置浏览器范围](https://rsbuild.rs/zh/guide/advanced/browserslist) 章节来了解更多关于 Browserslist 的用法。
+请阅读 [Browserslist 配置](/guides/advanced-features/compatibility.html) 章节来了解更多关于 Browserslist 的用法。
 :::
 
 ## 按需引入 polyfill
diff --git a/packages/solutions/app-tools/src/config/initialize/inits.ts b/packages/solutions/app-tools/src/config/initialize/inits.ts
index 09b444be3f8e..b7d23352bdca 100644
--- a/packages/solutions/app-tools/src/config/initialize/inits.ts
+++ b/packages/solutions/app-tools/src/config/initialize/inits.ts
@@ -19,8 +19,8 @@ export function initHtmlConfig(
   ) {
     const { appIcon } = config.html;
     const { configDir } = config.source;
-    const getDefaultAppIcon = () =>
-      findExists(
+    const getDefaultAppIcon = () => {
+      const appIconPath = findExists(
         ICON_EXTENSIONS.map(ext =>
           path.resolve(
             appContext.appDirectory,
@@ -29,6 +29,10 @@ export function initHtmlConfig(
           ),
         ),
       );
+      return appIconPath
+        ? { icons: [{ src: appIconPath, size: 180 }] }
+        : undefined;
+    };
     return appIcon || getDefaultAppIcon() || undefined;
   }
   function createBuilderFavicon(
diff --git a/packages/toolkit/utils/src/cli/get/data.ts b/packages/toolkit/utils/src/cli/get/data.ts
index dc9f99698c2d..ddb053c2387d 100644
--- a/packages/toolkit/utils/src/cli/get/data.ts
+++ b/packages/toolkit/utils/src/cli/get/data.ts
@@ -42,7 +42,12 @@ export const getCoreJsVersion = (corejsPkgPath: string) => {
   }
 };
 
-export const defaults = ['> 0.01%', 'not dead', 'not op_mini all'];
+export const defaults = [
+  'chrome >= 87',
+  'edge >= 88',
+  'firefox >= 78',
+  'safari >= 14',
+];
 
 export const getBrowserslist = (appDirectory: string) =>
   browserslist.loadConfig({ path: appDirectory }) || defaults;
diff --git a/tests/e2e/builder/cases/check-syntax/index.test.ts b/tests/e2e/builder/cases/check-syntax/index.test.ts
index 5ba1623de38f..aec62e52dc74 100644
--- a/tests/e2e/builder/cases/check-syntax/index.test.ts
+++ b/tests/e2e/builder/cases/check-syntax/index.test.ts
@@ -23,6 +23,9 @@ test('should throw error when exist syntax errors', async () => {
         security: {
           checkSyntax: true,
         },
+        output: {
+          overrideBrowserslist: ['> 0.01%', 'not dead', 'not op_mini all'],
+        },
       },
     }),
   ).rejects.toThrowError('incompatible syntax');
diff --git a/tests/e2e/builder/cases/externalHelpers/index.test.ts b/tests/e2e/builder/cases/externalHelpers/index.test.ts
deleted file mode 100644
index 30622f9e7b92..000000000000
--- a/tests/e2e/builder/cases/externalHelpers/index.test.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import path from 'path';
-import { expect, test } from '@playwright/test';
-import { build } from '@scripts/shared';
-
-test('should externalHelpers by default', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/main.ts') },
-  });
-  const files = await builder.unwrapOutputJSON(false);
-
-  const content =
-    files[
-      Object.keys(files).find(
-        file => file.includes('static/js') && file.endsWith('.js.map'),
-      )!
-    ];
-
-  expect(content).toContain('@swc/helpers');
-});
diff --git a/tests/e2e/builder/cases/externalHelpers/src/main.ts b/tests/e2e/builder/cases/externalHelpers/src/main.ts
deleted file mode 100644
index dcbac9d91e10..000000000000
--- a/tests/e2e/builder/cases/externalHelpers/src/main.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-class AA {
-  aa: string;
-
-  constructor(aa: string) {
-    this.aa = aa;
-  }
-
-  async test() {
-    console.log(this.aa);
-  }
-}
-
-console.log(AA);
diff --git a/tests/e2e/builder/cases/html-tags/index.test.ts b/tests/e2e/builder/cases/html-tags/index.test.ts
deleted file mode 100644
index b45464354325..000000000000
--- a/tests/e2e/builder/cases/html-tags/index.test.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import path from 'path';
-import { expect, test } from '@playwright/test';
-import { build } from '@scripts/shared';
-
-const isHtmlMatch = (html: string, pattern: RegExp): boolean =>
-  Boolean(html.match(pattern));
-
-test('should inject tags', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.ts') },
-    builderConfig: {
-      html: {
-        tags: [
-          { tag: 'script', attrs: { src: 'foo.js' } },
-          { tag: 'script', attrs: { src: 'https://www.cdn.com/foo.js' } },
-          { tag: 'script', attrs: { src: 'bar.js' }, append: false },
-          { tag: 'script', attrs: { src: 'baz.js' }, append: false },
-          { tag: 'meta', attrs: { name: 'referrer', content: 'origin' } },
-        ],
-      },
-    },
-  });
-
-  const files = await builder.unwrapOutputJSON();
-
-  const indexHtml =
-    files[path.resolve(__dirname, './dist/html/index/index.html')];
-
-  expect(isHtmlMatch(indexHtml, /foo\.js/)).toBeTruthy();
-  expect(
-    isHtmlMatch(indexHtml, /src="https:\/\/www\.cdn\.com\/foo\.js/),
-  ).toBeTruthy();
-  expect(isHtmlMatch(indexHtml, /content="origin"/)).toBeTruthy();
-});
diff --git a/tests/e2e/builder/cases/html-tags/src/foo.ts b/tests/e2e/builder/cases/html-tags/src/foo.ts
deleted file mode 100644
index 6c7c4afd9306..000000000000
--- a/tests/e2e/builder/cases/html-tags/src/foo.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export enum Animals {
-  Fish = 0,
-}
diff --git a/tests/e2e/builder/cases/html-tags/src/index.ts b/tests/e2e/builder/cases/html-tags/src/index.ts
deleted file mode 100644
index 2f7f94b1fed0..000000000000
--- a/tests/e2e/builder/cases/html-tags/src/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Animals } from './foo';
-
-console.log('fish is :', Animals.Fish);
diff --git a/tests/e2e/builder/cases/html-tags/tsconfig.json b/tests/e2e/builder/cases/html-tags/tsconfig.json
deleted file mode 100644
index e56b9af8f8cf..000000000000
--- a/tests/e2e/builder/cases/html-tags/tsconfig.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "extends": "@modern-js/tsconfig/base",
-  "compilerOptions": {
-    "declaration": false,
-    "jsx": "react-jsx",
-    "baseUrl": "./",
-    "outDir": "./dist",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@shared/*": ["./shared/*"],
-      "@scripts/*": ["../../scripts/*"]
-    }
-  },
-  "include": ["src", "*.test.ts"]
-}
diff --git a/tests/e2e/builder/cases/html/app-icon/index.test.ts b/tests/e2e/builder/cases/html/app-icon/index.test.ts
deleted file mode 100644
index f277b42f67c1..000000000000
--- a/tests/e2e/builder/cases/html/app-icon/index.test.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import path from 'path';
-import { expect, test } from '@playwright/test';
-import { build } from '@scripts/shared';
-
-test('should emit app icon to dist path', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        appIcon: './src/icon.png',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-
-  expect(
-    Object.keys(files).some(file => file.endsWith('static/image/icon.png')),
-  ).toBeTruthy();
-
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain(
-    '<link rel="apple-touch-icon" sizes="180x180" href="/static/image/icon.png">',
-  );
-});
-
-test('should apply asset prefix to app icon URL', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        appIcon: './src/icon.png',
-      },
-      output: {
-        assetPrefix: 'https://www.example.com',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-
-  const {
-    origin: { bundlerConfigs },
-  } = await builder.instance.inspectConfig();
-
-  expect(bundlerConfigs[0].output.publicPath).toBe('https://www.example.com/');
-
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain(
-    '<link rel="apple-touch-icon" sizes="180x180" href="https://www.example.com/static/image/icon.png">',
-  );
-});
diff --git a/tests/e2e/builder/cases/html/app-icon/src/icon.png b/tests/e2e/builder/cases/html/app-icon/src/icon.png
deleted file mode 100644
index be09a3a0ff20..000000000000
Binary files a/tests/e2e/builder/cases/html/app-icon/src/icon.png and /dev/null differ
diff --git a/tests/e2e/builder/cases/html/app-icon/src/index.js b/tests/e2e/builder/cases/html/app-icon/src/index.js
deleted file mode 100644
index 4748527e94fa..000000000000
--- a/tests/e2e/builder/cases/html/app-icon/src/index.js
+++ /dev/null
@@ -1 +0,0 @@
-console.log('1');
diff --git a/tests/e2e/builder/cases/html/cross-origin/index.test.ts b/tests/e2e/builder/cases/html/cross-origin/index.test.ts
deleted file mode 100644
index 0aedbe2433e7..000000000000
--- a/tests/e2e/builder/cases/html/cross-origin/index.test.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import path from 'path';
-import { expect, test } from '@playwright/test';
-import { build } from '@scripts/shared';
-
-test('should not apply crossOrigin by default', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        scriptLoading: 'blocking',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).not.toContain('crossorigin');
-});
-
-test('should apply crossOrigin when crossorigin is "anonymous" and not same origin', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        scriptLoading: 'blocking',
-        crossorigin: 'anonymous',
-      },
-      output: {
-        assetPrefix: '//aaaa.com',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain('crossorigin="anonymous"></script>');
-});
diff --git a/tests/e2e/builder/cases/html/cross-origin/src/index.js b/tests/e2e/builder/cases/html/cross-origin/src/index.js
deleted file mode 100644
index 4748527e94fa..000000000000
--- a/tests/e2e/builder/cases/html/cross-origin/src/index.js
+++ /dev/null
@@ -1 +0,0 @@
-console.log('1');
diff --git a/tests/e2e/builder/cases/html/favicon/index.test.ts b/tests/e2e/builder/cases/html/favicon/index.test.ts
deleted file mode 100644
index 1091d3388969..000000000000
--- a/tests/e2e/builder/cases/html/favicon/index.test.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import path from 'path';
-import { expect, test } from '@playwright/test';
-import { build } from '@scripts/shared';
-
-test('should emit local favicon to dist path', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        favicon: './src/icon.png',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-
-  expect(
-    Object.keys(files).some(file => file.endsWith('/icon.png')),
-  ).toBeTruthy();
-
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain('<link rel="icon" href="/icon.png">');
-});
-
-test('should apply asset prefix to favicon URL', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        favicon: './src/icon.png',
-      },
-      output: {
-        assetPrefix: 'https://www.example.com',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain(
-    '<link rel="icon" href="https://www.example.com/icon.png">',
-  );
-});
-
-test('should allow favicon to be a CDN URL', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        favicon: 'https://foo.com/icon.png',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain('<link rel="icon" href="https://foo.com/icon.png">');
-});
diff --git a/tests/e2e/builder/cases/html/favicon/src/icon.png b/tests/e2e/builder/cases/html/favicon/src/icon.png
deleted file mode 100644
index be09a3a0ff20..000000000000
Binary files a/tests/e2e/builder/cases/html/favicon/src/icon.png and /dev/null differ
diff --git a/tests/e2e/builder/cases/html/favicon/src/index.js b/tests/e2e/builder/cases/html/favicon/src/index.js
deleted file mode 100644
index 4748527e94fa..000000000000
--- a/tests/e2e/builder/cases/html/favicon/src/index.js
+++ /dev/null
@@ -1 +0,0 @@
-console.log('1');
diff --git a/tests/e2e/builder/cases/html/html.test.ts b/tests/e2e/builder/cases/html/html.test.ts
index 8c2a93b3fcf8..aa92b4c60a4f 100644
--- a/tests/e2e/builder/cases/html/html.test.ts
+++ b/tests/e2e/builder/cases/html/html.test.ts
@@ -27,30 +27,11 @@ test.describe('html configure multi', () => {
     builder.close();
   });
 
-  test('mountId', async ({ page }) => {
-    await page.goto(getHrefByEntryName('main', builder.port));
-
-    const test = page.locator('#test');
-    await expect(test).toHaveText('Hello Builder!');
-  });
-
   test('title default', async ({ page }) => {
     await page.goto(getHrefByEntryName('main', builder.port));
 
     await expect(page.evaluate(`document.title`)).resolves.toBe('');
   });
-
-  test('inject default (head)', async () => {
-    const pagePath = join(builder.distPath, 'html/main/index.html');
-    const content = await fs.readFile(pagePath, 'utf-8');
-
-    expect(
-      /<head>[\s\S]*<script[\s\S]*>[\s\S]*<\/head>/.test(content),
-    ).toBeTruthy();
-    expect(
-      /<body>[\s\S]*<script[\s\S]*>[\s\S]*<\/body>/.test(content),
-    ).toBeFalsy();
-  });
 });
 
 test.describe('html element set', () => {
@@ -72,7 +53,6 @@ test.describe('html element set', () => {
             description: 'a description of the page',
           },
           inject: 'body',
-          appIcon: './src/assets/icon.png',
           favicon: './src/assets/icon.png',
         },
       },
@@ -92,34 +72,6 @@ test.describe('html element set', () => {
     builder.close();
   });
 
-  test('appicon', async () => {
-    const [, iconRelativePath] =
-      /<link.*rel="apple-touch-icon".*href="(.*?)">/.exec(mainContent) || [];
-
-    expect(iconRelativePath).toBeDefined();
-
-    const iconPath = join(builder.distPath, iconRelativePath);
-    expect(fs.existsSync(iconPath)).toBeTruthy();
-
-    // should work on all page
-    expect(
-      /<link.*rel="apple-touch-icon".*href="(.*?)">/.test(fooContent),
-    ).toBeTruthy();
-  });
-
-  test('favicon', async () => {
-    const [, iconRelativePath] =
-      /<link.*rel="icon".*href="(.*?)">/.exec(mainContent) || [];
-
-    expect(iconRelativePath).toBeDefined();
-
-    const iconPath = join(builder.distPath, iconRelativePath);
-    expect(fs.existsSync(iconPath)).toBeTruthy();
-
-    // should work on all page
-    expect(/<link.*rel="icon".*href="(.*?)">/.test(fooContent)).toBeTruthy();
-  });
-
   test('custom inject', async () => {
     expect(
       /<head>[\s\S]*<script[\s\S]*>[\s\S]*<\/head>/.test(mainContent),
@@ -162,40 +114,6 @@ test('custom title', async ({ page }) => {
   builder.close();
 });
 
-test('template & templateParameters', async ({ page }) => {
-  const builder = await build({
-    cwd: join(fixtures, 'template'),
-    entry: {
-      main: join(join(fixtures, 'template'), 'src/index.ts'),
-    },
-    runServer: true,
-    builderConfig: {
-      html: {
-        template: './static/index.html',
-        templateParameters: {
-          foo: 'bar',
-        },
-      },
-    },
-  });
-
-  await page.goto(getHrefByEntryName('main', builder.port));
-
-  await expect(page.evaluate(`document.title`)).resolves.toBe(
-    'custom template',
-  );
-
-  const testTemplate = page.locator('#test-template');
-  await expect(testTemplate).toHaveText('xxx');
-
-  const testEl = page.locator('#test');
-  await expect(testEl).toHaveText('Hello Builder!');
-
-  await expect(page.evaluate(`window.foo`)).resolves.toBe('bar');
-
-  builder.close();
-});
-
 test('outputStructrue flat', async ({ page }) => {
   const builder = await build({
     cwd: join(fixtures, 'template'),
diff --git a/tests/e2e/builder/cases/html/inject-false/index.test.ts b/tests/e2e/builder/cases/html/inject-false/index.test.ts
deleted file mode 100644
index 3c302405a060..000000000000
--- a/tests/e2e/builder/cases/html/inject-false/index.test.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import path from 'path';
-import { expect, test } from '@playwright/test';
-import { build } from '@scripts/shared';
-
-test('builder injection script order should be as expected', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        inject: false,
-        template: './static/index.html',
-      },
-      output: {
-        assetsRetry: {
-          inlineScript: false,
-        },
-        disableInlineRuntimeChunk: true,
-        convertToRem: {
-          inlineRuntime: false,
-        },
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  // assetsRetry => rem => normal resource => template custom resource
-  expect(
-    html.indexOf('/js/assets-retry') < html.indexOf('/js/convert-rem'),
-  ).toBeTruthy();
-  expect(
-    html.indexOf('/js/convert-rem') < html.indexOf('/js/index'),
-  ).toBeTruthy();
-  expect(html.indexOf('/js/index') < html.indexOf('/assets/a.js')).toBeTruthy();
-});
diff --git a/tests/e2e/builder/cases/html/inject-false/src/index.css b/tests/e2e/builder/cases/html/inject-false/src/index.css
deleted file mode 100644
index fb41630886f1..000000000000
--- a/tests/e2e/builder/cases/html/inject-false/src/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.test {
-  font-size: 14px;
-}
diff --git a/tests/e2e/builder/cases/html/inject-false/src/index.js b/tests/e2e/builder/cases/html/inject-false/src/index.js
deleted file mode 100644
index 0a0c568f08e7..000000000000
--- a/tests/e2e/builder/cases/html/inject-false/src/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import './index.css';
-
-console.log('1');
diff --git a/tests/e2e/builder/cases/html/inject-false/static/index.html b/tests/e2e/builder/cases/html/inject-false/static/index.html
deleted file mode 100644
index 732b16c47547..000000000000
--- a/tests/e2e/builder/cases/html/inject-false/static/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>custom template</title>
-    <%= htmlWebpackPlugin.tags.headTags %>
-    <script src="//example.com/assets/a.js"></script>
-  </head>
-  <body>
-    <div id="test-template">xxx</div>
-    <div id="root" />
-    <%= htmlWebpackPlugin.tags.bodyTags %>
-  </body>
-</html>
diff --git a/tests/e2e/builder/cases/html/script-loading/index.test.ts b/tests/e2e/builder/cases/html/script-loading/index.test.ts
deleted file mode 100644
index e4af6bb5a7f1..000000000000
--- a/tests/e2e/builder/cases/html/script-loading/index.test.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import path from 'path';
-import { expect, test } from '@playwright/test';
-import { build } from '@scripts/shared';
-
-test('should apply defer by default', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-  });
-  const files = await builder.unwrapOutputJSON();
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain('<script defer="defer" src="');
-});
-
-test('should remove defer when scriptLoading is "blocking"', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        scriptLoading: 'blocking',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain('<script src="');
-});
-
-test('should allow to set scriptLoading to "module"', async () => {
-  const builder = await build({
-    cwd: __dirname,
-    entry: { index: path.resolve(__dirname, './src/index.js') },
-    builderConfig: {
-      html: {
-        scriptLoading: 'module',
-      },
-    },
-  });
-  const files = await builder.unwrapOutputJSON();
-  const html =
-    files[Object.keys(files).find(file => file.endsWith('index.html'))!];
-
-  expect(html).toContain('<script type="module" src="');
-});
diff --git a/tests/e2e/builder/cases/html/script-loading/src/index.js b/tests/e2e/builder/cases/html/script-loading/src/index.js
deleted file mode 100644
index 4748527e94fa..000000000000
--- a/tests/e2e/builder/cases/html/script-loading/src/index.js
+++ /dev/null
@@ -1 +0,0 @@
-console.log('1');
diff --git a/tests/e2e/builder/cases/legalComments/index.test.ts b/tests/e2e/builder/cases/legalComments/index.test.ts
deleted file mode 100644
index 67421b841a63..000000000000
--- a/tests/e2e/builder/cases/legalComments/index.test.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { join } from 'path';
-import { expect, test } from '@playwright/test';
-import { build, getHrefByEntryName } from '@scripts/shared';
-
-const fixtures = __dirname;
-
-test('legalComments linked (default)', async ({ page }) => {
-  const builder = await build({
-    cwd: fixtures,
-    entry: {
-      main: join(fixtures, 'src/index.jsx'),
-    },
-    runServer: true,
-    builderConfig: {
-      performance: {
-        chunkSplit: {
-          strategy: 'all-in-one',
-        },
-      },
-    },
-  });
-
-  await page.goto(getHrefByEntryName('main', builder.port));
-
-  await expect(page.innerHTML('#test')).resolves.toBe('Hello Builder!');
-
-  const files = await builder.unwrapOutputJSON();
-
-  const LicenseContent =
-    files[
-      Object.keys(files).find(
-        file => file.includes('js/main') && file.endsWith('.LICENSE.txt'),
-      )!
-    ];
-
-  expect(LicenseContent.includes('@preserve AAAA')).toBeTruthy();
-  expect(LicenseContent.includes('@license BBB')).toBeTruthy();
-  expect(LicenseContent.includes('Legal Comment CCC')).toBeTruthy();
-  expect(LicenseContent.includes('Foo Bar')).toBeFalsy();
-
-  const JsContent =
-    files[
-      Object.keys(files).find(
-        file => file.includes('js/main') && file.endsWith('.js'),
-      )!
-    ];
-
-  expect(JsContent.includes('Foo Bar')).toBeFalsy();
-
-  builder.close();
-});
-
-test('legalComments none', async ({ page }) => {
-  const builder = await build({
-    cwd: fixtures,
-    entry: {
-      main: join(fixtures, 'src/index.jsx'),
-    },
-    runServer: true,
-    builderConfig: {
-      performance: {
-        chunkSplit: {
-          strategy: 'all-in-one',
-        },
-      },
-      output: {
-        legalComments: 'none',
-      },
-    },
-  });
-
-  await page.goto(getHrefByEntryName('main', builder.port));
-
-  await expect(page.innerHTML('#test')).resolves.toBe('Hello Builder!');
-
-  const files = await builder.unwrapOutputJSON();
-
-  const LicenseFile = Object.keys(files).find(
-    file => file.includes('js/main') && file.endsWith('.LICENSE.txt'),
-  )!;
-
-  expect(LicenseFile).toBeUndefined();
-
-  const JsContent =
-    files[
-      Object.keys(files).find(
-        file => file.includes('js/main') && file.endsWith('.js'),
-      )!
-    ];
-
-  expect(JsContent.includes('@license BBB')).toBeFalsy();
-
-  builder.close();
-});
-
-test('legalComments inline', async ({ page }) => {
-  const builder = await build({
-    cwd: fixtures,
-    entry: {
-      main: join(fixtures, 'src/index.jsx'),
-    },
-    runServer: true,
-    builderConfig: {
-      performance: {
-        chunkSplit: {
-          strategy: 'all-in-one',
-        },
-      },
-      output: {
-        legalComments: 'inline',
-      },
-    },
-  });
-
-  await page.goto(getHrefByEntryName('main', builder.port));
-
-  await expect(page.innerHTML('#test')).resolves.toBe('Hello Builder!');
-
-  const files = await builder.unwrapOutputJSON();
-
-  const LicenseFile = Object.keys(files).find(
-    file => file.includes('js/main') && file.endsWith('.LICENSE.txt'),
-  )!;
-
-  expect(LicenseFile).toBeUndefined();
-
-  const JsContent =
-    files[
-      Object.keys(files).find(
-        file => file.includes('js/main') && file.endsWith('.js'),
-      )!
-    ];
-
-  expect(JsContent.includes('@license BBB')).toBeTruthy();
-  expect(JsContent.includes('Foo Bar')).toBeFalsy();
-
-  builder.close();
-});
diff --git a/tests/e2e/builder/cases/legalComments/src/index.jsx b/tests/e2e/builder/cases/legalComments/src/index.jsx
deleted file mode 100644
index 5058b44c75ce..000000000000
--- a/tests/e2e/builder/cases/legalComments/src/index.jsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-
-/**
- * @preserve AAAA
- */
-
-/**
- * @license BBB
- */
-
-/*! Legal Comment CCC */
-
-// Foo Bar
-
-/*
- Foo Bar
- */
-function App() {
-  return (
-    <div>
-      <div id="test">Hello Builder!</div>
-    </div>
-  );
-}
-
-const domNode = document.getElementById('root');
-if (domNode) {
-  const root = createRoot(domNode);
-  root.render(React.createElement(App));
-}
diff --git a/tests/e2e/builder/cases/polyfill/index.test.ts b/tests/e2e/builder/cases/polyfill/index.test.ts
index 6deb3f4e4a3b..3177f7ced5af 100644
--- a/tests/e2e/builder/cases/polyfill/index.test.ts
+++ b/tests/e2e/builder/cases/polyfill/index.test.ts
@@ -28,6 +28,7 @@ test('should add polyfill when set polyfill entry (default)', async ({
     builderConfig: {
       output: {
         polyfill: 'entry',
+        overrideBrowserslist: ['> 0.01%', 'not dead', 'not op_mini all'],
       },
     },
     runServer: true,
diff --git a/tests/e2e/builder/cases/postcss/postcss-function-options/index.test.ts b/tests/e2e/builder/cases/postcss/postcss-function-options/index.test.ts
index 0443776b9c41..cf9c8557889a 100644
--- a/tests/e2e/builder/cases/postcss/postcss-function-options/index.test.ts
+++ b/tests/e2e/builder/cases/postcss/postcss-function-options/index.test.ts
@@ -96,7 +96,7 @@ test('should allow to use `postcssOptions` function to apply different postcss c
   )!;
   // apply tailwind config and autoprefixer correctly
   expect(files[fooCssFile]).toEqual(
-    '.font-bold{font-weight:700}.underline{-webkit-text-decoration-line:underline;-moz-text-decoration-line:underline;text-decoration-line:underline}',
+    '.font-bold{font-weight:700}.underline{text-decoration-line:underline}',
   );
 
   const barCssFile = Object.keys(files).find(
diff --git a/tests/e2e/builder/cases/source-map/source.test.ts b/tests/e2e/builder/cases/source-map/source.test.ts
index b9ec26530c0f..45b0b5ebcbef 100644
--- a/tests/e2e/builder/cases/source-map/source.test.ts
+++ b/tests/e2e/builder/cases/source-map/source.test.ts
@@ -72,14 +72,14 @@ test('source-map', async () => {
   }));
 
   expect(originalPositions[0]).toEqual({
-    source: 'src/App.jsx',
+    source: '../../../src/App.jsx',
     line: 2,
     column: 24,
     name: null,
   });
 
   expect(originalPositions[1]).toEqual({
-    source: 'src/index.js',
+    source: '../../../src/index.js',
     line: 5,
     column: 0,
     name: 'window',
diff --git a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/App.jsx b/tests/e2e/builder/cases/source/resolve-extension-prefix/src/App.jsx
deleted file mode 100644
index 0da9276cde25..000000000000
--- a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/App.jsx
+++ /dev/null
@@ -1,5 +0,0 @@
-function App() {
-  return <div id="test">Hello Builder!</div>;
-}
-
-export default App;
diff --git a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/ex.js b/tests/e2e/builder/cases/source/resolve-extension-prefix/src/ex.js
deleted file mode 100644
index b59f194f5351..000000000000
--- a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/ex.js
+++ /dev/null
@@ -1,4 +0,0 @@
-const testEl = document.createElement('div');
-testEl.id = 'test-el';
-testEl.innerHTML = 'aaaaa';
-document.body.appendChild(testEl);
diff --git a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/ex.web.js b/tests/e2e/builder/cases/source/resolve-extension-prefix/src/ex.web.js
deleted file mode 100644
index 97c78658d61a..000000000000
--- a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/ex.web.js
+++ /dev/null
@@ -1,4 +0,0 @@
-const testEl = document.createElement('div');
-testEl.id = 'test-el';
-testEl.innerHTML = 'web';
-document.body.appendChild(testEl);
diff --git a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/index.js b/tests/e2e/builder/cases/source/resolve-extension-prefix/src/index.js
deleted file mode 100644
index 9b99f1c86423..000000000000
--- a/tests/e2e/builder/cases/source/resolve-extension-prefix/src/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './App';
-import './ex';
-
-const domNode = document.getElementById('root');
-if (domNode) {
-  const root = createRoot(domNode);
-  root.render(React.createElement(App));
-}
diff --git a/tests/e2e/builder/cases/source/resolve-extension-prefix/tests/index.test.ts b/tests/e2e/builder/cases/source/resolve-extension-prefix/tests/index.test.ts
deleted file mode 100644
index 29f060e650c6..000000000000
--- a/tests/e2e/builder/cases/source/resolve-extension-prefix/tests/index.test.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { join, resolve } from 'path';
-import { expect, test } from '@playwright/test';
-import { build, getHrefByEntryName } from '@scripts/shared';
-
-const fixtures = resolve(__dirname, '../');
-
-test.setTimeout(120000);
-
-test('resolve-extension-prefix', async ({ page }) => {
-  const buildOpts = {
-    cwd: fixtures,
-    entry: {
-      main: join(fixtures, 'src/index.js'),
-    },
-    runServer: true,
-  };
-
-  // ex.js take effect when not set resolveExtensionPrefix
-  let builder = await build(buildOpts);
-  await page.goto(getHrefByEntryName('main', builder.port));
-  await expect(page.innerHTML('#test-el')).resolves.toBe('aaaaa');
-
-  builder.close();
-
-  // ex.web.js take effect when set resolveExtensionPrefix
-  builder = await build({
-    ...buildOpts,
-    builderConfig: {
-      source: {
-        resolveExtensionPrefix: '.web',
-      },
-    },
-  });
-
-  await page.goto(getHrefByEntryName('main', builder.port));
-  await expect(page.innerHTML('#test-el')).resolves.toBe('web');
-
-  builder.close();
-});
diff --git a/tests/e2e/builder/cases/source/source-exclude/index.test.ts b/tests/e2e/builder/cases/source/source-exclude/index.test.ts
index ea1390963092..97d33840cfd1 100644
--- a/tests/e2e/builder/cases/source/source-exclude/index.test.ts
+++ b/tests/e2e/builder/cases/source/source-exclude/index.test.ts
@@ -12,6 +12,9 @@ test('should not compile specified file when source.exclude', async () => {
         source: {
           exclude: [path.resolve(__dirname, './src/test.js')],
         },
+        output: {
+          overrideBrowserslist: ['> 0.01%', 'not dead', 'not op_mini all'],
+        },
         security: {
           checkSyntax: true,
         },
diff --git a/tests/e2e/builder/cases/source/source-include/index.test.ts b/tests/e2e/builder/cases/source/source-include/index.test.ts
index 4c83a401ea04..94a05d837516 100644
--- a/tests/e2e/builder/cases/source/source-include/index.test.ts
+++ b/tests/e2e/builder/cases/source/source-include/index.test.ts
@@ -12,6 +12,9 @@ test('should not compile file which outside of project by default', async () =>
         source: {
           exclude: [path.resolve(__dirname, '../test.js')],
         },
+        output: {
+          overrideBrowserslist: ['> 0.01%', 'not dead', 'not op_mini all'],
+        },
         security: {
           checkSyntax: true,
         },