@rsbuild/core 0.7.3 → 0.7.5

package/dist/index.js

@@ -23,12 +23,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.51.0_eslint@9.4.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.52.0_eslint@9.4.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename, getDirname, __dirname, __filename;
 var init_esm = __esm({
-  "../../node_modules/.pnpm/@modern-js+module-tools@2.51.0_eslint@9.4.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js"() {
+  "../../node_modules/.pnpm/@modern-js+module-tools@2.52.0_eslint@9.4.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js"() {
     "use strict";
     getFilename = () => fileURLToPath(import.meta.url);
     getDirname = () => path.dirname(getFilename());
@@ -118,19 +118,53 @@ var init_format = __esm({
 
 // src/constants.ts
 import { join } from "path";
-var PLUGIN_SWC_NAME, PLUGIN_CSS_NAME, LOADER_PATH, STATIC_PATH, COMPILED_PATH, TS_CONFIG_FILE, HTML_REGEX, CSS_REGEX;
+var ROOT_DIST_DIR, HTML_DIST_DIR, SERVER_DIST_DIR, SERVICE_WORKER_DIST_DIR, JS_DIST_DIR, CSS_DIST_DIR, SVG_DIST_DIR, FONT_DIST_DIR, WASM_DIST_DIR, IMAGE_DIST_DIR, MEDIA_DIST_DIR, LOADER_PATH, STATIC_PATH, COMPILED_PATH, TS_CONFIG_FILE, DEFAULT_PORT, DEFAULT_DATA_URL_SIZE, DEFAULT_MOUNT_ID, DEFAULT_DEV_HOST, HTML_REGEX, CSS_REGEX, PLUGIN_SWC_NAME, PLUGIN_CSS_NAME, FONT_EXTENSIONS, IMAGE_EXTENSIONS, VIDEO_EXTENSIONS, AUDIO_EXTENSIONS;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     init_esm();
-    PLUGIN_SWC_NAME = "rsbuild:swc";
-    PLUGIN_CSS_NAME = "rsbuild:css";
+    ROOT_DIST_DIR = "dist";
+    HTML_DIST_DIR = "/";
+    SERVER_DIST_DIR = "server";
+    SERVICE_WORKER_DIST_DIR = "worker";
+    JS_DIST_DIR = "static/js";
+    CSS_DIST_DIR = "static/css";
+    SVG_DIST_DIR = "static/svg";
+    FONT_DIST_DIR = "static/font";
+    WASM_DIST_DIR = "static/wasm";
+    IMAGE_DIST_DIR = "static/image";
+    MEDIA_DIST_DIR = "static/media";
     LOADER_PATH = join(__dirname);
     STATIC_PATH = join(__dirname, "../static");
     COMPILED_PATH = join(__dirname, "../compiled");
     TS_CONFIG_FILE = "tsconfig.json";
+    DEFAULT_PORT = 3e3;
+    DEFAULT_DATA_URL_SIZE = 4096;
+    DEFAULT_MOUNT_ID = "root";
+    DEFAULT_DEV_HOST = "0.0.0.0";
     HTML_REGEX = /\.html$/;
     CSS_REGEX = /\.css$/;
+    PLUGIN_SWC_NAME = "rsbuild:swc";
+    PLUGIN_CSS_NAME = "rsbuild:css";
+    FONT_EXTENSIONS = ["woff", "woff2", "eot", "ttf", "otf", "ttc"];
+    IMAGE_EXTENSIONS = [
+      "png",
+      "jpg",
+      "jpeg",
+      "pjpeg",
+      "pjp",
+      "gif",
+      "bmp",
+      "webp",
+      "ico",
+      "apng",
+      "avif",
+      "tif",
+      "tiff",
+      "jfif"
+    ];
+    VIDEO_EXTENSIONS = ["mp4", "webm", "ogg", "mov"];
+    AUDIO_EXTENSIONS = ["mp3", "wav", "flac", "aac", "m4a", "opus"];
   }
 });
 
@@ -371,6 +405,7 @@ var init_mergeConfig = __esm({
       "output.cssModules.auto",
       "output.targets",
       "output.emitAssets",
+      "server.open",
       "server.printUrls",
       "dev.startUrl",
       "provider"
@@ -459,27 +494,15 @@ var init_restart = __esm({
 import fs from "fs";
 import { isAbsolute, join as join2 } from "path";
 import {
-  CSS_DIST_DIR,
   DEFAULT_ASSET_PREFIX as DEFAULT_ASSET_PREFIX2,
-  DEFAULT_DATA_URL_SIZE,
-  DEFAULT_DEV_HOST,
-  DEFAULT_MOUNT_ID,
-  DEFAULT_PORT,
-  FONT_DIST_DIR,
-  HTML_DIST_DIR,
-  IMAGE_DIST_DIR,
-  JS_DIST_DIR,
-  MEDIA_DIST_DIR,
-  ROOT_DIST_DIR,
-  SERVER_DIST_DIR,
-  SERVICE_WORKER_DIST_DIR,
-  SVG_DIST_DIR,
-  WASM_DIST_DIR,
+  RspackChain,
   color as color3,
   debounce,
+  fse as fse2,
   getNodeEnv,
   isObject,
-  logger as logger2
+  logger as logger2,
+  upperFirst
 } from "@rsbuild/shared";
 function getDefaultEntry(root) {
   const files = [
@@ -583,6 +606,55 @@ async function loadConfig({
     throw err;
   }
 }
+async function outputInspectConfigFiles({
+  rsbuildConfig,
+  rawRsbuildConfig,
+  bundlerConfigs,
+  inspectOptions,
+  configType
+}) {
+  const { outputPath } = inspectOptions;
+  const files = [
+    {
+      path: join2(outputPath, "rsbuild.config.mjs"),
+      label: "Rsbuild Config",
+      content: rawRsbuildConfig
+    },
+    ...bundlerConfigs.map((content, index) => {
+      const suffix = rsbuildConfig.output.targets[index];
+      const outputFile = `${configType}.config.${suffix}.mjs`;
+      let outputFilePath = join2(outputPath, outputFile);
+      if (fse2.existsSync(outputFilePath)) {
+        outputFilePath = outputFilePath.replace(/\.mjs$/, `.${Date.now()}.mjs`);
+      }
+      return {
+        path: outputFilePath,
+        label: `${upperFirst(configType)} Config (${suffix})`,
+        content
+      };
+    })
+  ];
+  await Promise.all(
+    files.map(
+      (item) => fse2.outputFile(item.path, `export default ${item.content}`)
+    )
+  );
+  const fileInfos = files.map(
+    (item) => `  - ${color3.bold(color3.yellow(item.label))}: ${color3.underline(
+      item.path
+    )}`
+  ).join("\n");
+  logger2.success(
+    `Inspect config succeed, open following files to view the content: 
+
+${fileInfos}
+`
+  );
+}
+async function stringifyConfig(config, verbose) {
+  const stringify = RspackChain.toString;
+  return stringify(config, { verbose });
+}
 var getDefaultDevConfig, getDefaultServerConfig, getDefaultSourceConfig, getDefaultHtmlConfig, getDefaultSecurityConfig, getDefaultToolsConfig, getDefaultPerformanceConfig, getDefaultOutputConfig, createDefaultConfig, withDefaultConfig, normalizeConfig, resolveConfigPath;
 var init_config = __esm({
   "src/config.ts"() {
@@ -604,6 +676,7 @@ var init_config = __esm({
     getDefaultServerConfig = () => ({
       port: DEFAULT_PORT,
       host: DEFAULT_DEV_HOST,
+      open: false,
       htmlFallback: "index",
       compress: true,
       printUrls: true,
@@ -969,7 +1042,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   return {
     entry: getEntryObject(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.7.3",
+    version: "0.7.5",
     rootPath,
     distPath,
     cachePath,
@@ -1371,9 +1444,7 @@ __export(inspectConfig_exports, {
 import { isAbsolute as isAbsolute3, join as join6 } from "path";
 import {
   getNodeEnv as getNodeEnv3,
-  outputInspectConfigFiles,
-  setNodeEnv,
-  stringifyConfig
+  setNodeEnv
 } from "@rsbuild/shared";
 async function inspectConfig({
   context,
@@ -1434,6 +1505,7 @@ var init_inspectConfig = __esm({
   "src/provider/inspectConfig.ts"() {
     "use strict";
     init_esm();
+    init_config();
     init_initConfigs();
   }
 });
@@ -2191,8 +2263,6 @@ var init_getDevMiddlewares = __esm({
 import net from "net";
 import os from "os";
 import {
-  DEFAULT_DEV_HOST as DEFAULT_DEV_HOST2,
-  DEFAULT_PORT as DEFAULT_PORT2,
   color as color8,
   deepmerge,
   isFunction as isFunction4,
@@ -2268,6 +2338,7 @@ var init_helper = __esm({
   "src/server/helper.ts"() {
     "use strict";
     init_esm();
+    init_constants();
     formatPrefix = (prefix) => {
       if (!prefix) {
         return "/";
@@ -2342,10 +2413,10 @@ var init_helper = __esm({
       config,
       getPortSilently
     }) => {
-      const host = config.server.host || DEFAULT_DEV_HOST2;
+      const host = config.server.host || DEFAULT_DEV_HOST;
       const port = await getPort({
         host,
-        port: config.server.port || DEFAULT_PORT2,
+        port: config.server.port || DEFAULT_PORT,
         strictPort: config.server.strictPort || false,
         silent: getPortSilently
       });
@@ -2419,7 +2490,7 @@ var init_helper = __esm({
       port,
       host
     }) => {
-      if (host && host !== DEFAULT_DEV_HOST2) {
+      if (host && host !== DEFAULT_DEV_HOST) {
         return [
           {
             label: isLoopbackHost(host) ? LOCAL_LABEL : NETWORK_LABEL,
@@ -2802,7 +2873,6 @@ __export(devServer_exports, {
 });
 import fs3 from "fs";
 import {
-  ROOT_DIST_DIR as ROOT_DIST_DIR2,
   debug as debug6,
   getNodeEnv as getNodeEnv5,
   getPublicPathFromCompiler,
@@ -2894,7 +2964,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
     dev: devConfig,
     server: serverConfig,
     output: {
-      distPath: config.output.distPath.root || ROOT_DIST_DIR2
+      distPath: config.output.distPath.root || ROOT_DIST_DIR
     },
     outputFileSystem
   });
@@ -2967,6 +3037,7 @@ var init_devServer = __esm({
   "src/server/devServer.ts"() {
     "use strict";
     init_esm();
+    init_constants();
     init_getDevMiddlewares();
     init_helper();
     init_httpServer();
@@ -2984,7 +3055,6 @@ __export(prodServer_exports, {
 });
 import { join as join8 } from "path";
 import {
-  ROOT_DIST_DIR as ROOT_DIST_DIR3,
   getNodeEnv as getNodeEnv6,
   isDebug as isDebug4,
   setNodeEnv as setNodeEnv3
@@ -3004,7 +3074,7 @@ async function startProdServer(context, config, { getPortSilently } = {}) {
     {
       pwd: context.rootPath,
       output: {
-        path: config.output.distPath.root || ROOT_DIST_DIR3,
+        path: config.output.distPath.root || ROOT_DIST_DIR,
         assetPrefix: config.output.assetPrefix
       },
       serverConfig
@@ -3064,6 +3134,7 @@ var init_prodServer = __esm({
   "src/server/prodServer.ts"() {
     "use strict";
     init_esm();
+    init_constants();
     init_helper();
     init_httpServer();
     init_middlewares();
@@ -3372,17 +3443,17 @@ __export(cache_exports, {
 });
 import crypto from "crypto";
 import { isAbsolute as isAbsolute5, join as join9 } from "path";
-import { fse as fse2 } from "@rsbuild/shared";
+import { fse as fse3 } from "@rsbuild/shared";
 async function validateCache(cacheDirectory, buildDependencies) {
   const configFile = join9(cacheDirectory, "buildDependencies.json");
   if (await isFileExists(configFile)) {
-    const prevBuildDependencies = await fse2.readJSON(configFile);
+    const prevBuildDependencies = await fse3.readJSON(configFile);
     if (JSON.stringify(prevBuildDependencies) === JSON.stringify(buildDependencies)) {
       return;
     }
-    await fse2.remove(cacheDirectory);
+    await fse3.remove(cacheDirectory);
   }
-  await fse2.outputJSON(configFile, buildDependencies);
+  await fse3.outputJSON(configFile, buildDependencies);
 }
 function getDigestHash(digest) {
   const fsHash = crypto.createHash("md5");
@@ -3744,8 +3815,6 @@ __export(output_exports, {
 import { posix } from "path";
 import {
   DEFAULT_ASSET_PREFIX as DEFAULT_ASSET_PREFIX3,
-  DEFAULT_DEV_HOST as DEFAULT_DEV_HOST3,
-  DEFAULT_PORT as DEFAULT_PORT3,
   getDistPath as getDistPath3,
   getFilename as getFilename2
 } from "@rsbuild/shared";
@@ -3765,9 +3834,9 @@ function getPublicPath({
     publicPath = dev.assetPrefix;
   } else if (dev.assetPrefix === true) {
     const protocol = context.devServer?.https ? "https" : "http";
-    const hostname = context.devServer?.hostname || DEFAULT_DEV_HOST3;
-    const port = context.devServer?.port || DEFAULT_PORT3;
-    if (hostname === DEFAULT_DEV_HOST3) {
+    const hostname = context.devServer?.hostname || DEFAULT_DEV_HOST;
+    const port = context.devServer?.port || DEFAULT_PORT;
+    if (hostname === DEFAULT_DEV_HOST) {
       const localHostname = "localhost";
       publicPath = `${protocol}://${localHostname}:${port}/`;
     } else {
@@ -3781,6 +3850,7 @@ var init_output = __esm({
   "src/plugins/output.ts"() {
     "use strict";
     init_esm();
+    init_constants();
     init_helpers();
     init_pluginHelper();
     init_css();
@@ -3798,7 +3868,18 @@ var init_output = __esm({
             const jsPath = getDistPath3(config, "js");
             const jsAsyncPath = getDistPath3(config, "jsAsync");
             const jsFilename = getFilename2(config, "js", isProd5);
-            chain.output.path(api.context.distPath).filename(posix.join(jsPath, jsFilename)).chunkFilename(posix.join(jsAsyncPath, jsFilename)).publicPath(publicPath).pathinfo(false).hashFunction("xxhash64");
+            const isJsFilenameFn = typeof jsFilename === "function";
+            chain.output.path(api.context.distPath).filename(
+              isJsFilenameFn ? (...args) => {
+                const name = jsFilename(...args);
+                return posix.join(jsPath, name);
+              } : posix.join(jsPath, jsFilename)
+            ).chunkFilename(
+              isJsFilenameFn ? (...args) => {
+                const name = jsFilename(...args);
+                return posix.join(jsAsyncPath, name);
+              } : posix.join(jsAsyncPath, jsFilename)
+            ).publicPath(publicPath).pathinfo(false).hashFunction("xxhash64");
             if (isServer) {
               const serverPath = getDistPath3(config, "server");
               chain.output.path(posix.join(api.context.distPath, serverPath)).filename("[name].js").chunkFilename("[name].js").library({
@@ -3935,7 +4016,7 @@ __export(fileSize_exports, {
   pluginFileSize: () => pluginFileSize
 });
 import path7 from "path";
-import { JS_REGEX, fse as fse3 } from "@rsbuild/shared";
+import { JS_REGEX, fse as fse4 } from "@rsbuild/shared";
 import { color as color9, logger as logger11 } from "@rsbuild/shared";
 async function printHeader(longestFileLength, longestLabelLength) {
   const longestLengths = [longestFileLength, longestLabelLength];
@@ -3956,7 +4037,7 @@ async function printFileSizes(config, stats, rootPath) {
   const { default: gzipSize } = await import("@rsbuild/shared/gzip-size");
   const formatAsset = (asset, distPath, distFolder) => {
     const fileName = asset.name.split("?")[0];
-    const contents = fse3.readFileSync(path7.join(distPath, fileName));
+    const contents = fse4.readFileSync(path7.join(distPath, fileName));
     const size = contents.length;
     const gzippedSize = gzipSize.sync(contents);
     return {
@@ -4109,15 +4190,15 @@ __export(cleanOutput_exports, {
   pluginCleanOutput: () => pluginCleanOutput
 });
 import { sep } from "path";
-import { color as color10, fse as fse4, logger as logger12 } from "@rsbuild/shared";
+import { color as color10, fse as fse5, logger as logger12 } from "@rsbuild/shared";
 var emptyDir, addTrailingSep, isStrictSubdir, pluginCleanOutput;
 var init_cleanOutput = __esm({
   "src/plugins/cleanOutput.ts"() {
     "use strict";
     init_esm();
     emptyDir = async (dir) => {
-      if (await fse4.pathExists(dir)) {
-        await fse4.emptyDir(dir);
+      if (await fse5.pathExists(dir)) {
+        await fse5.emptyDir(dir);
       }
     };
     addTrailingSep = (dir) => dir.endsWith(sep) ? dir : dir + sep;
@@ -4164,14 +4245,7 @@ __export(asset_exports, {
   pluginAsset: () => pluginAsset
 });
 import path8 from "path";
-import {
-  AUDIO_EXTENSIONS,
-  FONT_EXTENSIONS,
-  IMAGE_EXTENSIONS,
-  VIDEO_EXTENSIONS,
-  getDistPath as getDistPath4,
-  getFilename as getFilename3
-} from "@rsbuild/shared";
+import { getDistPath as getDistPath4, getFilename as getFilename3 } from "@rsbuild/shared";
 function getRegExpForExts(exts) {
   const matcher = exts.map((ext) => ext.trim()).map((ext) => ext.startsWith(".") ? ext.slice(1) : ext).join("|");
   return new RegExp(
@@ -4184,6 +4258,7 @@ var init_asset = __esm({
   "src/plugins/asset.ts"() {
     "use strict";
     init_esm();
+    init_constants();
     chainStaticAssetRule = ({
       emit,
       rule,
@@ -4540,20 +4615,18 @@ var init_HtmlBasicPlugin = __esm({
               addTitleTag(headTags, data.plugin.options?.title);
             }
             addFavicon(headTags, favicon);
-            const result = await this.modifyTagsFn(
-              {
-                headTags: headTags.map(formatBasicTag),
-                bodyTags: bodyTags.map(formatBasicTag)
-              },
-              {
-                compilation,
-                assetPrefix: data.publicPath,
-                filename: data.outputName
-              }
-            );
+            const tags = {
+              headTags: headTags.map(formatBasicTag),
+              bodyTags: bodyTags.map(formatBasicTag)
+            };
+            const modified = this.modifyTagsFn ? await this.modifyTagsFn(tags, {
+              compilation,
+              assetPrefix: data.publicPath,
+              filename: data.outputName
+            }) : tags;
             Object.assign(data, {
-              headTags: result.headTags.map(fromBasicTag),
-              bodyTags: result.bodyTags.map(fromBasicTag)
+              headTags: modified.headTags.map(fromBasicTag),
+              bodyTags: modified.bodyTags.map(fromBasicTag)
             });
             if (tagConfig) {
               const hash = compilation.hash ?? "";
@@ -4652,7 +4725,7 @@ import {
   castArray as castArray5,
   color as color11,
   deepmerge as deepmerge4,
-  fse as fse5,
+  fse as fse6,
   getDistPath as getDistPath5,
   isHtmlDisabled,
   isPlainObject as isPlainObject3,
@@ -4750,7 +4823,7 @@ async function getTemplate(entryName, config, rootPath) {
     }
     existTemplatePath.push(absolutePath);
   }
-  const templateContent = await fse5.readFile(absolutePath, "utf-8");
+  const templateContent = await fse6.readFile(absolutePath, "utf-8");
   return {
     templatePath: absolutePath,
     templateContent
@@ -5176,7 +5249,7 @@ async function getDefaultSwcConfig(config, rootPath, target) {
     }
   };
 }
-async function applyCoreJs(swcConfig, chain, polyfillMode) {
+async function applyCoreJs(swcConfig, polyfillMode) {
   const coreJsPath = __require.resolve("core-js/package.json");
   const version2 = getCoreJsVersion(coreJsPath);
   const coreJsDir = path11.dirname(coreJsPath);
@@ -5184,9 +5257,7 @@ async function applyCoreJs(swcConfig, chain, polyfillMode) {
   if (polyfillMode === "usage") {
     swcConfig.env.shippedProposals = true;
   }
-  chain.resolve.alias.merge({
-    "core-js": coreJsDir
-  });
+  return coreJsDir;
 }
 function applyTransformImport(swcConfig, pluginImport) {
   if (pluginImport !== false && pluginImport) {
@@ -5231,6 +5302,9 @@ var init_swc = __esm({
           handler: async (chain, { CHAIN_ID: CHAIN_ID3, target }) => {
             const config = api.getNormalizedConfig();
             const rule = chain.module.rule(CHAIN_ID3.RULE.JS).test(SCRIPT_REGEX).type("javascript/auto");
+            const dataUriRule = chain.module.rule(CHAIN_ID3.RULE.JS_DATA_URI).mimetype({
+              or: ["text/javascript", "application/javascript"]
+            });
             applyScriptCondition({
               rule,
               chain,
@@ -5258,7 +5332,10 @@ var init_swc = __esm({
                 swcConfig.env.mode = void 0;
               } else {
                 swcConfig.env.mode = polyfillMode;
-                await applyCoreJs(swcConfig, chain, polyfillMode);
+                const coreJsDir = await applyCoreJs(swcConfig, polyfillMode);
+                for (const item of [rule, dataUriRule]) {
+                  item.resolve.alias.set("core-js", coreJsDir);
+                }
               }
             }
             const mergedSwcConfig = reduceConfigs2({
@@ -5267,9 +5344,7 @@ var init_swc = __esm({
               mergeFn: deepmerge5
             });
             rule.use(CHAIN_ID3.USE.SWC).loader(builtinSwcLoaderName).options(mergedSwcConfig);
-            chain.module.rule(CHAIN_ID3.RULE.JS_DATA_URI).mimetype({
-              or: ["text/javascript", "application/javascript"]
-            }).resolve.set("fullySpecified", false).end().use(CHAIN_ID3.USE.SWC).loader(builtinSwcLoaderName).options(cloneDeep(mergedSwcConfig));
+            dataUriRule.resolve.set("fullySpecified", false).end().use(CHAIN_ID3.USE.SWC).loader(builtinSwcLoaderName).options(cloneDeep(mergedSwcConfig));
           }
         });
       }
@@ -5512,10 +5587,7 @@ var init_splitChunks = __esm({
               rootPath: api.context.rootPath,
               polyfill: config.output.polyfill
             });
-            chain.optimization.splitChunks(
-              // @ts-expect-error splitChunks type mismatch
-              splitChunksOptions
-            );
+            chain.optimization.splitChunks(splitChunksOptions);
           }
         );
       }
@@ -5523,16 +5595,22 @@ var init_splitChunks = __esm({
   }
 });
 
-// src/plugins/startUrl.ts
-var startUrl_exports = {};
-__export(startUrl_exports, {
+// src/plugins/open.ts
+var open_exports = {};
+__export(open_exports, {
   openBrowser: () => openBrowser,
-  pluginStartUrl: () => pluginStartUrl,
-  replacePlaceholder: () => replacePlaceholder
+  pluginOpen: () => pluginOpen,
+  replacePlaceholder: () => replacePlaceholder,
+  resolveUrl: () => resolveUrl
 });
 import { exec } from "child_process";
 import { promisify } from "util";
-import { castArray as castArray6, debug as debug7, logger as logger13 } from "@rsbuild/shared";
+import {
+  canParse,
+  castArray as castArray6,
+  debug as debug7,
+  logger as logger13
+} from "@rsbuild/shared";
 async function openBrowser(url2) {
   const shouldTryOpenChromeWithAppleScript = process.platform === "darwin";
   if (shouldTryOpenChromeWithAppleScript) {
@@ -5565,30 +5643,44 @@ async function openBrowser(url2) {
     return false;
   }
 }
-function pluginStartUrl() {
+function resolveUrl(str, base) {
+  if (canParse(str)) {
+    return str;
+  }
+  try {
+    const url2 = new URL(str, base);
+    return url2.href;
+  } catch (e) {
+    throw new Error(
+      "[rsbuild:open]: Invalid input: not a valid URL or pathname"
+    );
+  }
+}
+function pluginOpen() {
   return {
-    name: "rsbuild:start-url",
+    name: "rsbuild:open",
     setup(api) {
       const onStartServer = async (params) => {
         const { port, routes } = params;
         const config = api.getNormalizedConfig();
-        const { startUrl, beforeStartUrl } = config.dev;
         const { https } = api.context.devServer || {};
+        const { targets, before } = normalizeOpenConfig(config);
         const isCodesandbox = process.env.CSB === "true";
-        const shouldOpen = Boolean(startUrl) && !isCodesandbox;
+        const shouldOpen = targets !== void 0 && !isCodesandbox;
         if (!shouldOpen) {
           return;
         }
         const urls = [];
-        if (startUrl === true || !startUrl) {
-          const protocol = https ? "https" : "http";
+        const protocol = https ? "https" : "http";
+        const baseUrl = `${protocol}://localhost:${port}`;
+        if (!targets.length) {
           if (routes.length) {
-            urls.push(`${protocol}://localhost:${port}${routes[0].pathname}`);
+            urls.push(`${baseUrl}${routes[0].pathname}`);
           }
         } else {
           urls.push(
-            ...castArray6(startUrl).map(
-              (item) => replacePlaceholder(item, port)
+            ...targets.map(
+              (target) => resolveUrl(replacePlaceholder(target, port), baseUrl)
             )
           );
         }
@@ -5600,22 +5692,19 @@ function pluginStartUrl() {
             }
           }
         };
-        if (beforeStartUrl) {
-          Promise.all(castArray6(beforeStartUrl).map((fn) => fn())).then(
-            openUrls
-          );
-        } else {
-          openUrls();
+        if (before) {
+          await before();
         }
+        openUrls();
       };
       api.onAfterStartDevServer(onStartServer);
       api.onAfterStartProdServer(onStartServer);
     }
   };
 }
-var execAsync, supportedChromiumBrowsers, getTargetBrowser, replacePlaceholder, openedURLs;
-var init_startUrl = __esm({
-  "src/plugins/startUrl.ts"() {
+var execAsync, supportedChromiumBrowsers, getTargetBrowser, replacePlaceholder, openedURLs, normalizeOpenConfig;
+var init_open = __esm({
+  "src/plugins/open.ts"() {
     "use strict";
     init_esm();
     init_constants();
@@ -5640,6 +5729,26 @@ var init_startUrl = __esm({
     };
     replacePlaceholder = (url2, port) => url2.replace(/<port>/g, String(port));
     openedURLs = [];
+    normalizeOpenConfig = (config) => {
+      const open = config.server.open || config.dev.startUrl;
+      const { beforeStartUrl } = config.dev;
+      if (open === false) {
+        return {};
+      }
+      if (open === true) {
+        return { targets: [], before: beforeStartUrl };
+      }
+      if (typeof open === "string") {
+        return { targets: [open], before: beforeStartUrl };
+      }
+      if (Array.isArray(open)) {
+        return { targets: open, before: beforeStartUrl };
+      }
+      return {
+        targets: open.target ? castArray6(open.target) : [],
+        before: open.before
+      };
+    };
   }
 });
 
@@ -6027,12 +6136,6 @@ var init_extractChunks = __esm({
 // src/rspack/preload/helpers/determineAsValue.ts
 import path12 from "path";
 import { URL as URL2 } from "url";
-import {
-  AUDIO_EXTENSIONS as AUDIO_EXTENSIONS2,
-  FONT_EXTENSIONS as FONT_EXTENSIONS2,
-  IMAGE_EXTENSIONS as IMAGE_EXTENSIONS2,
-  VIDEO_EXTENSIONS as VIDEO_EXTENSIONS2
-} from "@rsbuild/shared";
 function determineAsValue({
   href,
   file
@@ -6042,16 +6145,16 @@ function determineAsValue({
   if (["css"].includes(extension)) {
     return "style";
   }
-  if (IMAGE_EXTENSIONS2.includes(extension)) {
+  if (IMAGE_EXTENSIONS.includes(extension)) {
     return "image";
   }
-  if (VIDEO_EXTENSIONS2.includes(extension)) {
+  if (VIDEO_EXTENSIONS.includes(extension)) {
     return "video";
   }
-  if (AUDIO_EXTENSIONS2.includes(extension)) {
+  if (AUDIO_EXTENSIONS.includes(extension)) {
     return "audio";
   }
-  if (FONT_EXTENSIONS2.includes(extension)) {
+  if (FONT_EXTENSIONS.includes(extension)) {
     return "font";
   }
   if (["vtt"].includes(extension)) {
@@ -6063,6 +6166,7 @@ var init_determineAsValue = __esm({
   "src/rspack/preload/helpers/determineAsValue.ts"() {
     "use strict";
     init_esm();
+    init_constants();
   }
 });
 
@@ -6133,7 +6237,7 @@ __export(HtmlPreloadOrPrefetchPlugin_exports, {
 });
 import {
   getPublicPathFromCompiler as getPublicPathFromCompiler4,
-  upperFirst,
+  upperFirst as upperFirst2,
   withPublicPath as withPublicPath3
 } from "@rsbuild/shared";
 function filterResourceHints(resourceHints, scripts) {
@@ -6235,7 +6339,7 @@ var init_HtmlPreloadOrPrefetchPlugin = __esm({
       apply(compiler) {
         compiler.hooks.compilation.tap(this.constructor.name, (compilation) => {
           getHTMLPlugin().getHooks(compilation).beforeAssetTagGeneration.tap(
-            `HTML${upperFirst(this.type)}Plugin`,
+            `HTML${upperFirst2(this.type)}Plugin`,
             (htmlPluginData) => {
               this.resourceHints = generateLinks(
                 this.options,
@@ -6248,7 +6352,7 @@ var init_HtmlPreloadOrPrefetchPlugin = __esm({
             }
           );
           getHTMLPlugin().getHooks(compilation).alterAssetTags.tap(
-            `HTML${upperFirst(this.type)}Plugin`,
+            `HTML${upperFirst2(this.type)}Plugin`,
             (htmlPluginData) => {
               if (this.resourceHints) {
                 htmlPluginData.assetTags.styles = [
@@ -6380,7 +6484,7 @@ __export(server_exports, {
   pluginServer: () => pluginServer
 });
 import { isAbsolute as isAbsolute7, join as join11 } from "path";
-import { fse as fse6 } from "@rsbuild/shared";
+import { fse as fse7 } from "@rsbuild/shared";
 var pluginServer;
 var init_server = __esm({
   "src/plugins/server.ts"() {
@@ -6397,11 +6501,11 @@ var init_server = __esm({
               return;
             }
             const publicDir = isAbsolute7(name) ? name : join11(api.context.rootPath, name);
-            if (!fse6.existsSync(publicDir)) {
+            if (!fse7.existsSync(publicDir)) {
               return;
             }
             try {
-              await fse6.copy(publicDir, api.context.distPath, {
+              await fse7.copy(publicDir, api.context.distPath, {
                 // dereference symlinks
                 dereference: true
               });
@@ -6516,7 +6620,6 @@ var init_manifest = __esm({
       name: "rsbuild:manifest",
       setup(api) {
         api.modifyBundlerChain(async (chain, { CHAIN_ID: CHAIN_ID3 }) => {
-          const htmlPaths = api.getHTMLPaths();
           const {
             output: { manifest }
           } = api.getNormalizedConfig();
@@ -6525,6 +6628,7 @@ var init_manifest = __esm({
           }
           const fileName = typeof manifest === "string" ? manifest : "manifest.json";
           const { RspackManifestPlugin } = await import("../compiled/rspack-manifest-plugin/index.js");
+          const htmlPaths = api.getHTMLPaths();
           chain.plugin(CHAIN_ID3.PLUGIN.MANIFEST).use(RspackManifestPlugin, [
             {
               fileName,
@@ -6653,7 +6757,7 @@ __export(rspackProfile_exports, {
 });
 import inspector from "inspector";
 import path13 from "path";
-import { fse as fse7 } from "@rsbuild/shared";
+import { fse as fse8 } from "@rsbuild/shared";
 import { logger as logger15 } from "@rsbuild/shared";
 import { rspack as rspack9 } from "@rspack/core";
 var stopProfiler, pluginRspackProfile;
@@ -6670,7 +6774,7 @@ var init_rspackProfile = __esm({
           logger15.error("Failed to generate JS CPU profile:", error);
           return;
         }
-        fse7.writeFileSync(output, JSON.stringify(param.profile));
+        fse8.writeFileSync(output, JSON.stringify(param.profile));
       });
     };
     pluginRspackProfile = () => ({
@@ -6696,7 +6800,7 @@ var init_rspackProfile = __esm({
         const cpuProfilePath = path13.join(profileDir, "jscpuprofile.json");
         const loggingFilePath = path13.join(profileDir, "logging.json");
         const onStart = () => {
-          fse7.ensureDirSync(profileDir);
+          fse8.ensureDirSync(profileDir);
           if (enableProfileTrace) {
             rspack9.experimental_registerGlobalTrace(
               "trace",
@@ -6720,7 +6824,7 @@ var init_rspackProfile = __esm({
               logging: "verbose",
               loggingTrace: true
             });
-            fse7.writeFileSync(loggingFilePath, JSON.stringify(logging));
+            fse8.writeFileSync(loggingFilePath, JSON.stringify(logging));
           }
         });
         api.onExit(() => {
@@ -6758,12 +6862,10 @@ var init_lazyCompilation = __esm({
           if (!options) {
             return;
           }
-          const clientRegExp = /[\\/]core[\\/]dist[\\/]client[\\/]/;
           const cssRegExp = /\.(?:css|less|sass|scss|styl|stylus)$/;
           const isExcludedModule = (name) => {
             return (
-              // alway include Rsbuild client code, such as HMR
-              clientRegExp.test(name) || // exclude CSS files because Rspack does not support it yet
+              // exclude CSS files because Rspack does not support it yet
               // TODO: remove this after Rspack supporting it
               cssRegExp.test(name)
             );
@@ -7061,7 +7163,7 @@ async function applyDefaultPlugins(pluginManager, context) {
   const { pluginSwc: pluginSwc2 } = await Promise.resolve().then(() => (init_swc(), swc_exports));
   const { pluginExternals: pluginExternals2 } = await Promise.resolve().then(() => (init_externals(), externals_exports));
   const { pluginSplitChunks: pluginSplitChunks2 } = await Promise.resolve().then(() => (init_splitChunks(), splitChunks_exports));
-  const { pluginStartUrl: pluginStartUrl2 } = await Promise.resolve().then(() => (init_startUrl(), startUrl_exports));
+  const { pluginOpen: pluginOpen2 } = await Promise.resolve().then(() => (init_open(), open_exports));
   const { pluginInlineChunk: pluginInlineChunk2 } = await Promise.resolve().then(() => (init_inlineChunk(), inlineChunk_exports));
   const { pluginBundleAnalyzer: pluginBundleAnalyzer2 } = await Promise.resolve().then(() => (init_bundleAnalyzer(), bundleAnalyzer_exports));
   const { pluginRsdoctor: pluginRsdoctor2 } = await Promise.resolve().then(() => (init_rsdoctor(), rsdoctor_exports));
@@ -7099,7 +7201,7 @@ async function applyDefaultPlugins(pluginManager, context) {
     pluginSwc2(),
     pluginExternals2(),
     pluginSplitChunks2(),
-    pluginStartUrl2(),
+    pluginOpen2(),
     pluginInlineChunk2(),
     pluginBundleAnalyzer2(),
     pluginRsdoctor2(),
@@ -7247,9 +7349,9 @@ async function init({
       ...envs.publicVars,
       ...config.source.define
     };
-    if (commonOpts.open && !config.dev?.startUrl) {
-      config.dev ||= {};
-      config.dev.startUrl = commonOpts.open;
+    if (commonOpts.open && !config.server?.open) {
+      config.server ||= {};
+      config.server.open = commonOpts.open;
     }
     if (commonOpts.host) {
       config.server ||= {};
@@ -7302,10 +7404,12 @@ __export(internal_exports, {
   initHooks: () => initHooks,
   initPlugins: () => initPlugins,
   initRsbuildConfig: () => initRsbuildConfig,
+  outputInspectConfigFiles: () => outputInspectConfigFiles,
   prepareCli: () => prepareCli,
   runCli: () => runCli,
   setHTMLPlugin: () => setHTMLPlugin,
-  startProdServer: () => startProdServer
+  startProdServer: () => startProdServer,
+  stringifyConfig: () => stringifyConfig
 });
 init_esm();
 
@@ -7330,7 +7434,7 @@ var applyServerOptions = (command) => {
   command.option("-o --open [url]", "open the page in browser on startup").option("--port <port>", "specify a port number for server to listen").option("--host <host>", "specify the host that the server listens to");
 };
 function runCli() {
-  program.name("rsbuild").usage("<command> [options]").version("0.7.3");
+  program.name("rsbuild").usage("<command> [options]").version("0.7.5");
   const devCommand = program.command("dev");
   const buildCommand = program.command("build");
   const previewCommand = program.command("preview");
@@ -7421,7 +7525,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  logger19.greet(`  ${`Rsbuild v${"0.7.3"}`}
+  logger19.greet(`  ${`Rsbuild v${"0.7.5"}`}
 `);
 }
 
@@ -7429,6 +7533,7 @@ function prepareCli() {
 init_pluginManager();
 init_initHooks();
 init_initConfigs();
+init_config();
 init_pluginHelper();
 init_helpers();
 init_rspackConfig();
@@ -7448,7 +7553,7 @@ init_config();
 init_mergeConfig();
 init_constants();
 import { logger as logger20 } from "@rsbuild/shared";
-var version = "0.7.3";
+var version = "0.7.5";
 export {
   PLUGIN_CSS_NAME,
   PLUGIN_SWC_NAME,