@rsbuild/core 0.7.6 → 0.7.8

package/dist/index.js

@@ -23,12 +23,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// ../../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
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.52.0_eslint@9.5.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.52.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.5.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());
@@ -78,16 +78,16 @@ function hintUnknownFiles(message) {
   }
   return message;
 }
-function formatMessage(stats) {
+function formatMessage(stats, verbose) {
   let lines = [];
   let message;
   if (typeof stats === "object") {
     const fileName = resolveFileName(stats);
     const mainMessage = stats.message;
-    const details = stats.details ? `
+    const details = verbose && stats.details ? `
 Details: ${stats.details}
 ` : "";
-    const stack = stats.stack ? `
+    const stack = verbose && stats.stack ? `
 ${stats.stack}` : "";
     message = `${fileName}${mainMessage}${details}${stack}`;
   } else {
@@ -99,11 +99,15 @@ ${stats.stack}` : "";
     (line, index, arr) => index === 0 || line.trim() !== "" || line.trim() !== arr[index - 1].trim()
   );
   message = lines.join("\n");
+  const innerError = "-- inner error --";
+  if (!verbose && message.includes(innerError)) {
+    message = message.split(innerError)[0];
+  }
   return message.trim();
 }
-function formatStatsMessages(stats) {
-  const formattedErrors = stats.errors?.map(formatMessage) || [];
-  const formattedWarnings = stats.warnings?.map(formatMessage) || [];
+function formatStatsMessages(stats, verbose) {
+  const formattedErrors = stats.errors?.map((error) => formatMessage(error, verbose)) || [];
+  const formattedWarnings = stats.warnings?.map((warning) => formatMessage(warning, verbose)) || [];
   return {
     errors: formattedErrors,
     warnings: formattedWarnings
@@ -169,12 +173,14 @@ var init_constants = __esm({
 });
 
 // src/helpers.ts
-import path2 from "path";
+import path2, { posix } from "path";
 import {
   DEFAULT_ASSET_PREFIX,
   addTrailingSlash,
   color,
+  isDebug,
   isMultiCompiler,
+  isProd,
   removeTailingSlash
 } from "@rsbuild/shared";
 import { fse } from "@rsbuild/shared";
@@ -215,10 +221,14 @@ function formatStats(stats, options = {}) {
       ...options
     } : options
   );
-  const { errors, warnings } = formatStatsMessages({
-    errors: getAllStatsErrors(statsData),
-    warnings: getAllStatsWarnings(statsData)
-  });
+  const { errors, warnings } = formatStatsMessages(
+    {
+      errors: getAllStatsErrors(statsData),
+      warnings: getAllStatsWarnings(statsData)
+    },
+    // display verbose messages in prod build or debug mode
+    isProd() || isDebug()
+  );
   if (stats.hasErrors()) {
     return {
       message: formatErrorMessage(errors),
@@ -242,7 +252,7 @@ function isEmptyDir(path14) {
 async function isFileExists(file) {
   return fse.promises.access(file, fse.constants.F_OK).then(() => true).catch(() => false);
 }
-var rspackMinVersion, compareSemver, isSatisfyRspackVersion, getCompiledPath, hintNodePolyfill, getAllStatsErrors, getAllStatsWarnings, formatPublicPath, getPublicPathFromChain, ensureAbsolutePath, isFileSync, findExists;
+var rspackMinVersion, compareSemver, isSatisfyRspackVersion, getCompiledPath, hintNodePolyfill, getAllStatsErrors, getAllStatsWarnings, formatPublicPath, getPublicPathFromChain, ensureAbsolutePath, isFileSync, findExists, urlJoin, canParse, ensureAssetPrefix;
 var init_helpers = __esm({
   "src/helpers.ts"() {
     "use strict";
@@ -384,6 +394,34 @@ ${color.yellow(tips.join("\n"))}`;
       }
       return false;
     };
+    urlJoin = (base, path14) => {
+      const fullUrl = new URL(base);
+      fullUrl.pathname = posix.join(fullUrl.pathname, path14);
+      return fullUrl.toString();
+    };
+    canParse = (url2) => {
+      try {
+        new URL(url2);
+        return true;
+      } catch {
+        return false;
+      }
+    };
+    ensureAssetPrefix = (url2, assetPrefix) => {
+      if (url2.startsWith("//")) {
+        return url2;
+      }
+      if (canParse(url2)) {
+        return url2;
+      }
+      if (assetPrefix.startsWith("http")) {
+        return urlJoin(assetPrefix, url2);
+      }
+      if (assetPrefix.startsWith("//")) {
+        return urlJoin(`https:${assetPrefix}`, url2).replace("https:", "");
+      }
+      return posix.join(assetPrefix, url2);
+    };
   }
 });
 
