@rsbuild/core 0.7.8 → 0.7.9

package/dist/index.js

@@ -122,7 +122,7 @@ var init_format = __esm({
 
 // src/constants.ts
 import { join } from "path";
-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 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, TARGET_ID_MAP;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
@@ -169,6 +169,49 @@ var init_constants = __esm({
     ];
     VIDEO_EXTENSIONS = ["mp4", "webm", "ogg", "mov"];
     AUDIO_EXTENSIONS = ["mp3", "wav", "flac", "aac", "m4a", "opus"];
+    TARGET_ID_MAP = {
+      web: "Client",
+      node: "Server",
+      "web-worker": "Web Worker",
+      "service-worker": "Service Worker"
+    };
+  }
+});
+
+// src/logger.ts
+import { color } from "@rsbuild/shared";
+import { logger } from "../compiled/rslog/index.js";
+function getTime() {
+  const now = /* @__PURE__ */ new Date();
+  const hours = String(now.getHours()).padStart(2, "0");
+  const minutes = String(now.getMinutes()).padStart(2, "0");
+  const seconds = String(now.getSeconds()).padStart(2, "0");
+  return `${hours}:${minutes}:${seconds}`;
+}
+var isDebug;
+var init_logger = __esm({
+  "src/logger.ts"() {
+    "use strict";
+    init_esm();
+    isDebug = () => {
+      if (!process.env.DEBUG) {
+        return false;
+      }
+      const values = process.env.DEBUG.toLocaleLowerCase().split(",");
+      return ["rsbuild", "builder", "*"].some((key) => values.includes(key));
+    };
+    if (isDebug()) {
+      logger.level = "verbose";
+    }
+    logger.override({
+      debug: (message, ...args) => {
+        if (logger.level !== "verbose") {
+          return;
+        }
+        const time = color.gray(`${getTime()}`);
+        console.log(`  ${color.magenta("rsbuild")} ${time} ${message}`, ...args);
+      }
+    });
   }
 });
 
