feat: rsbuild config (#7821)

Author: keepview

.changeset/five-ghosts-care.md

@@ -0,0 +1,7 @@
+---
+'@modern-js/utils': patch
+'@modern-js/builder': patch
+---
+
+feat: align rsbuild config
+feat: 对齐 rsbuild 配置

packages/cli/builder/src/plugins/extensionPrefix.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(

packages/cli/builder/src/plugins/mainFields.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,
 };
 

packages/cli/builder/src/shared/parseCommonConfig.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;
   };

packages/cli/builder/src/shared/utils.ts

@@ -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",