@@ -566,7 +604,7 @@ async function loadConfig({
     return config;
   };
   try {
-    const { default: jiti } = await import("@rsbuild/shared/jiti");
+    const { default: jiti } = await import("../compiled/jiti/index.js");
     const loadConfig2 = jiti(__filename, {
       esmResolve: true,
       // disable require cache to support restart CLI and read the new config
@@ -655,7 +693,7 @@ 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 getDefaultDevConfig, getDefaultServerConfig, getDefaultSourceConfig, getDefaultHtmlConfig, getDefaultSecurityConfig, getDefaultToolsConfig, getDefaultPerformanceConfig, getDefaultOutputConfig, createDefaultConfig, withDefaultConfig, normalizeConfig, resolveConfigPath, normalizePublicDirs;
 var init_config = __esm({
   "src/config.ts"() {
     "use strict";
@@ -680,12 +718,7 @@ var init_config = __esm({
       htmlFallback: "index",
       compress: true,
       printUrls: true,
-      strictPort: false,
-      publicDir: {
-        name: "public",
-        copyOnBuild: true,
-        watch: false
-      }
+      strictPort: false
     });
     getDefaultSourceConfig = () => ({
       alias: {},
@@ -826,6 +859,31 @@ var init_config = __esm({
       }
       return null;
     };
+    normalizePublicDirs = (publicDir) => {
+      if (publicDir === false) {
+        return [];
+      }
+      const defaultConfig = {
+        name: "public",
+        copyOnBuild: true,
+        watch: false
+      };
+      if (publicDir === void 0) {
+        return [defaultConfig];
+      }
+      if (Array.isArray(publicDir)) {
+        return publicDir.map((options) => ({
+          ...defaultConfig,
+          ...options
+        }));
+      }
+      return [
+        {
+          ...defaultConfig,
+          ...publicDir
+        }
+      ];
+    };
   }
 });
 
@@ -861,6 +919,7 @@ function loadEnv({
   for (const key of Object.keys(process.env)) {
     if (prefixes.some((prefix) => key.startsWith(prefix))) {
       const val = process.env[key];
+      publicVars[`import.meta.env.${key}`] = JSON.stringify(val);
       publicVars[`process.env.${key}`] = JSON.stringify(val);
     }
   }
@@ -1042,7 +1101,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   return {
     entry: getEntryObject(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.7.6",
+    version: "0.7.8",
     rootPath,
     distPath,
     cachePath,
@@ -1632,7 +1691,7 @@ var init_rspackConfig = __esm({
 // src/provider/initConfigs.ts
 import {
   debug as debug3,
-  isDebug
+  isDebug as isDebug2
 } from "@rsbuild/shared";
 async function modifyRsbuildConfig(context) {
   debug3("modify Rsbuild config");
@@ -1669,7 +1728,7 @@ async function initConfigs({
   const rspackConfigs = await Promise.all(
     targets.map((target) => generateRspackConfig({ target, context }))
   );
-  if (isDebug()) {
+  if (isDebug2()) {
     const inspect = () => {
       const inspectOptions = {
         verbose: true,
@@ -1780,7 +1839,7 @@ import {
   color as color6,
   debug as debug4,
   isDev,
-  isProd,
+  isProd as isProd2,
   logger as logger5,
   onCompileDone,
   prettyTime
@@ -1818,7 +1877,7 @@ async function createCompiler({
     }
     isCompiling = true;
   });
-  if (isProd()) {
+  if (isProd2()) {
     compiler.hooks.run.tap("rsbuild:run", logRspackVersion);
   }
   const done = async (stats) => {
@@ -1901,7 +1960,7 @@ import { parse as parse2 } from "url";
 import {
   color as color7,
   debug as debug5,
-  isDebug as isDebug2,
+  isDebug as isDebug3,
   logger as logger6
 } from "@rsbuild/shared";
 var faviconFallbackMiddleware, getStatusCodeColor, getRequestLoggerMiddleware, notFoundMiddleware, getHtmlFallbackMiddleware;
@@ -1986,7 +2045,7 @@ var init_middlewares = __esm({
           });
         };
         const rewrite = (newUrl, isFallback = false) => {
-          if (isFallback && isDebug2()) {
+          if (isFallback && isDebug3()) {
             debug5(
               `${req.method} ${color7.gray(
                 `${req.url} ${color7.yellow("fallback")} to ${newUrl}`
@@ -2113,12 +2172,13 @@ var init_proxy = __esm({
 // src/server/getDevMiddlewares.ts
 import { isAbsolute as isAbsolute4, join as join7 } from "path";
 import url from "url";
-import { isDebug as isDebug3 } from "@rsbuild/shared";
+import { isDebug as isDebug4 } from "@rsbuild/shared";
 var applySetupMiddlewares, applyDefaultMiddlewares, getMiddlewares;
 var init_getDevMiddlewares = __esm({
   "src/server/getDevMiddlewares.ts"() {
     "use strict";
     init_esm();
+    init_config();
     init_middlewares();
     applySetupMiddlewares = (dev, compileMiddlewareAPI) => {
       const setupMiddlewares = dev.setupMiddlewares || [];
@@ -2196,11 +2256,12 @@ var init_getDevMiddlewares = __esm({
           }
         });
       }
-      if (server.publicDir !== false && server.publicDir?.name) {
+      const publicDirs = normalizePublicDirs(server?.publicDir);
+      for (const publicDir of publicDirs) {
         const { default: sirv } = await import("../compiled/sirv/index.js");
-        const { name } = server.publicDir;
-        const publicDir = isAbsolute4(name) ? name : join7(pwd, name);
-        const assetMiddleware = sirv(publicDir, {
+        const { name } = publicDir;
+        const normalizedPath = isAbsolute4(name) ? name : join7(pwd, name);
+        const assetMiddleware = sirv(normalizedPath, {
           etag: true,
           dev: true
         });
@@ -2235,7 +2296,7 @@ var init_getDevMiddlewares = __esm({
     getMiddlewares = async (options) => {
       const middlewares = [];
       const { compileMiddlewareAPI } = options;
-      if (isDebug3()) {
+      if (isDebug4()) {
         middlewares.push(await getRequestLoggerMiddleware());
       }
       const { before, after } = applySetupMiddlewares(
@@ -2262,13 +2323,7 @@ var init_getDevMiddlewares = __esm({
 // src/server/helper.ts
 import net from "net";
 import os from "os";
-import {
-  color as color8,
-  deepmerge,
-  isFunction as isFunction4,
-  logger as logger8,
-  normalizeUrl
-} from "@rsbuild/shared";
+import { color as color8, deepmerge, isFunction as isFunction4, logger as logger8 } from "@rsbuild/shared";
 function getURLMessages(urls, routes) {
   if (routes.length === 1) {
     return urls.map(
@@ -2333,12 +2388,13 @@ function printServerURLs({
   logger8.log(message);
   return message;
 }
-var formatPrefix, formatRoutes, HMR_SOCK_PATH, getPort, getServerConfig, getDevConfig, getIpv4Interfaces, isLoopbackHost, getHostInUrl, concatUrl, LOCAL_LABEL, NETWORK_LABEL, getUrlLabel, getAddressUrls;
+var normalizeUrl, formatPrefix, formatRoutes, HMR_SOCK_PATH, getPort, getServerConfig, getDevConfig, getIpv4Interfaces, isLoopbackHost, getHostInUrl, concatUrl, LOCAL_LABEL, NETWORK_LABEL, getUrlLabel, getAddressUrls;
 var init_helper = __esm({
   "src/server/helper.ts"() {
     "use strict";
     init_esm();
     init_constants();
+    normalizeUrl = (url2) => url2.replace(/([^:]\/)\/+/g, "$1");
     formatPrefix = (prefix) => {
       if (!prefix) {
         return "/";
@@ -2593,11 +2649,15 @@ async function watchDevFiles(devConfig, compileMiddlewareAPI) {
   return startWatchFiles(watchOptions, compileMiddlewareAPI);
 }
 function watchServerFiles(serverConfig, compileMiddlewareAPI) {
-  const { publicDir } = serverConfig;
-  if (!publicDir || !publicDir.watch || !publicDir.name) {
+  const publicDirs = normalizePublicDirs(serverConfig.publicDir);
+  if (!publicDirs.length) {
+    return;
+  }
+  const watchPaths = publicDirs.filter((item) => item.watch).map((item) => item.name);
+  if (!watchPaths.length) {
     return;
   }
-  const watchOptions = prepareWatchOptions(publicDir.name);
+  const watchOptions = prepareWatchOptions(watchPaths);
   return startWatchFiles(watchOptions, compileMiddlewareAPI);
 }
 function prepareWatchOptions(paths, options = {}) {
@@ -2618,6 +2678,7 @@ var init_watchFiles = __esm({
   "src/server/watchFiles.ts"() {
     "use strict";
     init_esm();
+    init_config();
   }
 });
 
@@ -3047,189 +3108,12 @@ var init_devServer = __esm({
   }
 });
 
-// src/server/prodServer.ts
-var prodServer_exports = {};
-__export(prodServer_exports, {
-  RsbuildProdServer: () => RsbuildProdServer,
-  startProdServer: () => startProdServer
-});
-import { join as join8 } from "path";
-import {
-  getNodeEnv as getNodeEnv6,
-  isDebug as isDebug4,
-  setNodeEnv as setNodeEnv3
-} from "@rsbuild/shared";
-async function startProdServer(context, config, { getPortSilently } = {}) {
-  if (!getNodeEnv6()) {
-    setNodeEnv3("production");
-  }
-  const { port, host, https } = await getServerConfig({
-    config,
-    getPortSilently
-  });
-  const { default: connect } = await import("../compiled/connect/index.js");
-  const middlewares = connect();
-  const serverConfig = config.server;
-  const server = new RsbuildProdServer(
-    {
-      pwd: context.rootPath,
-      output: {
-        path: config.output.distPath.root || ROOT_DIST_DIR,
-        assetPrefix: config.output.assetPrefix
-      },
-      serverConfig
-    },
-    middlewares
-  );
-  await context.hooks.onBeforeStartProdServer.call();
-  const httpServer = await createHttpServer({
-    serverConfig,
-    middlewares: server.middlewares
-  });
-  await server.onInit(httpServer);
-  return new Promise((resolve) => {
-    httpServer.listen(
-      {
-        host,
-        port
-      },
-      async () => {
-        const routes = formatRoutes(
-          context.entry,
-          config.output.distPath.html,
-          config.html.outputStructure
-        );
-        await context.hooks.onAfterStartProdServer.call({
-          port,
-          routes
-        });
-        const protocol = https ? "https" : "http";
-        const urls = getAddressUrls({ protocol, port, host });
-        printServerURLs({
-          urls,
-          port,
-          routes,
-          protocol,
-          printUrls: serverConfig.printUrls
-        });
-        const onClose = () => {
-          server.close();
-          httpServer.close();
-        };
-        resolve({
-          port,
-          urls: urls.map((item) => item.url),
-          server: {
-            close: async () => {
-              onClose();
-            }
-          }
-        });
-      }
-    );
-  });
-}
-var RsbuildProdServer;
-var init_prodServer = __esm({
-  "src/server/prodServer.ts"() {
-    "use strict";
-    init_esm();
-    init_constants();
-    init_helper();
-    init_httpServer();
-    init_middlewares();
-    RsbuildProdServer = class {
-      constructor(options, middlewares) {
-        __publicField(this, "app");
-        __publicField(this, "options");
-        __publicField(this, "middlewares");
-        this.options = options;
-        this.middlewares = middlewares;
-      }
-      // Complete the preparation of services
-      async onInit(app) {
-        this.app = app;
-        await this.applyDefaultMiddlewares();
-      }
-      async applyDefaultMiddlewares() {
-        const { headers, proxy, historyApiFallback, compress } = this.options.serverConfig;
-        if (isDebug4()) {
-          this.middlewares.use(await getRequestLoggerMiddleware());
-        }
-        if (compress) {
-          const { default: compression } = await import("../compiled/http-compression/index.js");
-          this.middlewares.use((req, res, next) => {
-            compression({
-              gzip: true,
-              brotli: false
-            })(req, res, next);
-          });
-        }
-        if (headers) {
-          this.middlewares.use((_req, res, next) => {
-            for (const [key, value] of Object.entries(headers)) {
-              res.setHeader(key, value);
-            }
-            next();
-          });
-        }
-        if (proxy) {
-          const { createProxyMiddleware: createProxyMiddleware2 } = await Promise.resolve().then(() => (init_proxy(), proxy_exports));
-          const { middlewares, upgrade } = createProxyMiddleware2(proxy);
-          for (const middleware of middlewares) {
-            this.middlewares.use(middleware);
-          }
-          this.app.on("upgrade", upgrade);
-        }
-        this.applyStaticAssetMiddleware();
-        if (historyApiFallback) {
-          const { default: connectHistoryApiFallback } = await import("../compiled/connect-history-api-fallback/index.js");
-          const historyApiFallbackMiddleware = connectHistoryApiFallback(
-            historyApiFallback === true ? {} : historyApiFallback
-          );
-          this.middlewares.use(historyApiFallbackMiddleware);
-          await this.applyStaticAssetMiddleware();
-        }
-        this.middlewares.use(faviconFallbackMiddleware);
-      }
-      async applyStaticAssetMiddleware() {
-        const {
-          output: { path: path14, assetPrefix },
-          serverConfig: { htmlFallback },
-          pwd
-        } = this.options;
-        const { default: sirv } = await import("../compiled/sirv/index.js");
-        const assetMiddleware = sirv(join8(pwd, path14), {
-          etag: true,
-          dev: true,
-          ignores: ["favicon.ico"],
-          single: htmlFallback === "index"
-        });
-        this.middlewares.use((req, res, next) => {
-          const url2 = req.url;
-          if (assetPrefix && url2?.startsWith(assetPrefix)) {
-            req.url = url2.slice(assetPrefix.length);
-            assetMiddleware(req, res, (...args) => {
-              req.url = url2;
-              next(...args);
-            });
-          } else {
-            assetMiddleware(req, res, next);
-          }
-        });
-      }
-      close() {
-      }
-    };
-  }
-});
-
 // src/provider/build.ts
 var build_exports = {};
 __export(build_exports, {
   build: () => build
 });
-import { getNodeEnv as getNodeEnv7, logger as logger10, onCompileDone as onCompileDone2, setNodeEnv as setNodeEnv4 } from "@rsbuild/shared";
+import { getNodeEnv as getNodeEnv6, logger as logger10, onCompileDone as onCompileDone2, setNodeEnv as setNodeEnv3 } from "@rsbuild/shared";
 import { rspack as rspack4 } from "@rspack/core";
 var build;
 var init_build = __esm({
@@ -3239,8 +3123,8 @@ var init_build = __esm({
     init_createCompiler();
     init_initConfigs();
     build = async (initOptions, { mode = "production", watch, compiler: customCompiler } = {}) => {
-      if (!getNodeEnv7()) {
-        setNodeEnv4(mode);
+      if (!getNodeEnv6()) {
+        setNodeEnv3(mode);
       }
       const { context } = initOptions;
       let compiler;
@@ -3351,11 +3235,6 @@ var init_provider = __esm({
           );
           return server.listen();
         },
-        async preview(options) {
-          const { startProdServer: startProdServer2 } = await Promise.resolve().then(() => (init_prodServer(), prodServer_exports));
-          const config = await initRsbuildConfig({ context, pluginManager });
-          return startProdServer2(context, config, options);
-        },
         async build(options) {
           const { build: build2 } = await Promise.resolve().then(() => (init_build(), build_exports));
           return build2({ context, pluginManager, rsbuildOptions }, options);
@@ -3398,12 +3277,12 @@ var init_basic = __esm({
       name: "rsbuild:basic",
       setup(api) {
         api.modifyBundlerChain(
-          (chain, { env, isProd: isProd5, target, bundler, CHAIN_ID: CHAIN_ID3 }) => {
+          (chain, { env, isProd: isProd6, target, bundler, CHAIN_ID: CHAIN_ID3 }) => {
             const config = api.getNormalizedConfig();
             chain.name(TARGET_ID_MAP2[target]);
             chain.devtool(getJsSourceMap(config));
             chain.context(api.context.rootPath);
-            chain.mode(isProd5 ? "production" : "development");
+            chain.mode(isProd6 ? "production" : "development");
             chain.merge({
               infrastructureLogging: {
                 // Using `error` level to avoid `cache.PackFileCacheStrategy` logs
@@ -3416,9 +3295,9 @@ var init_basic = __esm({
                 exportsPresence: "error"
               }
             });
-            const isMinimize = isProd5 && config.output.minify !== false;
+            const isMinimize = isProd6 && config.output.minify !== false;
             chain.optimization.minimize(isMinimize);
-            const usingHMR = isUsingHMR(config, { target, isProd: isProd5 });
+            const usingHMR = isUsingHMR(config, { target, isProd: isProd6 });
             if (usingHMR) {
               chain.plugin(CHAIN_ID3.PLUGIN.HMR).use(bundler.HotModuleReplacementPlugin);
             }
@@ -3442,10 +3321,10 @@ __export(cache_exports, {
   pluginCache: () => pluginCache
 });
 import crypto from "crypto";
-import { isAbsolute as isAbsolute5, join as join9 } from "path";
+import { isAbsolute as isAbsolute5, join as join8 } from "path";
 import { fse as fse3 } from "@rsbuild/shared";
 async function validateCache(cacheDirectory, buildDependencies) {
-  const configFile = join9(cacheDirectory, "buildDependencies.json");
+  const configFile = join8(cacheDirectory, "buildDependencies.json");
   if (await isFileExists(configFile)) {
     const prevBuildDependencies = await fse3.readJSON(configFile);
     if (JSON.stringify(prevBuildDependencies) === JSON.stringify(buildDependencies)) {
@@ -3462,13 +3341,13 @@ function getDigestHash(digest) {
 }
 function getCacheDirectory({ cacheDirectory }, context) {
   if (cacheDirectory) {
-    return isAbsolute5(cacheDirectory) ? cacheDirectory : join9(context.rootPath, cacheDirectory);
+    return isAbsolute5(cacheDirectory) ? cacheDirectory : join8(context.rootPath, cacheDirectory);
   }
-  return join9(context.cachePath, context.bundlerType);
+  return join8(context.cachePath, context.bundlerType);
 }
 async function getBuildDependencies(context, config) {
-  const rootPackageJson = join9(context.rootPath, "package.json");
-  const browserslistConfig = join9(context.rootPath, ".browserslistrc");
+  const rootPackageJson = join8(context.rootPath, "package.json");
+  const browserslistConfig = join8(context.rootPath, ".browserslistrc");
   const buildDependencies = {};
   if (await isFileExists(rootPackageJson)) {
     buildDependencies.packageJson = [rootPackageJson];
@@ -3484,7 +3363,7 @@ async function getBuildDependencies(context, config) {
   }
   const tailwindExts = ["ts", "js", "cjs", "mjs"];
   const configs = tailwindExts.map(
-    (ext) => join9(context.rootPath, `tailwind.config.${ext}`)
+    (ext) => join8(context.rootPath, `tailwind.config.${ext}`)
   );
   const tailwindConfig = findExists(configs);
   if (tailwindConfig) {
@@ -3614,7 +3493,7 @@ async function applyCSSRule({
   rule,
   config,
   context,
-  utils: { target, isProd: isProd5, CHAIN_ID: CHAIN_ID3 },
+  utils: { target, isProd: isProd6, CHAIN_ID: CHAIN_ID3 },
   importLoaders = 1
 }) {
   const browserslist = await getBrowserslistWithDefault2(
@@ -3623,7 +3502,7 @@ async function applyCSSRule({
     target
   );
   const enableExtractCSS = isUseCssExtract(config, target);
-  const localIdentName = getCSSModulesLocalIdentName(config, isProd5);
+  const localIdentName = getCSSModulesLocalIdentName(config, isProd6);
   const cssLoaderOptions = getCSSLoaderOptions({
     config,
     importLoaders,
@@ -3665,8 +3544,8 @@ var init_css = __esm({
     init_pluginHelper();
     enableNativeCss = (config) => !config.output.injectStyles;
     isUseCssExtract = (config, target) => !config.output.injectStyles && target !== "node" && target !== "web-worker";
-    getCSSModulesLocalIdentName = (config, isProd5) => config.output.cssModules.localIdentName || // Using shorter classname in production to reduce bundle size
-    (isProd5 ? "[local]-[hash:base64:6]" : "[path][name]__[local]-[hash:base64:6]");
+    getCSSModulesLocalIdentName = (config, isProd6) => config.output.cssModules.localIdentName || // Using shorter classname in production to reduce bundle size
+    (isProd6 ? "[local]-[hash:base64:6]" : "[path][name]__[local]-[hash:base64:6]");
     normalizeCssLoaderOptions = (options, exportOnlyLocals) => {
       if (options.modules && exportOnlyLocals) {
         let { modules } = options;
@@ -3812,7 +3691,7 @@ var output_exports = {};
 __export(output_exports, {
   pluginOutput: () => pluginOutput
 });
-import { posix } from "path";
+import { posix as posix2 } from "path";
 import {
   DEFAULT_ASSET_PREFIX as DEFAULT_ASSET_PREFIX3,
   getDistPath as getDistPath3,
@@ -3820,13 +3699,13 @@ import {
 } from "@rsbuild/shared";
 import { rspack as rspack5 } from "@rspack/core";
 function getPublicPath({
-  isProd: isProd5,
+  isProd: isProd6,
   config,
   context
 }) {
   const { dev, output } = config;
   let publicPath = DEFAULT_ASSET_PREFIX3;
-  if (isProd5) {
+  if (isProd6) {
     if (typeof output.assetPrefix === "string") {
       publicPath = output.assetPrefix;
     }
@@ -3858,38 +3737,38 @@ var init_output = __esm({
       name: "rsbuild:output",
       setup(api) {
         api.modifyBundlerChain(
-          async (chain, { CHAIN_ID: CHAIN_ID3, target, isProd: isProd5, isServer, isServiceWorker }) => {
+          async (chain, { CHAIN_ID: CHAIN_ID3, target, isProd: isProd6, isServer, isServiceWorker }) => {
             const config = api.getNormalizedConfig();
             const publicPath = getPublicPath({
               config,
-              isProd: isProd5,
+              isProd: isProd6,
               context: api.context
             });
             const jsPath = getDistPath3(config, "js");
             const jsAsyncPath = getDistPath3(config, "jsAsync");
-            const jsFilename = getFilename2(config, "js", isProd5);
+            const jsFilename = getFilename2(config, "js", isProd6);
             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)
+                return posix2.join(jsPath, name);
+              } : posix2.join(jsPath, jsFilename)
             ).chunkFilename(
               isJsFilenameFn ? (...args) => {
                 const name = jsFilename(...args);
-                return posix.join(jsAsyncPath, name);
-              } : posix.join(jsAsyncPath, jsFilename)
+                return posix2.join(jsAsyncPath, name);
+              } : posix2.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({
+              chain.output.path(posix2.join(api.context.distPath, serverPath)).filename("[name].js").chunkFilename("[name].js").library({
                 ...chain.output.get("library") || {},
                 type: "commonjs2"
               });
             }
             if (isServiceWorker) {
               const workerPath = getDistPath3(config, "worker");
-              const filename = posix.join(workerPath, "[name].js");
+              const filename = posix2.join(workerPath, "[name].js");
               chain.output.filename(filename).chunkFilename(filename);
             }
             if (config.output.copy && api.context.bundlerType === "rspack") {
@@ -3900,12 +3779,12 @@ var init_output = __esm({
             if (isUseCssExtract(config, target)) {
               const extractPluginOptions = config.tools.cssExtract.pluginOptions;
               const cssPath = getDistPath3(config, "css");
-              const cssFilename = getFilename2(config, "css", isProd5);
+              const cssFilename = getFilename2(config, "css", isProd6);
               const cssAsyncPath = getDistPath3(config, "cssAsync");
               chain.plugin(CHAIN_ID3.PLUGIN.MINI_CSS_EXTRACT).use(getCssExtractPlugin(), [
                 {
-                  filename: posix.join(cssPath, cssFilename),
-                  chunkFilename: posix.join(cssAsyncPath, cssFilename),
+                  filename: posix2.join(cssPath, cssFilename),
+                  chunkFilename: posix2.join(cssAsyncPath, cssFilename),
                   ...extractPluginOptions
                 }
               ]);
@@ -4283,12 +4162,12 @@ var init_asset = __esm({
     pluginAsset = () => ({
       name: "rsbuild:asset",
       setup(api) {
-        api.modifyBundlerChain((chain, { isProd: isProd5, target }) => {
+        api.modifyBundlerChain((chain, { isProd: isProd6, target }) => {
           const config = api.getNormalizedConfig();
           const createAssetRule = (assetType, exts, emit2) => {
             const regExp = getRegExpForExts(exts);
             const distDir = getDistPath4(config, assetType);
-            const filename = getFilename3(config, assetType, isProd5);
+            const filename = getFilename3(config, assetType, isProd6);
             const { dataUriLimit } = config.output;
             const maxSize = typeof dataUriLimit === "number" ? dataUriLimit : dataUriLimit[assetType];
             const rule = chain.module.rule(assetType).test(regExp);
@@ -4371,9 +4250,9 @@ var init_minimize = __esm({
       }
       return options;
     };
-    parseMinifyOptions = (config, isProd5 = true) => {
+    parseMinifyOptions = (config, isProd6 = true) => {
       const minify = config.output.minify;
-      if (minify === false || !isProd5) {
+      if (minify === false || !isProd6) {
         return {
           minifyJs: false,
           minifyCss: false,
@@ -4405,9 +4284,9 @@ var init_minimize = __esm({
         if (api.context.bundlerType === "webpack") {
           return;
         }
-        api.modifyBundlerChain(async (chain, { isProd: isProd5 }) => {
+        api.modifyBundlerChain(async (chain, { isProd: isProd6 }) => {
           const config = api.getNormalizedConfig();
-          const isMinimize = isProd5 && config.output.minify !== false;
+          const isMinimize = isProd6 && config.output.minify !== false;
           if (!isMinimize) {
             return;
           }
@@ -4436,14 +4315,14 @@ __export(HtmlBasicPlugin_exports, {
 });
 import {
   isFunction as isFunction6,
-  partition,
-  withPublicPath
+  partition
 } from "@rsbuild/shared";
 var VOID_TAGS, HEAD_TAGS, FILE_ATTRS, hasTitle, getTagPriority, formatBasicTag, fromBasicTag, formatTags, applyTagConfig, addTitleTag, addFavicon, HtmlBasicPlugin;
 var init_HtmlBasicPlugin = __esm({
   "src/rspack/HtmlBasicPlugin.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
     init_pluginHelper();
     VOID_TAGS = [
       "area",
@@ -4518,9 +4397,9 @@ var init_HtmlBasicPlugin = __esm({
             if (typeof optPublicPath === "function") {
               filename = optPublicPath(filename, data.publicPath);
             } else if (typeof optPublicPath === "string") {
-              filename = withPublicPath(filename, optPublicPath);
+              filename = ensureAssetPrefix(filename, optPublicPath);
             } else if (optPublicPath !== false) {
-              filename = withPublicPath(filename, data.publicPath);
+              filename = ensureAssetPrefix(filename, data.publicPath);
             }
             const optHash = tag.hash ?? tagConfig.hash;
             if (typeof optHash === "function") {
@@ -4646,13 +4525,14 @@ __export(HtmlAppIconPlugin_exports, {
   HtmlAppIconPlugin: () => HtmlAppIconPlugin
 });
 import fs4 from "fs";
-import { basename, posix as posix2 } from "path";
-import { getPublicPathFromCompiler as getPublicPathFromCompiler2, withPublicPath as withPublicPath2 } from "@rsbuild/shared";
+import { basename, posix as posix3 } from "path";
+import { getPublicPathFromCompiler as getPublicPathFromCompiler2 } from "@rsbuild/shared";
 var HtmlAppIconPlugin;
 var init_HtmlAppIconPlugin = __esm({
   "src/rspack/HtmlAppIconPlugin.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
     init_pluginHelper();
     HtmlAppIconPlugin = class {
       constructor(options) {
@@ -4669,7 +4549,7 @@ var init_HtmlAppIconPlugin = __esm({
             `[${this.name}] Can not find the app icon, please check if the '${this.iconPath}' file exists'.`
           );
         }
-        const iconRelativePath = posix2.join(this.distDir, basename(this.iconPath));
+        const iconRelativePath = posix3.join(this.distDir, basename(this.iconPath));
         compiler.hooks.compilation.tap(this.name, (compilation) => {
           getHTMLPlugin().getHooks(compilation).alterAssetTagGroups.tap(this.name, (data) => {
             const publicPath = getPublicPathFromCompiler2(compiler);
@@ -4679,7 +4559,7 @@ var init_HtmlAppIconPlugin = __esm({
               attributes: {
                 rel: "apple-touch-icon",
                 sizes: "180*180",
-                href: withPublicPath2(iconRelativePath, publicPath)
+                href: ensureAssetPrefix(iconRelativePath, publicPath)
               },
               meta: {}
             });
@@ -4765,8 +4645,8 @@ function getTerserMinifyOptions(config) {
   const finalOptions = applyRemoveConsole(options, config);
   return finalOptions;
 }
-async function getHtmlMinifyOptions(isProd5, config) {
-  if (!isProd5 || !config.output.minify || !parseMinifyOptions(config).minifyHtml) {
+async function getHtmlMinifyOptions(isProd6, config) {
+  if (!isProd6 || !config.output.minify || !parseMinifyOptions(config).minifyHtml) {
     return false;
   }
   const minifyJS = getTerserMinifyOptions(config);
@@ -4916,12 +4796,12 @@ var init_html = __esm({
       name: "rsbuild:html",
       setup(api) {
         api.modifyBundlerChain(
-          async (chain, { HtmlPlugin, isProd: isProd5, CHAIN_ID: CHAIN_ID3, target }) => {
+          async (chain, { HtmlPlugin, isProd: isProd6, CHAIN_ID: CHAIN_ID3, target }) => {
             const config = api.getNormalizedConfig();
             if (isHtmlDisabled(config, target)) {
               return;
             }
-            const minify = await getHtmlMinifyOptions(isProd5, config);
+            const minify = await getHtmlMinifyOptions(isProd6, config);
             const assetPrefix = getPublicPathFromChain(chain, false);
             const entries = chain.entryPoints.entries() || {};
             const entryNames = Object.keys(entries);
@@ -5032,7 +4912,7 @@ var wasm_exports = {};
 __export(wasm_exports, {
   pluginWasm: () => pluginWasm
 });
-import { posix as posix3 } from "path";
+import { posix as posix4 } from "path";
 import { getDistPath as getDistPath6 } from "@rsbuild/shared";
 var pluginWasm;
 var init_wasm = __esm({
@@ -5049,7 +4929,7 @@ var init_wasm = __esm({
             ...chain.get("experiments"),
             asyncWebAssembly: true
           });
-          const wasmFilename = posix3.join(distPath, "[hash].module.wasm");
+          const wasmFilename = posix4.join(distPath, "[hash].module.wasm");
           chain.output.merge({
             webassemblyModuleFilename: wasmFilename
           });
@@ -5148,7 +5028,7 @@ var define_exports = {};
 __export(define_exports, {
   pluginDefine: () => pluginDefine
 });
-import { getNodeEnv as getNodeEnv8 } from "@rsbuild/shared";
+import { getNodeEnv as getNodeEnv7 } from "@rsbuild/shared";
 var pluginDefine;
 var init_define = __esm({
   "src/plugins/define.ts"() {
@@ -5161,7 +5041,7 @@ var init_define = __esm({
         api.modifyBundlerChain((chain, { CHAIN_ID: CHAIN_ID3, bundler }) => {
           const config = api.getNormalizedConfig();
           const builtinVars = {
-            "process.env.NODE_ENV": JSON.stringify(getNodeEnv8()),
+            "process.env.NODE_ENV": JSON.stringify(getNodeEnv7()),
             "process.env.ASSET_PREFIX": JSON.stringify(
               getPublicPathFromChain(chain, false)
             )
@@ -5180,7 +5060,7 @@ var progress_exports = {};
 __export(progress_exports, {
   pluginProgress: () => pluginProgress
 });
-import { TARGET_ID_MAP as TARGET_ID_MAP3, isProd as isProd2 } from "@rsbuild/shared";
+import { TARGET_ID_MAP as TARGET_ID_MAP3, isProd as isProd3 } from "@rsbuild/shared";
 import { rspack as rspack7 } from "@rspack/core";
 var pluginProgress;
 var init_progress = __esm({
@@ -5196,7 +5076,7 @@ var init_progress = __esm({
         api.modifyBundlerChain(async (chain, { target, CHAIN_ID: CHAIN_ID3 }) => {
           const config = api.getNormalizedConfig();
           const options = config.dev.progressBar ?? // enable progress bar in production by default
-          isProd2();
+          isProd3();
           if (!options) {
             return;
           }
@@ -5605,12 +5485,7 @@ __export(open_exports, {
 });
 import { exec } from "child_process";
 import { promisify } from "util";
-import {
-  canParse,
-  castArray as castArray6,
-  debug as debug7,
-  logger as logger13
-} from "@rsbuild/shared";
+import { castArray as castArray6, debug as debug7, logger as logger13 } from "@rsbuild/shared";
 async function openBrowser(url2) {
   const shouldTryOpenChromeWithAppleScript = process.platform === "darwin";
   if (shouldTryOpenChromeWithAppleScript) {
@@ -5708,6 +5583,7 @@ var init_open = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_helpers();
     execAsync = promisify(exec);
     supportedChromiumBrowsers = [
       "Google Chrome Canary",
@@ -5757,7 +5633,7 @@ var InlineChunkHtmlPlugin_exports = {};
 __export(InlineChunkHtmlPlugin_exports, {
   InlineChunkHtmlPlugin: () => InlineChunkHtmlPlugin
 });
-import { join as join10 } from "path";
+import { join as join9 } from "path";
 import {
   addTrailingSlash as addTrailingSlash2,
   getPublicPathFromCompiler as getPublicPathFromCompiler3,
@@ -5801,7 +5677,7 @@ var init_InlineChunkHtmlPlugin = __esm({
         if (devtool && // If the source map is inlined, we do not need to update the sourceMappingURL
         !devtool.includes("inline") && source.includes("# sourceMappingURL")) {
           const prefix = addTrailingSlash2(
-            join10(publicPath, this.distPath[type] || "")
+            join9(publicPath, this.distPath[type] || "")
           );
           return source.replace(
             /# sourceMappingURL=/,
@@ -5988,13 +5864,13 @@ var bundleAnalyzer_exports = {};
 __export(bundleAnalyzer_exports, {
   pluginBundleAnalyzer: () => pluginBundleAnalyzer
 });
-import { isProd as isProd3 } from "@rsbuild/shared";
+import { isProd as isProd4 } from "@rsbuild/shared";
 function pluginBundleAnalyzer() {
   return {
     name: "rsbuild:bundle-analyzer",
     setup(api) {
       api.modifyRsbuildConfig((config) => {
-        if (isProd3() || !isUseAnalyzer(config)) {
+        if (isProd4() || !isUseAnalyzer(config)) {
           return;
         }
         config.dev ||= {};
@@ -6237,8 +6113,7 @@ __export(HtmlPreloadOrPrefetchPlugin_exports, {
 });
 import {
   getPublicPathFromCompiler as getPublicPathFromCompiler4,
-  upperFirst as upperFirst2,
-  withPublicPath as withPublicPath3
+  upperFirst as upperFirst2
 } from "@rsbuild/shared";
 function filterResourceHints(resourceHints, scripts) {
   return resourceHints.filter(
@@ -6285,7 +6160,7 @@ function generateLinks(options, type, compilation, htmlPluginData, HTMLCount) {
   const publicPath = getPublicPathFromCompiler4(compilation.compiler);
   const { crossOriginLoading } = compilation.compiler.options.output;
   for (const file of sortedFilteredFiles) {
-    const href = withPublicPath3(file, publicPath);
+    const href = ensureAssetPrefix(file, publicPath);
     const attributes = {
       href,
       rel: type
@@ -6318,6 +6193,7 @@ var init_HtmlPreloadOrPrefetchPlugin = __esm({
   "src/rspack/preload/HtmlPreloadOrPrefetchPlugin.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
     init_pluginHelper();
     init_helpers2();
     defaultOptions = {
@@ -6483,35 +6359,37 @@ var server_exports = {};
 __export(server_exports, {
   pluginServer: () => pluginServer
 });
-import { isAbsolute as isAbsolute7, join as join11 } from "path";
+import { isAbsolute as isAbsolute7, join as join10 } from "path";
 import { fse as fse7 } from "@rsbuild/shared";
 var pluginServer;
 var init_server = __esm({
   "src/plugins/server.ts"() {
     "use strict";
     init_esm();
+    init_config();
     pluginServer = () => ({
       name: "rsbuild:server",
       setup(api) {
         api.onBeforeBuild(async () => {
           const config = api.getNormalizedConfig();
-          if (config.server?.publicDir) {
-            const { name, copyOnBuild } = config.server.publicDir;
+          const publicDirs = normalizePublicDirs(config.server.publicDir);
+          for (const publicDir of publicDirs) {
+            const { name, copyOnBuild } = publicDir;
             if (!copyOnBuild || !name) {
-              return;
+              continue;
             }
-            const publicDir = isAbsolute7(name) ? name : join11(api.context.rootPath, name);
-            if (!fse7.existsSync(publicDir)) {
-              return;
+            const normalizedPath = isAbsolute7(name) ? name : join10(api.context.rootPath, name);
+            if (!fse7.existsSync(normalizedPath)) {
+              continue;
             }
             try {
-              await fse7.copy(publicDir, api.context.distPath, {
+              await fse7.copy(normalizedPath, api.context.distPath, {
                 // dereference symlinks
                 dereference: true
               });
             } catch (err) {
               if (err instanceof Error) {
-                err.message = `Copy public dir (${publicDir}) to dist failed:
+                err.message = `Copy public dir (${normalizedPath}) to dist failed:
 ${err.message}`;
               }
               throw err;
@@ -6853,8 +6731,8 @@ var init_lazyCompilation = __esm({
     pluginLazyCompilation = () => ({
       name: "rsbuild:lazy-compilation",
       setup(api) {
-        api.modifyBundlerChain((chain, { isProd: isProd5, target }) => {
-          if (isProd5 || target !== "web") {
+        api.modifyBundlerChain((chain, { isProd: isProd6, target }) => {
+          if (isProd6 || target !== "web") {
             return;
           }
           const config = api.getNormalizedConfig();
@@ -6920,7 +6798,7 @@ __export(sri_exports, {
 import crypto2 from "crypto";
 import {
   isHtmlDisabled as isHtmlDisabled4,
-  isProd as isProd4,
+  isProd as isProd5,
   logger as logger16,
   removeLeadingSlash as removeLeadingSlash2
 } from "@rsbuild/shared";
@@ -6943,7 +6821,7 @@ var init_sri = __esm({
         const getAlgorithm = () => {
           const config = api.getNormalizedConfig();
           const { sri } = config.security;
-          const enable = sri.enable === "auto" ? isProd4() : sri.enable;
+          const enable = sri.enable === "auto" ? isProd5() : sri.enable;
           if (!enable) {
             return null;
           }
@@ -7135,13 +7013,193 @@ var init_nonce = __esm({
   }
 });
 
+// src/server/prodServer.ts
+var prodServer_exports = {};
+__export(prodServer_exports, {
+  RsbuildProdServer: () => RsbuildProdServer,
+  startProdServer: () => startProdServer
+});
+import { join as join11 } from "path";
+import {
+  getNodeEnv as getNodeEnv8,
+  isDebug as isDebug5,
+  setNodeEnv as setNodeEnv4
+} from "@rsbuild/shared";
+async function startProdServer(context, config, { getPortSilently } = {}) {
+  if (!getNodeEnv8()) {
+    setNodeEnv4("production");
+  }
+  const { port, host, https } = await getServerConfig({
+    config,
+    getPortSilently
+  });
+  const { default: connect } = await import("../compiled/connect/index.js");
+  const middlewares = connect();
+  const serverConfig = config.server;
+  const server = new RsbuildProdServer(
+    {
+      pwd: context.rootPath,
+      output: {
+        path: config.output.distPath.root || ROOT_DIST_DIR,
+        assetPrefix: config.output.assetPrefix
+      },
+      serverConfig
+    },
+    middlewares
+  );
+  await context.hooks.onBeforeStartProdServer.call();
+  const httpServer = await createHttpServer({
+    serverConfig,
+    middlewares: server.middlewares
+  });
+  await server.onInit(httpServer);
+  return new Promise((resolve) => {
+    httpServer.listen(
+      {
+        host,
+        port
+      },
+      async () => {
+        const routes = formatRoutes(
+          context.entry,
+          config.output.distPath.html,
+          config.html.outputStructure
+        );
+        await context.hooks.onAfterStartProdServer.call({
+          port,
+          routes
+        });
+        const protocol = https ? "https" : "http";
+        const urls = getAddressUrls({ protocol, port, host });
+        printServerURLs({
+          urls,
+          port,
+          routes,
+          protocol,
+          printUrls: serverConfig.printUrls
+        });
+        const onClose = () => {
+          server.close();
+          httpServer.close();
+        };
+        resolve({
+          port,
+          urls: urls.map((item) => item.url),
+          server: {
+            close: async () => {
+              onClose();
+            }
+          }
+        });
+      }
+    );
+  });
+}
+var RsbuildProdServer;
+var init_prodServer = __esm({
+  "src/server/prodServer.ts"() {
+    "use strict";
+    init_esm();
+    init_constants();
+    init_helper();
+    init_httpServer();
+    init_middlewares();
+    RsbuildProdServer = class {
+      constructor(options, middlewares) {
+        __publicField(this, "app");
+        __publicField(this, "options");
+        __publicField(this, "middlewares");
+        this.options = options;
+        this.middlewares = middlewares;
+      }
+      // Complete the preparation of services
+      async onInit(app) {
+        this.app = app;
+        await this.applyDefaultMiddlewares();
+      }
+      async applyDefaultMiddlewares() {
+        const { headers, proxy, historyApiFallback, compress } = this.options.serverConfig;
+        if (isDebug5()) {
+          this.middlewares.use(await getRequestLoggerMiddleware());
+        }
+        if (compress) {
+          const { default: compression } = await import("../compiled/http-compression/index.js");
+          this.middlewares.use((req, res, next) => {
+            compression({
+              gzip: true,
+              brotli: false
+            })(req, res, next);
+          });
+        }
+        if (headers) {
+          this.middlewares.use((_req, res, next) => {
+            for (const [key, value] of Object.entries(headers)) {
+              res.setHeader(key, value);
+            }
+            next();
+          });
+        }
+        if (proxy) {
+          const { createProxyMiddleware: createProxyMiddleware2 } = await Promise.resolve().then(() => (init_proxy(), proxy_exports));
+          const { middlewares, upgrade } = createProxyMiddleware2(proxy);
+          for (const middleware of middlewares) {
+            this.middlewares.use(middleware);
+          }
+          this.app.on("upgrade", upgrade);
+        }
+        this.applyStaticAssetMiddleware();
+        if (historyApiFallback) {
+          const { default: connectHistoryApiFallback } = await import("../compiled/connect-history-api-fallback/index.js");
+          const historyApiFallbackMiddleware = connectHistoryApiFallback(
+            historyApiFallback === true ? {} : historyApiFallback
+          );
+          this.middlewares.use(historyApiFallbackMiddleware);
+          await this.applyStaticAssetMiddleware();
+        }
+        this.middlewares.use(faviconFallbackMiddleware);
+      }
+      async applyStaticAssetMiddleware() {
+        const {
+          output: { path: path14, assetPrefix },
+          serverConfig: { htmlFallback },
+          pwd
+        } = this.options;
+        const { default: sirv } = await import("../compiled/sirv/index.js");
+        const assetMiddleware = sirv(join11(pwd, path14), {
+          etag: true,
+          dev: true,
+          ignores: ["favicon.ico"],
+          single: htmlFallback === "index"
+        });
+        this.middlewares.use((req, res, next) => {
+          const url2 = req.url;
+          if (assetPrefix && url2?.startsWith(assetPrefix)) {
+            req.url = url2.slice(assetPrefix.length);
+            assetMiddleware(req, res, (...args) => {
+              req.url = url2;
+              next(...args);
+            });
+          } else {
+            assetMiddleware(req, res, next);
+          }
+        });
+      }
+      close() {
+      }
+    };
+  }
+});
+
 // src/createRsbuild.ts
 var createRsbuild_exports = {};
 __export(createRsbuild_exports, {
   createRsbuild: () => createRsbuild,
   pickRsbuildConfig: () => pickRsbuildConfig
 });
-import { debug as debug8, pick as pick2 } from "@rsbuild/shared";
+import {
+  debug as debug8,
+  pick as pick2
+} from "@rsbuild/shared";
 async function applyDefaultPlugins(pluginManager, context) {
   const { pluginBasic: pluginBasic2 } = await Promise.resolve().then(() => (init_basic(), basic_exports));
   const { pluginEntry: pluginEntry2 } = await Promise.resolve().then(() => (init_entry(), entry_exports));
@@ -7241,6 +7299,11 @@ async function createRsbuild(options = {}) {
     rsbuildOptions,
     setCssExtractPlugin
   });
+  const preview = async (options2) => {
+    const { startProdServer: startProdServer2 } = await Promise.resolve().then(() => (init_prodServer(), prodServer_exports));
+    const config = await initRsbuildConfig({ context, pluginManager });
+    return startProdServer2(context, config, options2);
+  };
   const rsbuild = {
     ...pick2(pluginManager, [
       "addPlugins",
@@ -7266,13 +7329,13 @@ async function createRsbuild(options = {}) {
     ]),
     ...pick2(providerInstance, [
       "build",
-      "preview",
       "initConfigs",
       "inspectConfig",
       "createCompiler",
       "createDevServer",
       "startDevServer"
     ]),
+    preview,
     context: pluginAPI.context
   };
   if (rsbuildConfig.plugins) {
@@ -7288,6 +7351,7 @@ var init_createRsbuild = __esm({
     init_esm();
     init_createContext();
     init_initPlugins();
+    init_internal();
     init_pluginHelper();
     init_pluginManager();
     getRspackProvider = async () => {
@@ -7385,56 +7449,13 @@ var init_init = __esm({
   }
 });
 
-// src/index.ts
-init_esm();
-import { rspack as rspack10 } from "@rspack/core";
-
-// src/internal.ts
-var internal_exports = {};
-__export(internal_exports, {
-  applySwcDecoratorConfig: () => applySwcDecoratorConfig,
-  createDevServer: () => createDevServer,
-  createPluginManager: () => createPluginManager,
-  formatStats: () => formatStats,
-  getChainUtils: () => getChainUtils,
-  getDevMiddleware: () => getDevMiddleware,
-  getHTMLPlugin: () => getHTMLPlugin,
-  getStatsOptions: () => getStatsOptions,
-  getSwcMinimizerOptions: () => getSwcMinimizerOptions,
-  initHooks: () => initHooks,
-  initPlugins: () => initPlugins,
-  initRsbuildConfig: () => initRsbuildConfig,
-  outputInspectConfigFiles: () => outputInspectConfigFiles,
-  prepareCli: () => prepareCli,
-  runCli: () => runCli,
-  setHTMLPlugin: () => setHTMLPlugin,
-  startProdServer: () => startProdServer,
-  stringifyConfig: () => stringifyConfig
-});
-init_esm();
-
 // src/cli/commands.ts
-init_esm();
-init_helpers();
-init_init();
 import { existsSync } from "fs";
 import { join as join12 } from "path";
 import { color as color13, logger as logger18 } from "@rsbuild/shared";
 import { program } from "../compiled/commander/index.js";
-var applyCommonOptions = (command) => {
-  command.option(
-    "-c --config <config>",
-    "specify the configuration file, can be a relative or absolute path"
-  ).option(
-    "--env-mode <mode>",
-    "specify the env mode to load the `.env.[mode]` file"
-  );
-};
-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.6");
+  program.name("rsbuild").usage("<command> [options]").version("0.7.8");
   const devCommand = program.command("dev");
   const buildCommand = program.command("build");
   const previewCommand = program.command("preview");
@@ -7509,9 +7530,29 @@ function runCli() {
   });
   program.parse();
 }
+var applyCommonOptions, applyServerOptions;
+var init_commands = __esm({
+  "src/cli/commands.ts"() {
+    "use strict";
+    init_esm();
+    init_helpers();
+    init_init();
+    applyCommonOptions = (command) => {
+      command.option(
+        "-c --config <config>",
+        "specify the configuration file, can be a relative or absolute path"
+      ).option(
+        "--env-mode <mode>",
+        "specify the env mode to load the `.env.[mode]` file"
+      );
+    };
+    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");
+    };
+  }
+});
 
 // src/cli/prepare.ts
-init_esm();
 import { logger as logger19 } from "@rsbuild/shared";
 function initNodeEnv() {
   if (!process.env.NODE_ENV) {
@@ -7525,41 +7566,76 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  logger19.greet(`  ${`Rsbuild v${"0.7.6"}`}
+  logger19.greet(`  ${`Rsbuild v${"0.7.8"}`}
 `);
 }
+var init_prepare = __esm({
+  "src/cli/prepare.ts"() {
+    "use strict";
+    init_esm();
+  }
+});
 
 // src/internal.ts
-init_pluginManager();
-init_initHooks();
-init_initConfigs();
-init_config();
-init_pluginHelper();
-init_helpers();
-init_rspackConfig();
-init_swc();
-init_minimize();
-init_devMiddleware();
-
-// src/server/index.ts
-init_esm();
-init_devServer();
-init_prodServer();
+var internal_exports = {};
+__export(internal_exports, {
+  applySwcDecoratorConfig: () => applySwcDecoratorConfig,
+  createDevServer: () => createDevServer,
+  createPluginManager: () => createPluginManager,
+  formatStats: () => formatStats,
+  getChainUtils: () => getChainUtils,
+  getDevMiddleware: () => getDevMiddleware,
+  getHTMLPlugin: () => getHTMLPlugin,
+  getStatsOptions: () => getStatsOptions,
+  getSwcMinimizerOptions: () => getSwcMinimizerOptions,
+  initHooks: () => initHooks,
+  initPlugins: () => initPlugins,
+  initRsbuildConfig: () => initRsbuildConfig,
+  outputInspectConfigFiles: () => outputInspectConfigFiles,
+  prepareCli: () => prepareCli,
+  runCli: () => runCli,
+  setHTMLPlugin: () => setHTMLPlugin,
+  stringifyConfig: () => stringifyConfig
+});
+var init_internal = __esm({
+  "src/internal.ts"() {
+    "use strict";
+    init_esm();
+    init_commands();
+    init_prepare();
+    init_pluginManager();
+    init_initHooks();
+    init_initConfigs();
+    init_config();
+    init_pluginHelper();
+    init_helpers();
+    init_rspackConfig();
+    init_swc();
+    init_minimize();
+    init_devMiddleware();
+    init_devServer();
+  }
+});
 
 // src/index.ts
+init_esm();
+init_internal();
 init_loadEnv();
 init_createRsbuild();
 init_config();
 init_mergeConfig();
+init_helpers();
 init_constants();
+import { rspack as rspack10 } from "@rspack/core";
 import { logger as logger20 } from "@rsbuild/shared";
-var version = "0.7.6";
+var version = "0.7.8";
 export {
   PLUGIN_CSS_NAME,
   PLUGIN_SWC_NAME,
   internal_exports as __internalHelper,
   createRsbuild,
   defineConfig,
+  ensureAssetPrefix,
   loadConfig,
   loadEnv,
   logger20 as logger,