@@ -176,12 +219,9 @@ var init_constants = __esm({
 import path2, { posix } from "path";
 import {
   DEFAULT_ASSET_PREFIX,
-  addTrailingSlash,
-  color,
-  isDebug,
-  isMultiCompiler,
-  isProd,
-  removeTailingSlash
+  castArray,
+  color as color2,
+  isProd
 } from "@rsbuild/shared";
 import { fse } from "@rsbuild/shared";
 function formatErrorMessage(errors) {
@@ -189,14 +229,14 @@ function formatErrorMessage(errors) {
   const text = `${messages.join("\n\n")}
 `;
   const isTerserError = text.includes("from Terser");
-  const title = color.bold(
-    color.red(isTerserError ? "Minify error: " : "Compile error: ")
+  const title = color2.bold(
+    color2.red(isTerserError ? "Minify error: " : "Compile error: ")
   );
   if (!errors.length) {
     return `${title}
-${color.yellow(`For more details, please setting 'stats.errors: true' `)}`;
+${color2.yellow(`For more details, please setting 'stats.errors: true' `)}`;
   }
-  const tip = color.yellow(
+  const tip = color2.yellow(
     isTerserError ? "Failed to minify with terser, check for syntax errors." : "Failed to compile, check the errors for troubleshooting."
   );
   return `${title}
@@ -227,7 +267,7 @@ function formatStats(stats, options = {}) {
       warnings: getAllStatsWarnings(statsData)
     },
     // display verbose messages in prod build or debug mode
-    isProd() || isDebug()
+    isProd() || logger.level === "verbose"
   );
   if (stats.hasErrors()) {
     return {
@@ -236,7 +276,7 @@ function formatStats(stats, options = {}) {
     };
   }
   if (warnings.length) {
-    const title = color.bold(color.yellow("Compile Warning: \n"));
+    const title = color2.bold(color2.yellow("Compile Warning: \n"));
     return {
       message: `${title}${warnings.join("\n\n")}
 `,
@@ -252,13 +292,78 @@ 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, urlJoin, canParse, ensureAssetPrefix;
+function getFilename2(config, type, isProd7) {
+  const { filename, filenameHash } = config.output;
+  const getHash = () => {
+    if (typeof filenameHash === "string") {
+      return filenameHash ? `.[${filenameHash}]` : "";
+    }
+    return filenameHash ? ".[contenthash:8]" : "";
+  };
+  const hash = getHash();
+  switch (type) {
+    case "js":
+      return filename.js ?? `[name]${isProd7 ? hash : ""}.js`;
+    case "css":
+      return filename.css ?? `[name]${isProd7 ? hash : ""}.css`;
+    case "svg":
+      return filename.svg ?? `[name]${hash}.svg`;
+    case "font":
+      return filename.font ?? `[name]${hash}[ext]`;
+    case "image":
+      return filename.image ?? `[name]${hash}[ext]`;
+    case "media":
+      return filename.media ?? `[name]${hash}[ext]`;
+    default:
+      throw new Error(`unknown key ${type} in "output.filename"`);
+  }
+}
+function partition(array, predicate) {
+  const truthy = [];
+  const falsy = [];
+  for (const value of array) {
+    if (predicate(value)) {
+      truthy.push(value);
+    } else {
+      falsy.push(value);
+    }
+  }
+  return [truthy, falsy];
+}
+function debounce(func, wait) {
+  let timeoutId = null;
+  return (...args) => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      func(...args);
+    }, wait);
+  };
+}
+function isWebTarget(target) {
+  const targets = castArray(target);
+  return targets.includes("web") || target.includes("web-worker");
+}
+function pick(obj, keys) {
+  return keys.reduce(
+    (ret, key) => {
+      if (obj[key] !== void 0) {
+        ret[key] = obj[key];
+      }
+      return ret;
+    },
+    {}
+  );
+}
+var rspackMinVersion, compareSemver, isSatisfyRspackVersion, getCompiledPath, hintNodePolyfill, getAllStatsErrors, getAllStatsWarnings, removeLeadingSlash, removeTailingSlash, addTrailingSlash, formatPublicPath, getPublicPathFromChain, ensureAbsolutePath, isFileSync, findExists, urlJoin, canParse, ensureAssetPrefix, applyToCompiler, upperFirst, isURL, createVirtualModule, isRegExp, isMultiCompiler, onCompileDone;
 var init_helpers = __esm({
   "src/helpers.ts"() {
     "use strict";
     init_esm();
     init_format();
     init_constants();
+    init_logger();
     rspackMinVersion = "0.6.2";
     compareSemver = (version1, version2) => {
       const parts1 = version1.split(".").map(Number);
@@ -343,7 +448,7 @@ var init_helpers = __esm({
         ];
         return `${message}
 
-${color.yellow(tips.join("\n"))}`;
+${color2.yellow(tips.join("\n"))}`;
       }
       return message;
     };
@@ -365,6 +470,9 @@ ${color.yellow(tips.join("\n"))}`;
       }
       return statsData.warnings;
     };
+    removeLeadingSlash = (s) => s.replace(/^\/+/, "");
+    removeTailingSlash = (s) => s.replace(/\/+$/, "");
+    addTrailingSlash = (s) => s.endsWith("/") ? s : `${s}/`;
     formatPublicPath = (publicPath, withSlash = true) => {
       if (publicPath === "auto") {
         return publicPath;
@@ -422,12 +530,56 @@ ${color.yellow(tips.join("\n"))}`;
       }
       return posix.join(assetPrefix, url2);
     };
+    applyToCompiler = (compiler, apply) => {
+      if (isMultiCompiler(compiler)) {
+        compiler.compilers.forEach(apply);
+      } else {
+        apply(compiler);
+      }
+    };
+    upperFirst = (str) => str ? str.charAt(0).toUpperCase() + str.slice(1) : "";
+    isURL = (str) => str.startsWith("http") || str.startsWith("//:");
+    createVirtualModule = (content) => `data:text/javascript,${content}`;
+    isRegExp = (obj) => Object.prototype.toString.call(obj) === "[object RegExp]";
+    isMultiCompiler = (compiler) => {
+      return compiler.constructor.name === "MultiCompiler";
+    };
+    onCompileDone = (compiler, onDone, MultiStatsCtor) => {
+      if (isMultiCompiler(compiler)) {
+        const { compilers } = compiler;
+        const compilerStats = [];
+        let doneCompilers = 0;
+        for (let index = 0; index < compilers.length; index++) {
+          const compiler2 = compilers[index];
+          const compilerIndex = index;
+          let compilerDone = false;
+          compiler2.hooks.done.tapPromise("rsbuild:done", async (stats) => {
+            if (!compilerDone) {
+              compilerDone = true;
+              doneCompilers++;
+            }
+            compilerStats[compilerIndex] = stats;
+            if (doneCompilers === compilers.length) {
+              await onDone(new MultiStatsCtor(compilerStats));
+            }
+          });
+          compiler2.hooks.invalid.tap("rsbuild:done", () => {
+            if (compilerDone) {
+              compilerDone = false;
+              doneCompilers--;
+            }
+          });
+        }
+      } else {
+        compiler.hooks.done.tapPromise("rsbuild:done", onDone);
+      }
+    };
   }
 });
 
 // src/mergeConfig.ts
 import {
-  castArray,
+  castArray as castArray2,
   isFunction,
   isPlainObject
 } from "@rsbuild/shared";
@@ -461,7 +613,7 @@ var init_mergeConfig = __esm({
       }
       const pair = [x, y];
       if (pair.some(Array.isArray)) {
-        return [...castArray(x), ...castArray(y)];
+        return [...castArray2(x), ...castArray2(y)];
       }
       if (pair.some(isFunction)) {
         return pair;
@@ -494,13 +646,14 @@ var init_mergeConfig = __esm({
 
 // src/server/restart.ts
 import path3 from "path";
-import { color as color2, logger } from "@rsbuild/shared";
+import { color as color3 } from "@rsbuild/shared";
 var cleaners, onBeforeRestartServer, clearConsole, restartDevServer;
 var init_restart = __esm({
   "src/server/restart.ts"() {
     "use strict";
     init_esm();
     init_init();
+    init_logger();
     cleaners = [];
     onBeforeRestartServer = (cleaner) => {
       cleaners.push(cleaner);
@@ -513,7 +666,7 @@ var init_restart = __esm({
     restartDevServer = async ({ filePath }) => {
       clearConsole();
       const filename = path3.basename(filePath);
-      logger.info(`Restart because ${color2.yellow(filename)} is changed.
+      logger.info(`Restart because ${color3.yellow(filename)} is changed.
 `);
       for (const cleaner of cleaners) {
         await cleaner();
@@ -534,13 +687,10 @@ import { isAbsolute, join as join2 } from "path";
 import {
   DEFAULT_ASSET_PREFIX as DEFAULT_ASSET_PREFIX2,
   RspackChain,
-  color as color3,
-  debounce,
+  color as color4,
   fse as fse2,
   getNodeEnv,
-  isObject,
-  logger as logger2,
-  upperFirst
+  isObject
 } from "@rsbuild/shared";
 function getDefaultEntry(root) {
   const files = [
@@ -621,7 +771,7 @@ async function loadConfig({
       };
       const result = await configExport(params);
       if (result === void 0) {
-        throw new Error("Rsbuild config function must return a config object.");
+        throw new Error("The config function must return a config object.");
       }
       return {
         content: applyMetaInfo(result),
@@ -630,7 +780,7 @@ async function loadConfig({
     }
     if (!isObject(configExport)) {
       throw new Error(
-        `Rsbuild config must be an object or a function that returns an object, get ${color3.yellow(
+        `The config must be an object or a function that returns an object, get ${color4.yellow(
           configExport
         )}`
       );
@@ -640,7 +790,7 @@ async function loadConfig({
       filePath: configFilePath
     };
   } catch (err) {
-    logger2.error(`Failed to load file: ${color3.dim(configFilePath)}`);
+    logger.error(`Failed to load file: ${color4.dim(configFilePath)}`);
     throw err;
   }
 }
@@ -678,11 +828,11 @@ async function outputInspectConfigFiles({
     )
   );
   const fileInfos = files.map(
-    (item) => `  - ${color3.bold(color3.yellow(item.label))}: ${color3.underline(
+    (item) => `  - ${color4.bold(color4.yellow(item.label))}: ${color4.underline(
       item.path
     )}`
   ).join("\n");
-  logger2.success(
+  logger.success(
     `Inspect config succeed, open following files to view the content: 
 
 ${fileInfos}
@@ -700,6 +850,7 @@ var init_config = __esm({
     init_esm();
     init_constants();
     init_helpers();
+    init_logger();
     init_mergeConfig();
     init_restart();
     getDefaultDevConfig = () => ({
@@ -840,7 +991,7 @@ var init_config = __esm({
         if (fs.existsSync(customConfigPath)) {
           return customConfigPath;
         }
-        logger2.warn(`Cannot find config file: ${color3.dim(customConfigPath)}
+        logger.warn(`Cannot find config file: ${color4.dim(customConfigPath)}
 `);
       }
       const CONFIG_FILES = [
@@ -1021,9 +1172,8 @@ __export(entry_exports, {
   pluginEntry: () => pluginEntry
 });
 import {
-  castArray as castArray2,
-  color as color4,
-  createVirtualModule,
+  castArray as castArray3,
+  color as color5,
   reduceConfigsMergeContext
 } from "@rsbuild/shared";
 function getEntryObject(config, target) {
@@ -1041,6 +1191,7 @@ var init_entry = __esm({
   "src/plugins/entry.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
     pluginEntry = () => ({
       name: "rsbuild:entry",
       setup(api) {
@@ -1059,16 +1210,16 @@ var init_entry = __esm({
               if (injectCoreJsEntry) {
                 addEntry(createVirtualModule('import "core-js";'));
               }
-              castArray2(entry[entryName]).forEach(addEntry);
+              castArray3(entry[entryName]).forEach(addEntry);
             }
           }
         );
         api.onBeforeCreateCompiler(({ bundlerConfigs }) => {
           if (bundlerConfigs.every((config) => !config.entry)) {
             throw new Error(
-              `Could not find any entry module, please make sure that ${color4.cyan(
+              `Could not find any entry module, please make sure that ${color5.cyan(
                 "src/index.(ts|js|tsx|jsx|mjs|cjs)"
-              )} exists, or customize entry through the ${color4.cyan(
+              )} exists, or customize entry through the ${color5.cyan(
                 "source.entry"
               )} configuration.`
             );
@@ -1081,15 +1232,11 @@ var init_entry = __esm({
 
 // src/createContext.ts
 import { isAbsolute as isAbsolute2, join as join4 } from "path";
-import {
-  getDistPath,
-  logger as logger3
-} from "@rsbuild/shared";
 function getAbsolutePath(root, filepath) {
   return isAbsolute2(filepath) ? filepath : join4(root, filepath);
 }
 function getAbsoluteDistPath(cwd, config) {
-  const dirRoot = getDistPath(config, "root");
+  const dirRoot = config.output?.distPath?.root ?? ROOT_DIST_DIR;
   return getAbsolutePath(cwd, dirRoot);
 }
 async function createContextByConfig(options, bundlerType, config = {}) {
@@ -1101,7 +1248,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   return {
     entry: getEntryObject(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.7.8",
+    version: "0.7.9",
     rootPath,
     distPath,
     cachePath,
@@ -1143,7 +1290,7 @@ function createPublicContext(context) {
       return void 0;
     },
     set(_, prop) {
-      logger3.error(
+      logger.error(
         `Context is readonly, you can not assign to the "context.${prop}" prop.`
       );
       return true;
@@ -1169,21 +1316,18 @@ var init_createContext = __esm({
     "use strict";
     init_esm();
     init_config();
+    init_constants();
     init_initHooks();
+    init_logger();
     init_entry();
   }
 });
 
 // src/initPlugins.ts
 import { join as join5 } from "path";
-import {
-  getDistPath as getDistPath2,
-  removeLeadingSlash
-} from "@rsbuild/shared";
 function getHTMLPathByEntry(entryName, config) {
-  const htmlPath = getDistPath2(config, "html");
   const filename = config.html.outputStructure === "flat" ? `${entryName}.html` : `${entryName}/index.html`;
-  return removeLeadingSlash(`${htmlPath}/${filename}`);
+  return removeLeadingSlash(`${config.output.distPath.html}/${filename}`);
 }
 function applyTransformPlugin(chain, transformer) {
   const name = "RsbuildTransformPlugin";
@@ -1306,6 +1450,7 @@ var init_initPlugins = __esm({
     init_esm();
     init_constants();
     init_createContext();
+    init_helpers();
   }
 });
 
@@ -1340,7 +1485,7 @@ var init_pluginHelper = __esm({
 });
 
 // src/pluginManager.ts
-import { color as color5, debug, isFunction as isFunction3, logger as logger4 } from "@rsbuild/shared";
+import { color as color6, isFunction as isFunction3 } from "@rsbuild/shared";
 function validatePlugin(plugin) {
   const type = typeof plugin;
   if (type !== "object" || plugin === null) {
@@ -1354,12 +1499,12 @@ function validatePlugin(plugin) {
   if (isFunction3(plugin.apply)) {
     const { name = "SomeWebpackPlugin" } = plugin.constructor || {};
     const messages = [
-      `${color5.yellow(
+      `${color6.yellow(
         name
-      )} looks like a Webpack or Rspack plugin, please use ${color5.yellow(
+      )} looks like a Webpack or Rspack plugin, please use ${color6.yellow(
         "`tools.rspack`"
       )} to register it:`,
-      color5.green(`
+      color6.green(`
   // rsbuild.config.ts
   export default {
     tools: {
@@ -1386,13 +1531,13 @@ function createPluginManager() {
       }
       validatePlugin(newPlugin);
       if (plugins.find((item) => item.name === newPlugin.name)) {
-        logger4.warn(
+        logger.warn(
           `Rsbuild plugin "${newPlugin.name}" registered multiple times.`
         );
       } else if (before) {
         const index = plugins.findIndex((item) => item.name === before);
         if (index === -1) {
-          logger4.warn(`Plugin "${before}" does not exist.`);
+          logger.warn(`Plugin "${before}" does not exist.`);
           plugins.push(newPlugin);
         } else {
           plugins.splice(index, 0, newPlugin);
@@ -1417,7 +1562,7 @@ async function initPlugins({
   pluginAPI,
   pluginManager
 }) {
-  debug("init plugins");
+  logger.debug("init plugins");
   const plugins = pluginDagSort(pluginManager.getPlugins());
   const removedPlugins = plugins.reduce((ret, plugin) => {
     if (plugin.remove) {
@@ -1431,13 +1576,14 @@ async function initPlugins({
     }
     await plugin.setup(pluginAPI);
   }
-  debug("init plugins done");
+  logger.debug("init plugins done");
 }
 var pluginDagSort;
 var init_pluginManager = __esm({
   "src/pluginManager.ts"() {
     "use strict";
     init_esm();
+    init_logger();
     pluginDagSort = (plugins) => {
       let allLines = [];
       function getPlugin(name) {
@@ -1569,19 +1715,81 @@ var init_inspectConfig = __esm({
   }
 });
 
+// src/configChain.ts
+import {
+  RspackChain as RspackChain2,
+  castArray as castArray4,
+  isPlainObject as isPlainObject2
+} from "@rsbuild/shared";
+async function getBundlerChain() {
+  const bundlerChain = new RspackChain2();
+  return bundlerChain;
+}
+async function modifyBundlerChain(context, utils) {
+  logger.debug("modify bundler chain");
+  const bundlerChain = await getBundlerChain();
+  const [modifiedBundlerChain] = await context.hooks.modifyBundlerChain.call(
+    bundlerChain,
+    utils
+  );
+  if (context.config.tools?.bundlerChain) {
+    for (const item of castArray4(context.config.tools.bundlerChain)) {
+      await item(modifiedBundlerChain, utils);
+    }
+  }
+  logger.debug("modify bundler chain done");
+  return modifiedBundlerChain;
+}
+function chainToConfig(chain) {
+  const config = chain.toConfig();
+  const { entry } = config;
+  if (!isPlainObject2(entry)) {
+    return config;
+  }
+  const formattedEntry = {};
+  for (const [entryName, entryValue] of Object.entries(entry)) {
+    const entryImport = [];
+    let entryDescription = null;
+    for (const item of castArray4(entryValue)) {
+      if (typeof item === "string") {
+        entryImport.push(item);
+        continue;
+      }
+      if (item.import) {
+        entryImport.push(...castArray4(item.import));
+      }
+      if (entryDescription) {
+        Object.assign(entryDescription, item);
+      } else {
+        entryDescription = item;
+      }
+    }
+    formattedEntry[entryName] = entryDescription ? {
+      ...entryDescription,
+      import: entryImport
+    } : entryImport;
+  }
+  config.entry = formattedEntry;
+  return config;
+}
+var init_configChain = __esm({
+  "src/configChain.ts"() {
+    "use strict";
+    init_esm();
+    init_logger();
+  }
+});
+
 // src/provider/rspackConfig.ts
 import {
   CHAIN_ID,
-  castArray as castArray3,
-  chainToConfig,
-  debug as debug2,
+  castArray as castArray5,
   getNodeEnv as getNodeEnv4,
-  modifyBundlerChain,
   reduceConfigsAsyncWithContext
 } from "@rsbuild/shared";
 import { rspack as rspack2 } from "@rspack/core";
 async function modifyRspackConfig(context, rspackConfig, utils) {
-  debug2("modify Rspack config");
+  logger.debug("modify Rspack config");
   let [modifiedConfig] = await context.hooks.modifyRspackConfig.call(
     rspackConfig,
     utils
@@ -1594,7 +1802,7 @@ async function modifyRspackConfig(context, rspackConfig, utils) {
       mergeFn: utils.mergeConfig
     });
   }
-  debug2("modify Rspack config done");
+  logger.debug("modify Rspack config done");
   return modifiedConfig;
 }
 async function getConfigUtils(config, chainUtils) {
@@ -1604,7 +1812,7 @@ async function getConfigUtils(config, chainUtils) {
     rspack: rspack2,
     mergeConfig: merge2,
     addRules(rules) {
-      const ruleArr = castArray3(rules);
+      const ruleArr = castArray5(rules);
       if (!config.module) {
         config.module = {};
       }
@@ -1614,14 +1822,14 @@ async function getConfigUtils(config, chainUtils) {
       config.module.rules.unshift(...ruleArr);
     },
     prependPlugins(plugins) {
-      const pluginArr = castArray3(plugins);
+      const pluginArr = castArray5(plugins);
       if (!config.plugins) {
         config.plugins = [];
       }
       config.plugins.unshift(...pluginArr);
     },
     appendPlugins(plugins) {
-      const pluginArr = castArray3(plugins);
+      const pluginArr = castArray5(plugins);
       if (!config.plugins) {
         config.plugins = [];
       }
@@ -1684,23 +1892,21 @@ var init_rspackConfig = __esm({
   "src/provider/rspackConfig.ts"() {
     "use strict";
     init_esm();
+    init_configChain();
+    init_logger();
     init_pluginHelper();
   }
 });
 
 // src/provider/initConfigs.ts
-import {
-  debug as debug3,
-  isDebug as isDebug2
-} from "@rsbuild/shared";
 async function modifyRsbuildConfig(context) {
-  debug3("modify Rsbuild config");
+  logger.debug("modify Rsbuild config");
   const [modified] = await context.hooks.modifyRsbuildConfig.call(
     context.config,
     { mergeRsbuildConfig }
   );
   context.config = modified;
-  debug3("modify Rsbuild config done");
+  logger.debug("modify Rsbuild config done");
 }
 async function initRsbuildConfig({
   context,
@@ -1728,7 +1934,7 @@ async function initConfigs({
   const rspackConfigs = await Promise.all(
     targets.map((target) => generateRspackConfig({ target, context }))
   );
-  if (isDebug2()) {
+  if (isDebug()) {
     const inspect = () => {
       const inspectOptions = {
         verbose: true,
@@ -1755,6 +1961,7 @@ var init_initConfigs = __esm({
     init_esm();
     init_config();
     init_createContext();
+    init_logger();
     init_mergeConfig();
     init_pluginManager();
     init_inspectConfig();
@@ -1766,13 +1973,10 @@ var init_initConfigs = __esm({
 var devMiddleware_exports = {};
 __export(devMiddleware_exports, {
   getDevMiddleware: () => getDevMiddleware,
+  isClientCompiler: () => isClientCompiler,
+  isNodeCompiler: () => isNodeCompiler,
   setupServerHooks: () => setupServerHooks
 });
-import {
-  applyToCompiler,
-  isClientCompiler,
-  isNodeCompiler
-} from "@rsbuild/shared";
 function applyHMREntry({
   compiler,
   clientPaths,
@@ -1792,11 +1996,26 @@ function applyHMREntry({
     }).apply(compiler);
   }
 }
-var setupServerHooks, getDevMiddleware;
+var isClientCompiler, isNodeCompiler, setupServerHooks, getDevMiddleware;
 var init_devMiddleware = __esm({
   "src/server/devMiddleware.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
+    isClientCompiler = (compiler) => {
+      const { target } = compiler.options;
+      if (target) {
+        return Array.isArray(target) ? target.includes("web") : target === "web";
+      }
+      return false;
+    };
+    isNodeCompiler = (compiler) => {
+      const { target } = compiler.options;
+      if (target) {
+        return Array.isArray(target) ? target.includes("node") : target === "node";
+      }
+      return false;
+    };
     setupServerHooks = (compiler, hookCallbacks) => {
       if (isNodeCompiler(compiler)) {
         return;
@@ -1835,13 +2054,9 @@ __export(createCompiler_exports, {
   createDevMiddleware: () => createDevMiddleware
 });
 import {
-  TARGET_ID_MAP,
-  color as color6,
-  debug as debug4,
+  color as color7,
   isDev,
   isProd as isProd2,
-  logger as logger5,
-  onCompileDone,
   prettyTime
 } from "@rsbuild/shared";
 import { rspack as rspack3 } from "@rspack/core";
@@ -1849,13 +2064,13 @@ async function createCompiler({
   context,
   rspackConfigs
 }) {
-  debug4("create compiler");
+  logger.debug("create compiler");
   await context.hooks.onBeforeCreateCompiler.call({
     bundlerConfigs: rspackConfigs
   });
   if (!await isSatisfyRspackVersion(rspack3.rspackVersion)) {
     throw new Error(
-      `The current Rspack version does not meet the requirements, the minimum supported version of Rspack is ${color6.green(
+      `The current Rspack version does not meet the requirements, the minimum supported version of Rspack is ${color7.green(
         rspackMinVersion
       )}`
     );
@@ -1866,14 +2081,14 @@ async function createCompiler({
   let isCompiling = false;
   const logRspackVersion = () => {
     if (!isVersionLogged) {
-      debug4(`Use Rspack v${rspack3.rspackVersion}`);
+      logger.debug(`Use Rspack v${rspack3.rspackVersion}`);
       isVersionLogged = true;
     }
   };
   compiler.hooks.watchRun.tap("rsbuild:compiling", () => {
     logRspackVersion();
     if (!isCompiling) {
-      logger5.start("Compiling...");
+      logger.start("Compiling...");
     }
     isCompiling = true;
   });
@@ -1890,7 +2105,7 @@ async function createCompiler({
         const time = prettyTime(c.time / 1e3);
         const target = context.targets[index];
         const name = TARGET_ID_MAP[target || "web"];
-        logger5.ready(`${name} compiled in ${time}`);
+        logger.ready(`${name} compiled in ${time}`);
       }
     };
     if (!stats.hasErrors()) {
@@ -1904,10 +2119,10 @@ async function createCompiler({
     }
     const { message, level } = formatStats(stats, getStatsOptions(compiler));
     if (level === "error") {
-      logger5.error(message);
+      logger.error(message);
     }
     if (level === "warning") {
-      logger5.warn(message);
+      logger.warn(message);
     }
     if (isDev()) {
       await context.hooks.onDevCompileDone.call({
@@ -1925,7 +2140,7 @@ async function createCompiler({
     rspack3.MultiStats
   );
   await context.hooks.onAfterCreateCompiler.call({ compiler });
-  debug4("create compiler done");
+  logger.debug("create compiler done");
   return compiler;
 }
 async function createDevMiddleware(options, customCompiler) {
@@ -1949,7 +2164,9 @@ var init_createCompiler = __esm({
   "src/provider/createCompiler.ts"() {
     "use strict";
     init_esm();
+    init_constants();
     init_helpers();
+    init_logger();
     init_initConfigs();
   }
 });
@@ -1958,16 +2175,14 @@ var init_createCompiler = __esm({
 import path4 from "path";
 import { parse as parse2 } from "url";
 import {
-  color as color7,
-  debug as debug5,
-  isDebug as isDebug3,
-  logger as logger6
+  color as color8
 } from "@rsbuild/shared";
 var faviconFallbackMiddleware, getStatusCodeColor, getRequestLoggerMiddleware, notFoundMiddleware, getHtmlFallbackMiddleware;
 var init_middlewares = __esm({
   "src/server/middlewares.ts"() {
     "use strict";
     init_esm();
+    init_logger();
     faviconFallbackMiddleware = (req, res, next) => {
       if (req.url === "/favicon.ico") {
         res.statusCode = 204;
@@ -1978,16 +2193,16 @@ var init_middlewares = __esm({
     };
     getStatusCodeColor = (status) => {
       if (status >= 500) {
-        return color7.red;
+        return color8.red;
       }
       if (status >= 400) {
-        return color7.yellow;
+        return color8.yellow;
       }
       if (status >= 300) {
-        return color7.cyan;
+        return color8.cyan;
       }
       if (status >= 200) {
-        return color7.green;
+        return color8.green;
       }
       return (res) => res;
     };
@@ -2002,8 +2217,8 @@ var init_middlewares = __esm({
           const statusColor = getStatusCodeColor(status);
           const endAt = process.hrtime();
           const totalTime = (endAt[0] - _startAt[0]) * 1e3 + (endAt[1] - _startAt[1]) * 1e-6;
-          debug5(
-            `${statusColor(status)} ${method} ${color7.gray(url2)} ${color7.gray(
+          logger.debug(
+            `${statusColor(status)} ${method} ${color8.gray(url2)} ${color8.gray(
               `${totalTime.toFixed(3)} ms`
             )}`
           );
@@ -2032,8 +2247,8 @@ var init_middlewares = __esm({
         try {
           pathname = parse2(url2, false, true).pathname;
         } catch (err) {
-          logger6.error(
-            new Error(`Invalid URL: ${color7.yellow(url2)}`, { cause: err })
+          logger.error(
+            new Error(`Invalid URL: ${color8.yellow(url2)}`, { cause: err })
           );
           return next();
         }
@@ -2045,10 +2260,10 @@ var init_middlewares = __esm({
           });
         };
         const rewrite = (newUrl, isFallback = false) => {
-          if (isFallback && isDebug3()) {
-            debug5(
-              `${req.method} ${color7.gray(
-                `${req.url} ${color7.yellow("fallback")} to ${newUrl}`
+          if (isFallback && logger.level === "verbose") {
+            logger.debug(
+              `${req.method} ${color8.gray(
+                `${req.url} ${color8.yellow("fallback")} to ${newUrl}`
               )}`
             );
           }
@@ -2093,9 +2308,6 @@ __export(proxy_exports, {
   createProxyMiddleware: () => createProxyMiddleware,
   formatProxyOptions: () => formatProxyOptions
 });
-import {
-  logger as logger7
-} from "@rsbuild/shared";
 import {
   createProxyMiddleware as baseCreateProxyMiddleware
 } from "@rsbuild/shared/http-proxy-middleware";
@@ -2120,7 +2332,7 @@ function formatProxyOptions(proxyOptions) {
       ret.push(opts);
     }
   }
-  const handleError = (err) => logger7.error(err);
+  const handleError = (err) => logger.error(err);
   for (const opts of ret) {
     opts.onError ??= handleError;
   }
@@ -2131,6 +2343,7 @@ var init_proxy = __esm({
   "src/server/proxy.ts"() {
     "use strict";
     init_esm();
+    init_logger();
     createProxyMiddleware = (proxyOptions) => {
       const formattedOptionsList = formatProxyOptions(proxyOptions);
       const proxyMiddlewares = [];
@@ -2172,13 +2385,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 isDebug4 } from "@rsbuild/shared";
 var applySetupMiddlewares, applyDefaultMiddlewares, getMiddlewares;
 var init_getDevMiddlewares = __esm({
   "src/server/getDevMiddlewares.ts"() {
     "use strict";
     init_esm();
     init_config();
+    init_logger();
     init_middlewares();
     applySetupMiddlewares = (dev, compileMiddlewareAPI) => {
       const setupMiddlewares = dev.setupMiddlewares || [];
@@ -2296,7 +2509,7 @@ var init_getDevMiddlewares = __esm({
     getMiddlewares = async (options) => {
       const middlewares = [];
       const { compileMiddlewareAPI } = options;
-      if (isDebug4()) {
+      if (logger.level === "verbose") {
         middlewares.push(await getRequestLoggerMiddleware());
       }
       const { before, after } = applySetupMiddlewares(
@@ -2323,11 +2536,11 @@ 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 } from "@rsbuild/shared";
+import { color as color9, deepmerge, isFunction as isFunction4 } from "@rsbuild/shared";
 function getURLMessages(urls, routes) {
   if (routes.length === 1) {
     return urls.map(
-      ({ label, url: url2 }) => `  ${`> ${label.padEnd(10)}`}${color8.cyan(
+      ({ label, url: url2 }) => `  ${`> ${label.padEnd(10)}`}${color9.cyan(
         normalizeUrl(`${url2}${routes[0].pathname}`)
       )}
 `
@@ -2342,9 +2555,9 @@ function getURLMessages(urls, routes) {
     message += `  ${`> ${label}`}
 `;
     for (const r of routes) {
-      message += `  ${color8.dim("-")} ${color8.dim(
+      message += `  ${color9.dim("-")} ${color9.dim(
         r.entryName.padEnd(maxNameLength + 4)
-      )}${color8.cyan(normalizeUrl(`${url2}${r.pathname}`))}
+      )}${color9.cyan(normalizeUrl(`${url2}${r.pathname}`))}
 `;
     }
   });
@@ -2385,7 +2598,7 @@ function printServerURLs({
     return;
   }
   const message = getURLMessages(urls, routes);
-  logger8.log(message);
+  logger.log(message);
   return message;
 }
 var normalizeUrl, formatPrefix, formatRoutes, HMR_SOCK_PATH, getPort, getServerConfig, getDevConfig, getIpv4Interfaces, isLoopbackHost, getHostInUrl, concatUrl, LOCAL_LABEL, NETWORK_LABEL, getUrlLabel, getAddressUrls;
@@ -2394,6 +2607,7 @@ var init_helper = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_logger();
     normalizeUrl = (url2) => url2.replace(/([^:]\/)\/+/g, "$1");
     formatPrefix = (prefix) => {
       if (!prefix) {
@@ -2457,8 +2671,8 @@ var init_helper = __esm({
           );
         }
         if (!silent) {
-          logger8.info(
-            `Port ${original} is in use, ${color8.yellow(`using port ${port}.`)}
+          logger.info(
+            `Port ${original} is in use, ${color9.yellow(`using port ${port}.`)}
 `
           );
         }
@@ -2683,13 +2897,13 @@ var init_watchFiles = __esm({
 });
 
 // src/server/socketServer.ts
-import { logger as logger9 } from "@rsbuild/shared";
 var SocketServer;
 var init_socketServer = __esm({
   "src/server/socketServer.ts"() {
     "use strict";
     init_esm();
     init_helpers();
+    init_logger();
     SocketServer = class {
       constructor(options) {
         __publicField(this, "wsServer");
@@ -2715,7 +2929,7 @@ var init_socketServer = __esm({
           path: this.options.client?.path
         });
         this.wsServer.on("error", (err) => {
-          logger9.error(err);
+          logger.error(err);
         });
         this.timer = setInterval(() => {
           for (const socket of this.wsServer.clients) {
@@ -2934,10 +3148,8 @@ __export(devServer_exports, {
 });
 import fs3 from "fs";
 import {
-  debug as debug6,
   getNodeEnv as getNodeEnv5,
   getPublicPathFromCompiler,
-  isMultiCompiler as isMultiCompiler2,
   setNodeEnv as setNodeEnv2
 } from "@rsbuild/shared";
 async function createDevServer(options, createDevMiddleware2, config, {
@@ -2948,7 +3160,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
   if (!getNodeEnv5()) {
     setNodeEnv2("development");
   }
-  debug6("create dev server");
+  logger.debug("create dev server");
   const serverConfig = config.server;
   const { port, host, https } = await getServerConfig({
     config,
@@ -2975,7 +3187,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
       customCompiler
     );
     const { CompilerDevMiddleware: CompilerDevMiddleware2 } = await Promise.resolve().then(() => (init_compilerDevMiddleware(), compilerDevMiddleware_exports));
-    const publicPaths = isMultiCompiler2(compiler) ? compiler.compilers.map(getPublicPathFromCompiler) : [getPublicPathFromCompiler(compiler)];
+    const publicPaths = isMultiCompiler(compiler) ? compiler.compilers.map(getPublicPathFromCompiler) : [getPublicPathFromCompiler(compiler)];
     const compilerDevMiddleware = new CompilerDevMiddleware2({
       dev: devConfig,
       server: serverConfig,
@@ -2983,7 +3195,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
       devMiddleware
     });
     await compilerDevMiddleware.init();
-    outputFileSystem = (isMultiCompiler2(compiler) ? compiler.compilers[0].outputFileSystem : compiler.outputFileSystem) || fs3;
+    outputFileSystem = (isMultiCompiler(compiler) ? compiler.compilers[0].outputFileSystem : compiler.outputFileSystem) || fs3;
     return {
       middleware: compilerDevMiddleware.middleware,
       sockWrite: (...args) => compilerDevMiddleware.sockWrite(...args),
@@ -3047,7 +3259,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
         serverConfig,
         middlewares
       });
-      debug6("listen dev server");
+      logger.debug("listen dev server");
       return new Promise((resolve) => {
         httpServer.listen(
           {
@@ -3060,7 +3272,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
             }
             middlewares.use(notFoundMiddleware);
             httpServer.on("upgrade", devMiddlewares.onUpgrade);
-            debug6("listen dev server done");
+            logger.debug("listen dev server done");
             await server.afterListen();
             const closeServer = async () => {
               await server.close();
@@ -3091,7 +3303,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
       await fileWatcher?.close();
     }
   };
-  debug6("create dev server done");
+  logger.debug("create dev server done");
   return server;
 }
 var init_devServer = __esm({
@@ -3099,6 +3311,8 @@ var init_devServer = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_helpers();
+    init_logger();
     init_getDevMiddlewares();
     init_helper();
     init_httpServer();
@@ -3113,13 +3327,15 @@ var build_exports = {};
 __export(build_exports, {
   build: () => build
 });
-import { getNodeEnv as getNodeEnv6, logger as logger10, onCompileDone as onCompileDone2, setNodeEnv as setNodeEnv3 } from "@rsbuild/shared";
+import { getNodeEnv as getNodeEnv6, setNodeEnv as setNodeEnv3 } from "@rsbuild/shared";
 import { rspack as rspack4 } from "@rspack/core";
 var build;
 var init_build = __esm({
   "src/provider/build.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
+    init_logger();
     init_createCompiler();
     init_initConfigs();
     build = async (initOptions, { mode = "production", watch, compiler: customCompiler } = {}) => {
@@ -3148,7 +3364,7 @@ var init_build = __esm({
         isFirstCompile = false;
         await p;
       };
-      onCompileDone2(
+      onCompileDone(
         compiler,
         onDone,
         // @ts-expect-error type mismatch
@@ -3157,7 +3373,7 @@ var init_build = __esm({
       if (watch) {
         compiler.watch({}, (err) => {
           if (err) {
-            logger10.error(err);
+            logger.error(err);
           }
         });
         return;
@@ -3170,7 +3386,7 @@ var init_build = __esm({
           } else {
             compiler.close((closeErr) => {
               if (closeErr) {
-                logger10.error(closeErr);
+                logger.error(closeErr);
               }
               resolve({ stats });
             });
@@ -3267,22 +3483,30 @@ __export(basic_exports, {
   pluginBasic: () => pluginBasic
 });
 import path5 from "path";
-import { TARGET_ID_MAP as TARGET_ID_MAP2, getJsSourceMap, isUsingHMR } from "@rsbuild/shared";
-var pluginBasic;
+import { isProd as isProd3, isUsingHMR } from "@rsbuild/shared";
+var getJsSourceMap, pluginBasic;
 var init_basic = __esm({
   "src/plugins/basic.ts"() {
     "use strict";
     init_esm();
+    init_constants();
+    getJsSourceMap = (config) => {
+      const { sourceMap } = config.output;
+      if (sourceMap.js === void 0) {
+        return isProd3() ? false : "cheap-module-source-map";
+      }
+      return sourceMap.js;
+    };
     pluginBasic = () => ({
       name: "rsbuild:basic",
       setup(api) {
         api.modifyBundlerChain(
-          (chain, { env, isProd: isProd6, target, bundler, CHAIN_ID: CHAIN_ID3 }) => {
+          (chain, { env, isProd: isProd7, target, bundler, CHAIN_ID: CHAIN_ID3 }) => {
             const config = api.getNormalizedConfig();
-            chain.name(TARGET_ID_MAP2[target]);
+            chain.name(TARGET_ID_MAP[target]);
             chain.devtool(getJsSourceMap(config));
             chain.context(api.context.rootPath);
-            chain.mode(isProd6 ? "production" : "development");
+            chain.mode(isProd7 ? "production" : "development");
             chain.merge({
               infrastructureLogging: {
                 // Using `error` level to avoid `cache.PackFileCacheStrategy` logs
@@ -3295,9 +3519,9 @@ var init_basic = __esm({
                 exportsPresence: "error"
               }
             });
-            const isMinimize = isProd6 && config.output.minify !== false;
+            const isMinimize = isProd7 && config.output.minify !== false;
             chain.optimization.minimize(isMinimize);
-            const usingHMR = isUsingHMR(config, { target, isProd: isProd6 });
+            const usingHMR = isUsingHMR(config, { target, isProd: isProd7 });
             if (usingHMR) {
               chain.plugin(CHAIN_ID3.PLUGIN.HMR).use(bundler.HotModuleReplacementPlugin);
             }
@@ -3467,7 +3691,7 @@ import {
   deepmerge as deepmerge2,
   getBrowserslistWithDefault as getBrowserslistWithDefault2,
   isFunction as isFunction5,
-  isPlainObject as isPlainObject2,
+  isPlainObject as isPlainObject3,
   reduceConfigs,
   reduceConfigsWithContext
 } from "@rsbuild/shared";
@@ -3493,7 +3717,7 @@ async function applyCSSRule({
   rule,
   config,
   context,
-  utils: { target, isProd: isProd6, CHAIN_ID: CHAIN_ID3 },
+  utils: { target, isProd: isProd7, CHAIN_ID: CHAIN_ID3 },
   importLoaders = 1
 }) {
   const browserslist = await getBrowserslistWithDefault2(
@@ -3502,7 +3726,7 @@ async function applyCSSRule({
     target
   );
   const enableExtractCSS = isUseCssExtract(config, target);
-  const localIdentName = getCSSModulesLocalIdentName(config, isProd6);
+  const localIdentName = getCSSModulesLocalIdentName(config, isProd7);
   const cssLoaderOptions = getCSSLoaderOptions({
     config,
     importLoaders,
@@ -3544,8 +3768,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, 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]");
+    getCSSModulesLocalIdentName = (config, isProd7) => config.output.cssModules.localIdentName || // Using shorter classname in production to reduce bundle size
+    (isProd7 ? "[local]-[hash:base64:6]" : "[path][name]__[local]-[hash:base64:6]");
     normalizeCssLoaderOptions = (options, exportOnlyLocals) => {
       if (options.modules && exportOnlyLocals) {
         let { modules } = options;
@@ -3575,7 +3799,7 @@ var init_css = __esm({
         (plugin) => isFunction5(plugin) ? plugin({}) : plugin
       );
       const hasAutoprefixer = pluginObjects.some((pluginObject) => {
-        if (isPlainObject2(pluginObject) && "postcssPlugin" in pluginObject) {
+        if (isPlainObject3(pluginObject) && "postcssPlugin" in pluginObject) {
           return pluginObject.postcssPlugin === "autoprefixer";
         }
         return false;
@@ -3693,19 +3917,17 @@ __export(output_exports, {
 });
 import { posix as posix2 } from "path";
 import {
-  DEFAULT_ASSET_PREFIX as DEFAULT_ASSET_PREFIX3,
-  getDistPath as getDistPath3,
-  getFilename as getFilename2
+  DEFAULT_ASSET_PREFIX as DEFAULT_ASSET_PREFIX3
 } from "@rsbuild/shared";
 import { rspack as rspack5 } from "@rspack/core";
 function getPublicPath({
-  isProd: isProd6,
+  isProd: isProd7,
   config,
   context
 }) {
   const { dev, output } = config;
   let publicPath = DEFAULT_ASSET_PREFIX3;
-  if (isProd6) {
+  if (isProd7) {
     if (typeof output.assetPrefix === "string") {
       publicPath = output.assetPrefix;
     }
@@ -3737,16 +3959,16 @@ var init_output = __esm({
       name: "rsbuild:output",
       setup(api) {
         api.modifyBundlerChain(
-          async (chain, { CHAIN_ID: CHAIN_ID3, target, isProd: isProd6, isServer, isServiceWorker }) => {
+          async (chain, { CHAIN_ID: CHAIN_ID3, target, isProd: isProd7, isServer, isServiceWorker }) => {
             const config = api.getNormalizedConfig();
             const publicPath = getPublicPath({
               config,
-              isProd: isProd6,
+              isProd: isProd7,
               context: api.context
             });
-            const jsPath = getDistPath3(config, "js");
-            const jsAsyncPath = getDistPath3(config, "jsAsync");
-            const jsFilename = getFilename2(config, "js", isProd6);
+            const jsPath = config.output.distPath.js;
+            const jsAsyncPath = config.output.distPath.jsAsync ?? (jsPath ? `${jsPath}/async` : "async");
+            const jsFilename = getFilename2(config, "js", isProd7);
             const isJsFilenameFn = typeof jsFilename === "function";
             chain.output.path(api.context.distPath).filename(
               isJsFilenameFn ? (...args) => {
@@ -3760,14 +3982,14 @@ var init_output = __esm({
               } : posix2.join(jsAsyncPath, jsFilename)
             ).publicPath(publicPath).pathinfo(false).hashFunction("xxhash64");
             if (isServer) {
-              const serverPath = getDistPath3(config, "server");
+              const serverPath = config.output.distPath.server;
               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 workerPath = config.output.distPath.worker;
               const filename = posix2.join(workerPath, "[name].js");
               chain.output.filename(filename).chunkFilename(filename);
             }
@@ -3778,9 +4000,9 @@ var init_output = __esm({
             }
             if (isUseCssExtract(config, target)) {
               const extractPluginOptions = config.tools.cssExtract.pluginOptions;
-              const cssPath = getDistPath3(config, "css");
-              const cssFilename = getFilename2(config, "css", isProd6);
-              const cssAsyncPath = getDistPath3(config, "cssAsync");
+              const cssPath = config.output.distPath.css;
+              const cssFilename = getFilename2(config, "css", isProd7);
+              const cssAsyncPath = config.output.distPath.cssAsync ?? (cssPath ? `${cssPath}/async` : "async");
               chain.plugin(CHAIN_ID3.PLUGIN.MINI_CSS_EXTRACT).use(getCssExtractPlugin(), [
                 {
                   filename: posix2.join(cssPath, cssFilename),
@@ -3802,7 +4024,7 @@ __export(resolve_exports, {
   pluginResolve: () => pluginResolve
 });
 import {
-  castArray as castArray4,
+  castArray as castArray6,
   reduceConfigsWithContext as reduceConfigsWithContext2
 } from "@rsbuild/shared";
 function applyFullySpecified({
@@ -3839,7 +4061,7 @@ function applyAlias({
     ctx: { target }
   });
   for (const name of Object.keys(mergedAlias)) {
-    const values = castArray4(mergedAlias[name]);
+    const values = castArray6(mergedAlias[name]);
     const formattedValues = values.map((value) => {
       if (typeof value === "string" && value.startsWith(".")) {
         return ensureAbsolutePath(rootPath, value);
@@ -3896,7 +4118,7 @@ __export(fileSize_exports, {
 });
 import path7 from "path";
 import { JS_REGEX, fse as fse4 } from "@rsbuild/shared";
-import { color as color9, logger as logger11 } from "@rsbuild/shared";
+import { color as color10 } from "@rsbuild/shared";
 async function printHeader(longestFileLength, longestLabelLength) {
   const longestLengths = [longestFileLength, longestLabelLength];
   const headerRow = ["File", "Size", "Gzipped"].reduce((prev, cur, index) => {
@@ -3907,7 +4129,7 @@ async function printHeader(longestFileLength, longestLabelLength) {
     }
     return `${prev + curLabel}    `;
   }, "  ");
-  logger11.log(color9.bold(color9.blue(headerRow)));
+  logger.log(color10.bold(color10.blue(headerRow)));
 }
 async function printFileSizes(config, stats, rootPath) {
   if (config.detail === false && config.total === false) {
@@ -3958,7 +4180,7 @@ async function printFileSizes(config, stats, rootPath) {
     return;
   }
   assets.sort((a, b) => a.size - b.size);
-  logger11.info("Production file sizes:\n");
+  logger.info("Production file sizes:\n");
   const longestLabelLength = Math.max(...assets.map((a) => a.sizeLabel.length));
   const longestFileLength = Math.max(
     ...assets.map((a) => (a.folder + path7.sep + a.name).length)
@@ -3980,22 +4202,22 @@ async function printFileSizes(config, stats, rootPath) {
         const rightPadding = " ".repeat(longestLabelLength - sizeLength);
         sizeLabel += rightPadding;
       }
-      let fileNameLabel = color9.dim(asset.folder + path7.sep) + coloringAssetName(asset.name);
+      let fileNameLabel = color10.dim(asset.folder + path7.sep) + coloringAssetName(asset.name);
       if (fileNameLength < longestFileLength) {
         const rightPadding = " ".repeat(longestFileLength - fileNameLength);
         fileNameLabel += rightPadding;
       }
-      logger11.log(`  ${fileNameLabel}    ${sizeLabel}    ${gzipSizeLabel}`);
+      logger.log(`  ${fileNameLabel}    ${sizeLabel}    ${gzipSizeLabel}`);
     }
   }
   if (config.total !== false) {
-    const totalSizeLabel = `${color9.bold(
-      color9.blue("Total size:")
+    const totalSizeLabel = `${color10.bold(
+      color10.blue("Total size:")
     )}  ${calcFileSize(totalSize)}`;
-    const gzippedSizeLabel = `${color9.bold(
-      color9.blue("Gzipped size:")
+    const gzippedSizeLabel = `${color10.bold(
+      color10.blue("Gzipped size:")
     )}  ${calcFileSize(totalGzipSize)}`;
-    logger11.log(`
+    logger.log(`
   ${totalSizeLabel}
   ${gzippedSizeLabel}
 `);
@@ -4007,15 +4229,16 @@ var init_fileSize = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_logger();
     filterAsset = (asset) => !/\.map$/.test(asset) && !/\.LICENSE\.txt$/.test(asset);
     getAssetColor = (size) => {
       if (size > 300 * 1e3) {
-        return color9.red;
+        return color10.red;
       }
       if (size > 100 * 1e3) {
-        return color9.yellow;
+        return color10.yellow;
       }
-      return color9.green;
+      return color10.green;
     };
     calcFileSize = (len) => {
       const val = len / 1e3;
@@ -4023,15 +4246,15 @@ var init_fileSize = __esm({
     };
     coloringAssetName = (assetName) => {
       if (JS_REGEX.test(assetName)) {
-        return color9.cyan(assetName);
+        return color10.cyan(assetName);
       }
       if (CSS_REGEX.test(assetName)) {
-        return color9.yellow(assetName);
+        return color10.yellow(assetName);
       }
       if (HTML_REGEX.test(assetName)) {
-        return color9.green(assetName);
+        return color10.green(assetName);
       }
-      return color9.magenta(assetName);
+      return color10.magenta(assetName);
     };
     pluginFileSize = () => ({
       name: "rsbuild:file-size",
@@ -4053,8 +4276,8 @@ var init_fileSize = __esm({
                 api.context.rootPath
               );
             } catch (err) {
-              logger11.warn("Failed to print file size.");
-              logger11.warn(err);
+              logger.warn("Failed to print file size.");
+              logger.warn(err);
             }
           }
         });
@@ -4069,12 +4292,13 @@ __export(cleanOutput_exports, {
   pluginCleanOutput: () => pluginCleanOutput
 });
 import { sep } from "path";
-import { color as color10, fse as fse5, logger as logger12 } from "@rsbuild/shared";
+import { color as color11, fse as fse5 } from "@rsbuild/shared";
 var emptyDir, addTrailingSep, isStrictSubdir, pluginCleanOutput;
 var init_cleanOutput = __esm({
   "src/plugins/cleanOutput.ts"() {
     "use strict";
     init_esm();
+    init_logger();
     emptyDir = async (dir) => {
       if (await fse5.pathExists(dir)) {
         await fse5.emptyDir(dir);
@@ -4096,14 +4320,14 @@ var init_cleanOutput = __esm({
           if (cleanDistPath === void 0) {
             cleanDistPath = isStrictSubdir(rootPath, distPath);
             if (!cleanDistPath) {
-              logger12.warn(
+              logger.warn(
                 "The dist path is not a subdir of root path, Rsbuild will not empty it."
               );
-              logger12.warn(
-                `Please set ${color10.yellow("`output.cleanDistPath`")} config manually.`
+              logger.warn(
+                `Please set ${color11.yellow("`output.cleanDistPath`")} config manually.`
               );
-              logger12.warn(`Current root path: ${color10.dim(rootPath)}`);
-              logger12.warn(`Current dist path: ${color10.dim(distPath)}`);
+              logger.warn(`Current root path: ${color11.dim(rootPath)}`);
+              logger.warn(`Current dist path: ${color11.dim(distPath)}`);
             }
           }
           if (cleanDistPath) {
@@ -4124,7 +4348,6 @@ __export(asset_exports, {
   pluginAsset: () => pluginAsset
 });
 import path8 from "path";
-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(
@@ -4138,6 +4361,7 @@ var init_asset = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_helpers();
     chainStaticAssetRule = ({
       emit,
       rule,
@@ -4162,12 +4386,12 @@ var init_asset = __esm({
     pluginAsset = () => ({
       name: "rsbuild:asset",
       setup(api) {
-        api.modifyBundlerChain((chain, { isProd: isProd6, target }) => {
+        api.modifyBundlerChain((chain, { isProd: isProd7, target }) => {
           const config = api.getNormalizedConfig();
           const createAssetRule = (assetType, exts, emit2) => {
             const regExp = getRegExpForExts(exts);
-            const distDir = getDistPath4(config, assetType);
-            const filename = getFilename3(config, assetType, isProd6);
+            const distDir = config.output.distPath[assetType];
+            const filename = getFilename2(config, assetType, isProd7);
             const { dataUriLimit } = config.output;
             const maxSize = typeof dataUriLimit === "number" ? dataUriLimit : dataUriLimit[assetType];
             const rule = chain.module.rule(assetType).test(regExp);
@@ -4250,9 +4474,9 @@ var init_minimize = __esm({
       }
       return options;
     };
-    parseMinifyOptions = (config, isProd6 = true) => {
+    parseMinifyOptions = (config, isProd7 = true) => {
       const minify = config.output.minify;
-      if (minify === false || !isProd6) {
+      if (minify === false || !isProd7) {
         return {
           minifyJs: false,
           minifyCss: false,
@@ -4284,9 +4508,9 @@ var init_minimize = __esm({
         if (api.context.bundlerType === "webpack") {
           return;
         }
-        api.modifyBundlerChain(async (chain, { isProd: isProd6 }) => {
+        api.modifyBundlerChain(async (chain, { isProd: isProd7 }) => {
           const config = api.getNormalizedConfig();
-          const isMinimize = isProd6 && config.output.minify !== false;
+          const isMinimize = isProd7 && config.output.minify !== false;
           if (!isMinimize) {
             return;
           }
@@ -4314,8 +4538,7 @@ __export(HtmlBasicPlugin_exports, {
   hasTitle: () => hasTitle
 });
 import {
-  isFunction as isFunction6,
-  partition
+  isFunction as isFunction6
 } from "@rsbuild/shared";
 var VOID_TAGS, HEAD_TAGS, FILE_ATTRS, hasTitle, getTagPriority, formatBasicTag, fromBasicTag, formatTags, applyTagConfig, addTitleTag, addFavicon, HtmlBasicPlugin;
 var init_HtmlBasicPlugin = __esm({
@@ -4602,14 +4825,12 @@ __export(html_exports, {
 });
 import path9, { isAbsolute as isAbsolute6 } from "path";
 import {
-  castArray as castArray5,
-  color as color11,
+  castArray as castArray7,
+  color as color12,
   deepmerge as deepmerge4,
   fse as fse6,
-  getDistPath as getDistPath5,
   isHtmlDisabled,
-  isPlainObject as isPlainObject3,
-  isURL,
+  isPlainObject as isPlainObject4,
   reduceConfigsMergeContext as reduceConfigsMergeContext2,
   reduceConfigsWithContext as reduceConfigsWithContext3
 } from "@rsbuild/shared";
@@ -4645,8 +4866,8 @@ function getTerserMinifyOptions(config) {
   const finalOptions = applyRemoveConsole(options, config);
   return finalOptions;
 }
-async function getHtmlMinifyOptions(isProd6, config) {
-  if (!isProd6 || !config.output.minify || !parseMinifyOptions(config).minifyHtml) {
+async function getHtmlMinifyOptions(isProd7, config) {
+  if (!isProd7 || !config.output.minify || !parseMinifyOptions(config).minifyHtml) {
     return false;
   }
   const minifyJS = getTerserMinifyOptions(config);
@@ -4696,7 +4917,7 @@ async function getTemplate(entryName, config, rootPath) {
   if (!existTemplatePath.includes(absolutePath)) {
     if (!await isFileExists(absolutePath)) {
       throw new Error(
-        `Failed to resolve HTML template, please check if the file exists: ${color11.cyan(
+        `Failed to resolve HTML template, please check if the file exists: ${color12.cyan(
           absolutePath
         )}`
       );
@@ -4755,7 +4976,7 @@ function getTemplateParameters(entryName, config, assetPrefix) {
 function getChunks(entryName, entryValue) {
   const chunks = [entryName];
   for (const item of entryValue) {
-    if (!isPlainObject3(item)) {
+    if (!isPlainObject4(item)) {
       continue;
     }
     const { dependOn } = item;
@@ -4781,7 +5002,7 @@ var init_html = __esm({
     existTemplatePath = [];
     getTagConfig = (api) => {
       const config = api.getNormalizedConfig();
-      const tags = castArray5(config.html.tags).filter(Boolean);
+      const tags = castArray7(config.html.tags).filter(Boolean);
       if (!tags.length) {
         return void 0;
       }
@@ -4796,12 +5017,12 @@ var init_html = __esm({
       name: "rsbuild:html",
       setup(api) {
         api.modifyBundlerChain(
-          async (chain, { HtmlPlugin, isProd: isProd6, CHAIN_ID: CHAIN_ID3, target }) => {
+          async (chain, { HtmlPlugin, isProd: isProd7, CHAIN_ID: CHAIN_ID3, target }) => {
             const config = api.getNormalizedConfig();
             if (isHtmlDisabled(config, target)) {
               return;
             }
-            const minify = await getHtmlMinifyOptions(isProd6, config);
+            const minify = await getHtmlMinifyOptions(isProd7, config);
             const assetPrefix = getPublicPathFromChain(chain, false);
             const entries = chain.entryPoints.entries() || {};
             const entryNames = Object.keys(entries);
@@ -4877,7 +5098,7 @@ var init_html = __esm({
               }
               if (appIcon) {
                 const { HtmlAppIconPlugin: HtmlAppIconPlugin2 } = await Promise.resolve().then(() => (init_HtmlAppIconPlugin(), HtmlAppIconPlugin_exports));
-                const distDir = getDistPath5(config, "image");
+                const distDir = config.output.distPath.image;
                 const iconPath = path9.isAbsolute(appIcon) ? appIcon : path9.join(api.context.rootPath, appIcon);
                 chain.plugin(CHAIN_ID3.PLUGIN.APP_ICON).use(HtmlAppIconPlugin2, [{ iconPath, distDir }]);
               }
@@ -4913,7 +5134,6 @@ __export(wasm_exports, {
   pluginWasm: () => pluginWasm
 });
 import { posix as posix4 } from "path";
-import { getDistPath as getDistPath6 } from "@rsbuild/shared";
 var pluginWasm;
 var init_wasm = __esm({
   "src/plugins/wasm.ts"() {
@@ -4924,7 +5144,7 @@ var init_wasm = __esm({
       setup(api) {
         api.modifyBundlerChain(async (chain, { CHAIN_ID: CHAIN_ID3 }) => {
           const config = api.getNormalizedConfig();
-          const distPath = getDistPath6(config, "wasm");
+          const distPath = config.output.distPath.wasm;
           chain.experiments({
             ...chain.get("experiments"),
             asyncWebAssembly: true
@@ -4979,12 +5199,12 @@ __export(nodeAddons_exports, {
   pluginNodeAddons: () => pluginNodeAddons
 });
 import path10 from "path";
-var getFilename4, pluginNodeAddons;
+var getFilename3, pluginNodeAddons;
 var init_nodeAddons = __esm({
   "src/plugins/nodeAddons.ts"() {
     "use strict";
     init_esm();
-    getFilename4 = (resourcePath) => {
+    getFilename3 = (resourcePath) => {
       let basename2 = "";
       if (resourcePath) {
         const parsed = path10.parse(resourcePath);
@@ -5003,7 +5223,7 @@ var init_nodeAddons = __esm({
         api.transform(
           { test: /\.node$/, targets: ["node"], raw: true },
           ({ code, emitFile, resourcePath }) => {
-            const name = getFilename4(resourcePath);
+            const name = getFilename3(resourcePath);
             if (name === null) {
               throw new Error(`Failed to load Node.js addon: "${resourcePath}"`);
             }
@@ -5060,13 +5280,14 @@ var progress_exports = {};
 __export(progress_exports, {
   pluginProgress: () => pluginProgress
 });
-import { TARGET_ID_MAP as TARGET_ID_MAP3, isProd as isProd3 } from "@rsbuild/shared";
+import { isProd as isProd4 } from "@rsbuild/shared";
 import { rspack as rspack7 } from "@rspack/core";
 var pluginProgress;
 var init_progress = __esm({
   "src/plugins/progress.ts"() {
     "use strict";
     init_esm();
+    init_constants();
     pluginProgress = () => ({
       name: "rsbuild:progress",
       setup(api) {
@@ -5076,11 +5297,11 @@ 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
-          isProd3();
+          isProd4();
           if (!options) {
             return;
           }
-          const prefix = options !== true && options.id !== void 0 ? options.id : TARGET_ID_MAP3[target];
+          const prefix = options !== true && options.id !== void 0 ? options.id : TARGET_ID_MAP[target];
           chain.plugin(CHAIN_ID3.PLUGIN.PROGRESS).use(rspack7.ProgressPlugin, [
             {
               prefix,
@@ -5107,7 +5328,6 @@ import {
   deepmerge as deepmerge5,
   getBrowserslistWithDefault as getBrowserslistWithDefault3,
   getCoreJsVersion,
-  isWebTarget,
   reduceConfigs as reduceConfigs2
 } from "@rsbuild/shared";
 async function getDefaultSwcConfig(config, rootPath, target) {
@@ -5170,6 +5390,7 @@ var init_swc = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_helpers();
     builtinSwcLoaderName = "builtin:swc-loader";
     pluginSwc = () => ({
       name: PLUGIN_SWC_NAME,
@@ -5485,7 +5706,7 @@ __export(open_exports, {
 });
 import { exec } from "child_process";
 import { promisify } from "util";
-import { castArray as castArray6, debug as debug7, logger as logger13 } from "@rsbuild/shared";
+import { castArray as castArray8 } from "@rsbuild/shared";
 async function openBrowser(url2) {
   const shouldTryOpenChromeWithAppleScript = process.platform === "darwin";
   if (shouldTryOpenChromeWithAppleScript) {
@@ -5502,10 +5723,10 @@ async function openBrowser(url2) {
         );
         return true;
       }
-      debug7("Failed to find the target browser.");
+      logger.debug("Failed to find the target browser.");
     } catch (err) {
-      debug7("Failed to open start URL with apple script.");
-      logger13.debug(err);
+      logger.debug("Failed to open start URL with apple script.");
+      logger.debug(err);
     }
   }
   try {
@@ -5513,8 +5734,8 @@ async function openBrowser(url2) {
     await open(url2);
     return true;
   } catch (err) {
-    logger13.error("Failed to open start URL.");
-    logger13.error(err);
+    logger.error("Failed to open start URL.");
+    logger.error(err);
     return false;
   }
 }
@@ -5584,6 +5805,7 @@ var init_open = __esm({
     init_esm();
     init_constants();
     init_helpers();
+    init_logger();
     execAsync = promisify(exec);
     supportedChromiumBrowsers = [
       "Google Chrome Canary",
@@ -5621,7 +5843,7 @@ var init_open = __esm({
         return { targets: open, before: beforeStartUrl };
       }
       return {
-        targets: open.target ? castArray6(open.target) : [],
+        targets: open.target ? castArray8(open.target) : [],
         before: open.before
       };
     };
@@ -5635,7 +5857,6 @@ __export(InlineChunkHtmlPlugin_exports, {
 });
 import { join as join9 } from "path";
 import {
-  addTrailingSlash as addTrailingSlash2,
   getPublicPathFromCompiler as getPublicPathFromCompiler3,
   isFunction as isFunction7
 } from "@rsbuild/shared";
@@ -5644,6 +5865,7 @@ var init_InlineChunkHtmlPlugin = __esm({
   "src/rspack/InlineChunkHtmlPlugin.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
     init_pluginHelper();
     InlineChunkHtmlPlugin = class {
       constructor({
@@ -5676,7 +5898,7 @@ var init_InlineChunkHtmlPlugin = __esm({
         const { devtool } = compilation.options;
         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(
+          const prefix = addTrailingSlash(
             join9(publicPath, this.distPath[type] || "")
           );
           return source.replace(
@@ -5816,8 +6038,7 @@ __export(inlineChunk_exports, {
 });
 import {
   JS_REGEX as JS_REGEX2,
-  isHtmlDisabled as isHtmlDisabled2,
-  pick
+  isHtmlDisabled as isHtmlDisabled2
 } from "@rsbuild/shared";
 var pluginInlineChunk;
 var init_inlineChunk = __esm({
@@ -5825,6 +6046,7 @@ var init_inlineChunk = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_helpers();
     pluginInlineChunk = () => ({
       name: "rsbuild:inline-chunk",
       setup(api) {
@@ -5864,13 +6086,13 @@ var bundleAnalyzer_exports = {};
 __export(bundleAnalyzer_exports, {
   pluginBundleAnalyzer: () => pluginBundleAnalyzer
 });
-import { isProd as isProd4 } from "@rsbuild/shared";
+import { isProd as isProd5 } from "@rsbuild/shared";
 function pluginBundleAnalyzer() {
   return {
     name: "rsbuild:bundle-analyzer",
     setup(api) {
       api.modifyRsbuildConfig((config) => {
-        if (isProd4() || !isUseAnalyzer(config)) {
+        if (isProd5() || !isUseAnalyzer(config)) {
           return;
         }
         config.dev ||= {};
@@ -5909,12 +6131,13 @@ var rsdoctor_exports = {};
 __export(rsdoctor_exports, {
   pluginRsdoctor: () => pluginRsdoctor
 });
-import { color as color12, logger as logger14 } from "@rsbuild/shared";
+import { color as color13 } from "@rsbuild/shared";
 var pluginRsdoctor;
 var init_rsdoctor = __esm({
   "src/plugins/rsdoctor.ts"() {
     "use strict";
     init_esm();
+    init_logger();
     pluginRsdoctor = () => ({
       name: "rsbuild:rsdoctor",
       setup(api) {
@@ -5931,8 +6154,8 @@ var init_rsdoctor = __esm({
             });
             module = await import(path14);
           } catch (err) {
-            logger14.warn(
-              `\`process.env.RSDOCTOR\` enabled, please install ${color12.bold(color12.yellow(packageName))} package.`
+            logger.warn(
+              `\`process.env.RSDOCTOR\` enabled, please install ${color13.bold(color13.yellow(packageName))} package.`
             );
             return;
           }
@@ -5953,7 +6176,7 @@ var init_rsdoctor = __esm({
             isAutoRegister = true;
           }
           if (isAutoRegister) {
-            logger14.info(`${color12.bold(color12.yellow(packageName))} enabled.`);
+            logger.info(`${color13.bold(color13.yellow(packageName))} enabled.`);
           }
         });
       }
@@ -6112,8 +6335,7 @@ __export(HtmlPreloadOrPrefetchPlugin_exports, {
   HtmlPreloadOrPrefetchPlugin: () => HtmlPreloadOrPrefetchPlugin
 });
 import {
-  getPublicPathFromCompiler as getPublicPathFromCompiler4,
-  upperFirst as upperFirst2
+  getPublicPathFromCompiler as getPublicPathFromCompiler4
 } from "@rsbuild/shared";
 function filterResourceHints(resourceHints, scripts) {
   return resourceHints.filter(
@@ -6215,7 +6437,7 @@ var init_HtmlPreloadOrPrefetchPlugin = __esm({
       apply(compiler) {
         compiler.hooks.compilation.tap(this.constructor.name, (compilation) => {
           getHTMLPlugin().getHooks(compilation).beforeAssetTagGeneration.tap(
-            `HTML${upperFirst2(this.type)}Plugin`,
+            `HTML${upperFirst(this.type)}Plugin`,
             (htmlPluginData) => {
               this.resourceHints = generateLinks(
                 this.options,
@@ -6228,7 +6450,7 @@ var init_HtmlPreloadOrPrefetchPlugin = __esm({
             }
           );
           getHTMLPlugin().getHooks(compilation).alterAssetTags.tap(
-            `HTML${upperFirst2(this.type)}Plugin`,
+            `HTML${upperFirst(this.type)}Plugin`,
             (htmlPluginData) => {
               if (this.resourceHints) {
                 htmlPluginData.assetTags.styles = [
@@ -6636,20 +6858,20 @@ __export(rspackProfile_exports, {
 import inspector from "inspector";
 import path13 from "path";
 import { fse as fse8 } from "@rsbuild/shared";
-import { logger as logger15 } from "@rsbuild/shared";
 import { rspack as rspack9 } from "@rspack/core";
 var stopProfiler, pluginRspackProfile;
 var init_rspackProfile = __esm({
   "src/plugins/rspackProfile.ts"() {
     "use strict";
     init_esm();
+    init_logger();
     stopProfiler = (output, profileSession) => {
       if (!profileSession) {
         return;
       }
       profileSession.post("Profiler.stop", (error, param) => {
         if (error) {
-          logger15.error("Failed to generate JS CPU profile:", error);
+          logger.error("Failed to generate JS CPU profile:", error);
           return;
         }
         fse8.writeFileSync(output, JSON.stringify(param.profile));
@@ -6710,7 +6932,7 @@ var init_rspackProfile = __esm({
             rspack9.experimental_cleanupGlobalTrace();
           }
           stopProfiler(cpuProfilePath, profileSession);
-          logger15.info(`Saved Rspack profile file to ${profileDir}`);
+          logger.info(`Saved Rspack profile file to ${profileDir}`);
         });
       }
     });
@@ -6722,17 +6944,17 @@ var lazyCompilation_exports = {};
 __export(lazyCompilation_exports, {
   pluginLazyCompilation: () => pluginLazyCompilation
 });
-import { isRegExp } from "@rsbuild/shared";
 var pluginLazyCompilation;
 var init_lazyCompilation = __esm({
   "src/plugins/lazyCompilation.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
     pluginLazyCompilation = () => ({
       name: "rsbuild:lazy-compilation",
       setup(api) {
-        api.modifyBundlerChain((chain, { isProd: isProd6, target }) => {
-          if (isProd6 || target !== "web") {
+        api.modifyBundlerChain((chain, { isProd: isProd7, target }) => {
+          if (isProd7 || target !== "web") {
             return;
           }
           const config = api.getNormalizedConfig();
@@ -6798,9 +7020,7 @@ __export(sri_exports, {
 import crypto2 from "crypto";
 import {
   isHtmlDisabled as isHtmlDisabled4,
-  isProd as isProd5,
-  logger as logger16,
-  removeLeadingSlash as removeLeadingSlash2
+  isProd as isProd6
 } from "@rsbuild/shared";
 var getAssetName, pluginSri;
 var init_sri = __esm({
@@ -6808,11 +7028,13 @@ var init_sri = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_helpers();
+    init_logger();
     getAssetName = (url2, assetPrefix) => {
       if (url2.startsWith(assetPrefix)) {
-        return removeLeadingSlash2(url2.replace(assetPrefix, ""));
+        return removeLeadingSlash(url2.replace(assetPrefix, ""));
       }
-      return removeLeadingSlash2(url2);
+      return removeLeadingSlash(url2);
     };
     pluginSri = () => ({
       name: "rsbuild:sri",
@@ -6821,7 +7043,7 @@ var init_sri = __esm({
         const getAlgorithm = () => {
           const config = api.getNormalizedConfig();
           const { sri } = config.security;
-          const enable = sri.enable === "auto" ? isProd5() : sri.enable;
+          const enable = sri.enable === "auto" ? isProd6() : sri.enable;
           if (!enable) {
             return null;
           }
@@ -6888,7 +7110,7 @@ var init_sri = __esm({
                 `integrity="${integrity}"`
               );
             } else {
-              logger16.debug(
+              logger.debug(
                 `[rsbuild:sri] failed to generate integrity for ${assetName}.`
               );
               replacedHtml = replacedHtml.replace(
@@ -6960,12 +7182,12 @@ var nonce_exports = {};
 __export(nonce_exports, {
   pluginNonce: () => pluginNonce
 });
-import { applyToCompiler as applyToCompiler2, createVirtualModule as createVirtualModule2 } from "@rsbuild/shared";
 var pluginNonce;
 var init_nonce = __esm({
   "src/plugins/nonce.ts"() {
     "use strict";
     init_esm();
+    init_helpers();
     pluginNonce = () => ({
       name: "rsbuild:nonce",
       setup(api) {
@@ -6974,7 +7196,7 @@ var init_nonce = __esm({
           if (!nonce) {
             return;
           }
-          applyToCompiler2(compiler, (compiler2) => {
+          applyToCompiler(compiler, (compiler2) => {
             const { plugins } = compiler2.options;
             const hasHTML = plugins.some(
               (plugin) => plugin && plugin.constructor.name === "HtmlBasicPlugin"
@@ -6982,7 +7204,7 @@ var init_nonce = __esm({
             if (!hasHTML) {
               return;
             }
-            const injectCode = createVirtualModule2(
+            const injectCode = createVirtualModule(
               `__webpack_nonce__ = "${nonce}";`
             );
             new compiler2.webpack.EntryPlugin(compiler2.context, injectCode, {
@@ -7022,7 +7244,6 @@ __export(prodServer_exports, {
 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 } = {}) {
@@ -7101,6 +7322,7 @@ var init_prodServer = __esm({
     "use strict";
     init_esm();
     init_constants();
+    init_logger();
     init_helper();
     init_httpServer();
     init_middlewares();
@@ -7119,7 +7341,7 @@ var init_prodServer = __esm({
       }
       async applyDefaultMiddlewares() {
         const { headers, proxy, historyApiFallback, compress } = this.options.serverConfig;
-        if (isDebug5()) {
+        if (logger.level === "verbose") {
           this.middlewares.use(await getRequestLoggerMiddleware());
         }
         if (compress) {
@@ -7196,10 +7418,6 @@ __export(createRsbuild_exports, {
   createRsbuild: () => createRsbuild,
   pickRsbuildConfig: () => pickRsbuildConfig
 });
-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));
@@ -7289,9 +7507,9 @@ async function createRsbuild(options = {}) {
   );
   const pluginAPI = getPluginAPI({ context, pluginManager });
   context.pluginAPI = pluginAPI;
-  debug8("add default plugins");
+  logger.debug("add default plugins");
   await applyDefaultPlugins(pluginManager, context);
-  debug8("add default plugins done");
+  logger.debug("add default plugins done");
   const provider = rsbuildConfig.provider || await getRspackProvider();
   const providerInstance = await provider({
     context,
@@ -7305,13 +7523,13 @@ async function createRsbuild(options = {}) {
     return startProdServer2(context, config, options2);
   };
   const rsbuild = {
-    ...pick2(pluginManager, [
+    ...pick(pluginManager, [
       "addPlugins",
       "getPlugins",
       "removePlugins",
       "isPluginExists"
     ]),
-    ...pick2(pluginAPI, [
+    ...pick(pluginAPI, [
       "onBeforeBuild",
       "onBeforeCreateCompiler",
       "onBeforeStartDevServer",
@@ -7327,7 +7545,7 @@ async function createRsbuild(options = {}) {
       "getRsbuildConfig",
       "getNormalizedConfig"
     ]),
-    ...pick2(providerInstance, [
+    ...pick(providerInstance, [
       "build",
       "initConfigs",
       "inspectConfig",
@@ -7350,8 +7568,10 @@ var init_createRsbuild = __esm({
     "use strict";
     init_esm();
     init_createContext();
+    init_helpers();
     init_initPlugins();
     init_internal();
+    init_logger();
     init_pluginHelper();
     init_pluginManager();
     getRspackProvider = async () => {
@@ -7369,15 +7589,16 @@ var init_createRsbuild = __esm({
         "security",
         "performance",
         "moduleFederation",
+        "environments",
         "_privateMeta"
       ];
-      return pick2(rsbuildConfig, keys);
+      return pick(rsbuildConfig, keys);
     };
   }
 });
 
 // src/cli/init.ts
-import { isDev as isDev2, logger as logger17 } from "@rsbuild/shared";
+import { isDev as isDev2 } from "@rsbuild/shared";
 async function init({
   cliOptions,
   isRestart
@@ -7431,7 +7652,7 @@ async function init({
     });
   } catch (err) {
     if (isRestart) {
-      logger17.error(err);
+      logger.error(err);
     } else {
       throw err;
     }
@@ -7444,6 +7665,7 @@ var init_init = __esm({
     init_esm();
     init_config();
     init_loadEnv();
+    init_logger();
     init_restart();
     commonOpts = {};
   }
@@ -7452,10 +7674,10 @@ var init_init = __esm({
 // src/cli/commands.ts
 import { existsSync } from "fs";
 import { join as join12 } from "path";
-import { color as color13, logger as logger18 } from "@rsbuild/shared";
+import { color as color14 } from "@rsbuild/shared";
 import { program } from "../compiled/commander/index.js";
 function runCli() {
-  program.name("rsbuild").usage("<command> [options]").version("0.7.8");
+  program.name("rsbuild").usage("<command> [options]").version("0.7.9");
   const devCommand = program.command("dev");
   const buildCommand = program.command("build");
   const previewCommand = program.command("preview");
@@ -7469,8 +7691,8 @@ function runCli() {
       const rsbuild = await init({ cliOptions: options });
       await rsbuild?.startDevServer();
     } catch (err) {
-      logger18.error("Failed to start dev server.");
-      logger18.error(err);
+      logger.error("Failed to start dev server.");
+      logger.error(err);
       process.exit(1);
     }
   });
@@ -7481,8 +7703,8 @@ function runCli() {
         watch: options.watch
       });
     } catch (err) {
-      logger18.error("Failed to build.");
-      logger18.error(err);
+      logger.error("Failed to build.");
+      logger.error(err);
       process.exit(1);
     }
   });
@@ -7493,14 +7715,14 @@ function runCli() {
         const { distPath } = rsbuild.context;
         if (!existsSync(distPath)) {
           throw new Error(
-            `The output directory ${color13.yellow(
+            `The output directory ${color14.yellow(
               distPath
             )} does not exist, please build the project before previewing.`
           );
         }
         if (isEmptyDir(distPath)) {
           throw new Error(
-            `The output directory ${color13.yellow(
+            `The output directory ${color14.yellow(
               distPath
             )} is empty, please build the project before previewing.`
           );
@@ -7508,8 +7730,8 @@ function runCli() {
       }
       await rsbuild?.preview();
     } catch (err) {
-      logger18.error("Failed to start preview server.");
-      logger18.error(err);
+      logger.error("Failed to start preview server.");
+      logger.error(err);
       process.exit(1);
     }
   });
@@ -7523,8 +7745,8 @@ function runCli() {
         writeToDisk: true
       });
     } catch (err) {
-      logger18.error("Failed to inspect config.");
-      logger18.error(err);
+      logger.error("Failed to inspect config.");
+      logger.error(err);
       process.exit(1);
     }
   });
@@ -7536,6 +7758,7 @@ var init_commands = __esm({
     "use strict";
     init_esm();
     init_helpers();
+    init_logger();
     init_init();
     applyCommonOptions = (command) => {
       command.option(
@@ -7553,7 +7776,6 @@ var init_commands = __esm({
 });
 
 // src/cli/prepare.ts
-import { logger as logger19 } from "@rsbuild/shared";
 function initNodeEnv() {
   if (!process.env.NODE_ENV) {
     const command = process.argv[2];
@@ -7566,20 +7788,23 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  logger19.greet(`  ${`Rsbuild v${"0.7.8"}`}
+  logger.greet(`  ${`Rsbuild v${"0.7.9"}`}
 `);
 }
 var init_prepare = __esm({
   "src/cli/prepare.ts"() {
     "use strict";
     init_esm();
+    init_logger();
   }
 });
 
 // src/internal.ts
 var internal_exports = {};
 __export(internal_exports, {
+  TARGET_ID_MAP: () => TARGET_ID_MAP,
   applySwcDecoratorConfig: () => applySwcDecoratorConfig,
+  chainToConfig: () => chainToConfig,
   createDevServer: () => createDevServer,
   createPluginManager: () => createPluginManager,
   formatStats: () => formatStats,
@@ -7591,6 +7816,8 @@ __export(internal_exports, {
   initHooks: () => initHooks,
   initPlugins: () => initPlugins,
   initRsbuildConfig: () => initRsbuildConfig,
+  modifyBundlerChain: () => modifyBundlerChain,
+  onCompileDone: () => onCompileDone,
   outputInspectConfigFiles: () => outputInspectConfigFiles,
   prepareCli: () => prepareCli,
   runCli: () => runCli,
@@ -7610,10 +7837,12 @@ var init_internal = __esm({
     init_pluginHelper();
     init_helpers();
     init_rspackConfig();
+    init_configChain();
     init_swc();
     init_minimize();
     init_devMiddleware();
     init_devServer();
+    init_constants();
   }
 });
 
@@ -7623,12 +7852,12 @@ init_internal();
 init_loadEnv();
 init_createRsbuild();
 init_config();
+init_logger();
 init_mergeConfig();
 init_helpers();
 init_constants();
 import { rspack as rspack10 } from "@rspack/core";
-import { logger as logger20 } from "@rsbuild/shared";
-var version = "0.7.8";
+var version = "0.7.9";
 export {
   PLUGIN_CSS_NAME,
   PLUGIN_SWC_NAME,
@@ -7638,7 +7867,7 @@ export {
   ensureAssetPrefix,
   loadConfig,
   loadEnv,
-  logger20 as logger,
+  logger,
   mergeRsbuildConfig,
   rspack10 as rspack,
   version