@rsbuild/core 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/131.js

@@ -8,23 +8,19 @@ import * as __rspack_external_events from "events";
 import * as __rspack_external_fs from "fs";
 import * as __rspack_external_node_fs_5ea92f0c from "node:fs";
 import * as __rspack_external_node_module_ab9f2194 from "node:module";
+import * as __rspack_external_node_os_74b4b876 from "node:os";
 import * as __rspack_external_node_path_c5b9b54f from "node:path";
+import * as __rspack_external_node_process_786449bf from "node:process";
+import * as __rspack_external_node_tty_c64aab7e from "node:tty";
 import * as __rspack_external_node_url_e96de089 from "node:url";
 import * as __rspack_external_os from "os";
 import * as __rspack_external_path from "path";
 import * as __rspack_external_url from "url";
 import { __webpack_require__ } from "./rslib-runtime.js";
 import { rspack as core_rspack } from "@rspack/core";
-import node_process from "node:process";
-import node_os, { constants as external_node_os_constants, type as external_node_os_type } from "node:os";
-import node_tty from "node:tty";
-import { promisify as external_node_util_promisify, stripVTControlCharacters } from "node:util";
+import { promisify as external_node_util_promisify, stripVTControlCharacters, styleText } from "node:util";
 import { isPromise, isRegExp } from "node:util/types";
 import node_zlib from "node:zlib";
-function hasFlag(flag, argv = globalThis.Deno ? globalThis.Deno.args : node_process.argv) {
-    let prefix = flag.startsWith('-') ? '' : 1 === flag.length ? '-' : '--', position = argv.indexOf(prefix + flag), terminatorPosition = argv.indexOf('--');
-    return -1 !== position && (-1 === terminatorPosition || position < terminatorPosition);
-}
 __webpack_require__.add({
     "../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js" (module) {
         var isMergeableObject = function isMergeableObject(value) {
@@ -775,64 +771,6 @@ __webpack_require__.add({
             return (asyncHooks.AsyncResource && (res = new asyncHooks.AsyncResource(fn.name || 'bound-anonymous-fn')), res && res.runInAsyncScope) ? res.runInAsyncScope.bind(res, fn, null) : fn;
         }
     },
-    "../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js" (module) {
-        let p = process || {}, argv = p.argv || [], env = p.env || {}, isColorSupported = !(env.NO_COLOR || argv.includes("--no-color")) && (!!env.FORCE_COLOR || argv.includes("--color") || "win32" === p.platform || (p.stdout || {}).isTTY && "dumb" !== env.TERM || !!env.CI), formatter = (open, close, replace = open)=>(input)=>{
-                let string = "" + input, index = string.indexOf(close, open.length);
-                return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
-            }, replaceClose = (string, close, replace, index)=>{
-            let result = "", cursor = 0;
-            do result += string.substring(cursor, index) + replace, cursor = index + close.length, index = string.indexOf(close, cursor);
-            while (~index);
-            return result + string.substring(cursor);
-        }, createColors = (enabled = isColorSupported)=>{
-            let f = enabled ? formatter : ()=>String;
-            return {
-                isColorSupported: enabled,
-                reset: f("\x1b[0m", "\x1b[0m"),
-                bold: f("\x1b[1m", "\x1b[22m", "\x1b[22m\x1b[1m"),
-                dim: f("\x1b[2m", "\x1b[22m", "\x1b[22m\x1b[2m"),
-                italic: f("\x1b[3m", "\x1b[23m"),
-                underline: f("\x1b[4m", "\x1b[24m"),
-                inverse: f("\x1b[7m", "\x1b[27m"),
-                hidden: f("\x1b[8m", "\x1b[28m"),
-                strikethrough: f("\x1b[9m", "\x1b[29m"),
-                black: f("\x1b[30m", "\x1b[39m"),
-                red: f("\x1b[31m", "\x1b[39m"),
-                green: f("\x1b[32m", "\x1b[39m"),
-                yellow: f("\x1b[33m", "\x1b[39m"),
-                blue: f("\x1b[34m", "\x1b[39m"),
-                magenta: f("\x1b[35m", "\x1b[39m"),
-                cyan: f("\x1b[36m", "\x1b[39m"),
-                white: f("\x1b[37m", "\x1b[39m"),
-                gray: f("\x1b[90m", "\x1b[39m"),
-                bgBlack: f("\x1b[40m", "\x1b[49m"),
-                bgRed: f("\x1b[41m", "\x1b[49m"),
-                bgGreen: f("\x1b[42m", "\x1b[49m"),
-                bgYellow: f("\x1b[43m", "\x1b[49m"),
-                bgBlue: f("\x1b[44m", "\x1b[49m"),
-                bgMagenta: f("\x1b[45m", "\x1b[49m"),
-                bgCyan: f("\x1b[46m", "\x1b[49m"),
-                bgWhite: f("\x1b[47m", "\x1b[49m"),
-                blackBright: f("\x1b[90m", "\x1b[39m"),
-                redBright: f("\x1b[91m", "\x1b[39m"),
-                greenBright: f("\x1b[92m", "\x1b[39m"),
-                yellowBright: f("\x1b[93m", "\x1b[39m"),
-                blueBright: f("\x1b[94m", "\x1b[39m"),
-                magentaBright: f("\x1b[95m", "\x1b[39m"),
-                cyanBright: f("\x1b[96m", "\x1b[39m"),
-                whiteBright: f("\x1b[97m", "\x1b[39m"),
-                bgBlackBright: f("\x1b[100m", "\x1b[49m"),
-                bgRedBright: f("\x1b[101m", "\x1b[49m"),
-                bgGreenBright: f("\x1b[102m", "\x1b[49m"),
-                bgYellowBright: f("\x1b[103m", "\x1b[49m"),
-                bgBlueBright: f("\x1b[104m", "\x1b[49m"),
-                bgMagentaBright: f("\x1b[105m", "\x1b[49m"),
-                bgCyanBright: f("\x1b[106m", "\x1b[49m"),
-                bgWhiteBright: f("\x1b[107m", "\x1b[49m")
-            };
-        };
-        module.exports = createColors(), module.exports.createColors = createColors;
-    },
     "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.2/node_modules/postcss-load-config/src/index.js" (module, __unused_rspack_exports, __webpack_require__) {
         let yaml, { resolve } = __webpack_require__("node:path"), config = __webpack_require__("../../node_modules/.pnpm/lilconfig@3.1.3/node_modules/lilconfig/src/index.js"), loadOptions = __webpack_require__("../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.2/node_modules/postcss-load-config/src/options.js"), loadPlugins = __webpack_require__("../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.2/node_modules/postcss-load-config/src/plugins.js"), req = __webpack_require__("../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.2/node_modules/postcss-load-config/src/req.js");
         async function processResult(ctx, result) {
@@ -991,9 +929,18 @@ __webpack_require__.add({
     "node:module" (module) {
         module.exports = __rspack_external_node_module_ab9f2194;
     },
+    "node:os" (module) {
+        module.exports = __rspack_external_node_os_74b4b876;
+    },
     "node:path" (module) {
         module.exports = __rspack_external_node_path_c5b9b54f;
     },
+    "node:process" (module) {
+        module.exports = __rspack_external_node_process_786449bf;
+    },
+    "node:tty" (module) {
+        module.exports = __rspack_external_node_tty_c64aab7e;
+    },
     "node:url" (module) {
         module.exports = __rspack_external_node_url_e96de089;
     },
@@ -1007,7 +954,12 @@ __webpack_require__.add({
         module.exports = __rspack_external_url;
     }
 });
-let { env: dist_env } = node_process;
+let external_node_process_ = __webpack_require__("node:process"), external_node_os_ = __webpack_require__("node:os"), external_node_tty_ = __webpack_require__("node:tty"), createStyler = (style)=>(text)=>styleText(style, String(text)), bold = createStyler('bold'), red = createStyler('red'), green = createStyler('green'), yellow = createStyler('yellow'), magenta = createStyler('magenta'), cyan = createStyler('cyan'), gray = createStyler('gray');
+function hasFlag(flag, argv = globalThis.Deno ? globalThis.Deno.args : external_node_process_.default.argv) {
+    let prefix = flag.startsWith('-') ? '' : 1 === flag.length ? '-' : '--', position = argv.indexOf(prefix + flag), terminatorPosition = argv.indexOf('--');
+    return -1 !== position && (-1 === terminatorPosition || position < terminatorPosition);
+}
+let { env: dist_env } = external_node_process_.default;
 function envForceColor() {
     if (!('FORCE_COLOR' in dist_env)) return;
     if ('true' === dist_env.FORCE_COLOR) return 1;
@@ -1042,8 +994,8 @@ function _supportsColor(haveStream, { streamIsTTY, sniffFlags = !0 } = {}) {
     if (haveStream && !streamIsTTY && void 0 === forceColor) return 0;
     let min = forceColor || 0;
     if ('dumb' === dist_env.TERM) return min;
-    if ('win32' === node_process.platform) {
-        let osRelease = node_os.release().split('.');
+    if ('win32' === external_node_process_.default.platform) {
+        let osRelease = external_node_os_.default.release().split('.');
         return Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586 ? Number(osRelease[2]) >= 14931 ? 3 : 2 : 1;
     }
     if ('CI' in dist_env) return [
@@ -1079,18 +1031,12 @@ function createSupportsColor(stream, options = {}) {
 hasFlag('no-color') || hasFlag('no-colors') || hasFlag('color=false') || hasFlag('color=never') ? flagForceColor = 0 : (hasFlag('color') || hasFlag('colors') || hasFlag('color=true') || hasFlag('color=always')) && (flagForceColor = 1);
 let supportsColor = {
     stdout: createSupportsColor({
-        isTTY: node_tty.isatty(1)
+        isTTY: external_node_tty_.default.isatty(1)
     }),
     stderr: createSupportsColor({
-        isTTY: node_tty.isatty(2)
+        isTTY: external_node_tty_.default.isatty(2)
     })
-}, colorLevel = supportsColor.stdout ? supportsColor.stdout.level : 0, errorStackRegExp = /at [^\r\n]{0,200}:\d+:\d+[\s\)]*$/, anonymousErrorStackRegExp = /at [^\r\n]{0,200}\(<anonymous>\)$/, indexErrorStackRegExp = /at [^\r\n]{0,200}\(index\s\d+\)$/, formatter = (open, close, replace = open)=>colorLevel >= 2 ? (input)=>{
-        let string = '' + input, index = string.indexOf(close, open.length);
-        return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
-    } : String, replaceClose = (string, close, replace, index)=>{
-    let start = string.substring(0, index) + replace, end = string.substring(index + close.length), nextIndex = end.indexOf(close);
-    return ~nextIndex ? start + replaceClose(end, close, replace, nextIndex) : start + end;
-}, bold = formatter('\x1b[1m', '\x1b[22m', '\x1b[22m\x1b[1m'), red = formatter('\x1b[31m', '\x1b[39m'), green = formatter('\x1b[32m', '\x1b[39m'), yellow = formatter('\x1b[33m', '\x1b[39m'), magenta = formatter('\x1b[35m', '\x1b[39m'), cyan = formatter('\x1b[36m', '\x1b[39m'), gray = formatter('\x1b[90m', '\x1b[39m'), isWord = (char)=>!/[\s\n]/.test(char), LOG_LEVEL = {
+}, colorLevel = supportsColor.stdout ? supportsColor.stdout.level : 0, errorStackRegExp = /at [^\r\n]{0,200}:\d+:\d+[\s\)]*$/, anonymousErrorStackRegExp = /at [^\r\n]{0,200}\(<anonymous>\)$/, indexErrorStackRegExp = /at [^\r\n]{0,200}\(index\s\d+\)$/, isWord = (char)=>!/[\s\n]/.test(char), LOG_LEVEL = {
     silent: -1,
     error: 0,
     warn: 1,
@@ -1174,9 +1120,18 @@ let supportsColor = {
     }), logger.override = (customLogger)=>{
         Object.assign(logger, customLogger);
     }, logger;
-})(), picocolors = __webpack_require__("../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
-var superClass, superClass1, picocolors_default = __webpack_require__.n(picocolors);
-let isDebug = ()=>{
+})(), color_createStyler = (style)=>(text)=>styleText(style, String(text)), color = {
+    red: color_createStyler('red'),
+    yellow: color_createStyler('yellow'),
+    green: color_createStyler('green'),
+    blue: color_createStyler('blue'),
+    magenta: color_createStyler('magenta'),
+    cyan: color_createStyler('cyan'),
+    gray: color_createStyler('gray'),
+    dim: color_createStyler('dim'),
+    bold: color_createStyler('bold'),
+    underline: color_createStyler('underline')
+}, isDebug = ()=>{
     if (!process.env.DEBUG) return !1;
     let values = process.env.DEBUG.toLocaleLowerCase().split(',');
     return [
@@ -1192,8 +1147,8 @@ function getTime() {
 isDebug() && (src_logger.level = 'verbose'), src_logger.override({
     debug: (message, ...args)=>{
         if ('verbose' !== src_logger.level) return;
-        let time = picocolors_default().gray(getTime());
-        console.log(`  ${picocolors_default().magenta('rsbuild')} ${time} ${message}`, ...args);
+        let time = color.gray(getTime());
+        console.log(`  ${color.magenta('rsbuild')} ${time} ${message}`, ...args);
     }
 });
 let external_events_ = __webpack_require__("events");
@@ -1391,7 +1346,7 @@ class GlobalCommand extends Command {
         super("@@global@@", "", {}, cli);
     }
 }
-var __assign = Object.assign;
+var superClass, superClass1, __assign = Object.assign;
 class CAC extends external_events_.EventEmitter {
     constructor(name = ""){
         super(), this.name = name, this.commands = [], this.rawArgs = [], this.args = [], this.options = {}, this.globalCommand = new GlobalCommand(this), this.globalCommand.usage("<command> [options]");
@@ -2262,7 +2217,7 @@ let external_node_module_ = __webpack_require__("node:module"), vendors_require
         isMergeableObject: isPlainObject
     });
 function getFilename(config, type, isProd, isServer) {
-    let { filename, filenameHash } = config.output, defaultHash = '[contenthash:8]', getHash = ()=>'string' == typeof filenameHash ? filenameHash ? `.[${filenameHash}]` : '' : filenameHash ? `.${defaultHash}` : '';
+    let { filename, filenameHash } = config.output, defaultHash = '[contenthash:10]', getHash = ()=>'string' == typeof filenameHash ? filenameHash ? `.[${filenameHash}]` : '' : filenameHash ? `.${defaultHash}` : '';
     switch(type){
         case 'js':
             return filename.js ?? `[name]${isProd && !isServer ? getHash() : ''}.js`;
@@ -2287,7 +2242,7 @@ function getFilename(config, type, isProd, isServer) {
             if (filename.html) return filename.html;
             return 'flat' === config.html.outputStructure ? '[name].html' : '[name]/index.html';
         default:
-            throw Error(`${picocolors_default().dim('[rsbuild:config]')} unknown key ${picocolors_default().yellow(type)} in ${picocolors_default().yellow('output.filename')}`);
+            throw Error(`${color.dim('[rsbuild:config]')} unknown key ${color.yellow(type)} in ${color.yellow('output.filename')}`);
     }
 }
 function partition(array, predicate) {
@@ -2346,12 +2301,12 @@ function formatModuleTrace(stats, errorFile, level) {
         ...trace.slice(0, 2),
         `… (${trace.length - 2 - 2} hidden)`,
         ...trace.slice(trace.length - 2)
-    ]), picocolors_default().dim(`Import traces (entry → ${level}):\n  ${trace.join('\n  ')} ${picocolors_default().bold(picocolors_default().red('×'))}`);
+    ]), color.dim(`Import traces (entry → ${level}):\n  ${trace.join('\n  ')} ${color.bold(color.red('×'))}`);
 }
 function hintUnknownFiles(message) {
     let hint = 'You may need an appropriate loader to handle this file type.';
     if (-1 === message.indexOf(hint)) return message;
-    let createPluginHint = (packageName, keyword)=>`To enable support for ${keyword}, use "${picocolors_default().yellow(`@rsbuild/plugin-${packageName}`)}" ${picocolors_default().dim(`(https://npmjs.com/package/@rsbuild/plugin-${packageName})`)}.\n`;
+    let createPluginHint = (packageName, keyword)=>`To enable support for ${keyword}, use "${color.yellow(`@rsbuild/plugin-${packageName}`)}" ${color.dim(`(https://npmjs.com/package/@rsbuild/plugin-${packageName})`)}.\n`;
     for (let plugin of [
         {
             test: /File: .+\.s(c|a)ss/,
@@ -2394,10 +2349,10 @@ function formatStatsError(stats, root, level = 'error') {
         let DATA_URI_PREFIX = "data:text/javascript,";
         if (fileName.startsWith(DATA_URI_PREFIX)) {
             let snippet = fileName.replace(DATA_URI_PREFIX, '');
-            return snippet.length > 30 && (snippet = `${snippet.slice(0, 30)}...`), `File: ${picocolors_default().cyan('data-uri virtual module')} ${picocolors_default().dim(`(${snippet})`)}\n`;
+            return snippet.length > 30 && (snippet = `${snippet.slice(0, 30)}...`), `File: ${color.cyan('data-uri virtual module')} ${color.dim(`(${snippet})`)}\n`;
         }
         let prefix = root + external_node_path_.sep;
-        return (fileName.startsWith(prefix) && (fileName = fileName.replace(prefix, `.${external_node_path_.sep}`)), /:\d+:\d+/.test(fileName)) ? `File: ${picocolors_default().cyan(fileName)}\n` : stats.loc ? `File: ${picocolors_default().cyan(`${fileName}:${stats.loc}`)}\n` : `File: ${picocolors_default().cyan(`${fileName}:1:1`)}\n`;
+        return (fileName.startsWith(prefix) && (fileName = fileName.replace(prefix, `.${external_node_path_.sep}`)), /:\d+:\d+/.test(fileName)) ? `File: ${color.cyan(fileName)}\n` : stats.loc ? `File: ${color.cyan(`${fileName}:${stats.loc}`)}\n` : `File: ${color.cyan(`${fileName}:1:1`)}\n`;
     })(fileName, stats, root)}${stats.message}`, verbose = isVerbose();
     if (verbose && (stats.details && (message += `\nDetails: ${stats.details}\n`), stats.stack && (message += `\n${stats.stack}`)), 'error' === level || isVerbose()) {
         let moduleTrace = formatModuleTrace(stats, fileName, level);
@@ -2407,7 +2362,7 @@ function formatStatsError(stats, root, level = 'error') {
     !verbose && message.includes(innerError) && (message = message.split(innerError)[0]);
     let lines = (message = ((message)=>{
         if (-1 === message.indexOf('Multiple assets emit different content to the same filename')) return message;
-        let extraMessage = `You may need to adjust ${picocolors_default().yellow('output.filename')} configuration to prevent name conflicts. (See ${picocolors_default().yellow('https://rsbuild.rs/config/output/filename')})`;
+        let extraMessage = `You may need to adjust ${color.yellow('output.filename')} configuration to prevent name conflicts. (See ${color.yellow('https://rsbuild.rs/config/output/filename')})`;
         return `${message}\n${extraMessage}`;
     })(message = ((message)=>{
         let getTips = (moduleName)=>{
@@ -2415,9 +2370,9 @@ function formatStatsError(stats, root, level = 'error') {
                 `Error: "${moduleName}" is a built-in Node.js module and cannot be imported in client-side code.\n`,
                 'Solution: Check if you need to import Node.js module.',
                 '  - If not needed, remove the import.',
-                `  - If needed, use "${picocolors_default().yellow('@rsbuild/plugin-node-polyfill')}" to polyfill it. (See ${picocolors_default().yellow('https://npmjs.com/package/@rsbuild/plugin-node-polyfill')})`
+                `  - If needed, use "${color.yellow('@rsbuild/plugin-node-polyfill')}" to polyfill it. (See ${color.yellow('https://npmjs.com/package/@rsbuild/plugin-node-polyfill')})`
             ];
-            return `${message}\n\n${picocolors_default().red(tips.join('\n'))}`;
+            return `${message}\n\n${color.red(tips.join('\n'))}`;
         };
         if (message.includes('need an additional plugin to handle "node:" URIs')) return getTips('node:*');
         if (!message.includes("Can't resolve")) return message;
@@ -2431,7 +2386,7 @@ function formatStatsError(stats, root, level = 'error') {
 let ensureTrailingNewline = (input)=>input.replace(/[ \t]+$/, '').endsWith('\n') ? input : `${input}\n`;
 function formatErrorMessage(errors) {
     if (!errors.length) return 'Build failed. No errors reported since Rspack\'s "stats.errors" is disabled.';
-    let title = picocolors_default().bold(picocolors_default().red(errors.length > 1 ? 'Build errors: ' : 'Build error: ')), text = ensureTrailingNewline(errors.join('\n\n'));
+    let title = color.bold(color.red(errors.length > 1 ? 'Build errors: ' : 'Build error: ')), text = ensureTrailingNewline(errors.join('\n\n'));
     return `${title}\n${text}`;
 }
 let getStatsErrors = ({ errors, children })=>void 0 !== errors && errors.length > 0 ? errors : children ? children.reduce((errors, ret)=>ret.errors ? errors.concat(ret.errors) : errors, []) : [], getStatsWarnings = ({ warnings, children })=>void 0 !== warnings && warnings.length > 0 ? warnings : children ? children.reduce((warnings, ret)=>ret.warnings ? warnings.concat(ret.warnings) : warnings, []) : [];
@@ -2471,7 +2426,7 @@ function formatStats(stats, hasErrors, root) {
     };
     let warningMessages = getStatsWarnings(stats).map((item)=>formatStatsError(item, root, 'warning'));
     if (warningMessages.length) {
-        let title = picocolors_default().bold(picocolors_default().yellow(warningMessages.length > 1 ? 'Build warnings: \n' : 'Build warning: \n'));
+        let title = color.bold(color.yellow(warningMessages.length > 1 ? 'Build warnings: \n' : 'Build warning: \n'));
         return {
             message: ensureTrailingNewline(`${title}${warningMessages.join('\n\n')}`),
             level: 'warning'
@@ -3030,17 +2985,17 @@ function exit(exitCode, type) {
     if (!isCalled) {
         for (let callback of (isCalled = !0, exitHook_callbacks))callback(exitCode);
         if ('SIGINT' === type) {
-            let listeners = node_process.listeners('SIGINT');
-            Array.isArray(listeners) && listeners.length <= 1 && node_process.exit(exitCode);
+            let listeners = external_node_process_.default.listeners('SIGINT');
+            Array.isArray(listeners) && listeners.length <= 1 && external_node_process_.default.exit(exitCode);
         }
     }
 }
 function exitHook(onExit) {
-    return exitHook_callbacks.add(onExit), isRegistered || (isRegistered = !0, node_process.on('SIGINT', ()=>{
-        exit(external_node_os_constants.signals.SIGINT + 128, 'SIGINT');
-    }), node_process.once('SIGTERM', ()=>{
-        exit(external_node_os_constants.signals.SIGTERM + 128, 'SIGTERM');
-    }), node_process.once('exit', (exitCode)=>{
+    return exitHook_callbacks.add(onExit), isRegistered || (isRegistered = !0, external_node_process_.default.on('SIGINT', ()=>{
+        exit(external_node_os_.constants.signals.SIGINT + 128, 'SIGINT');
+    }), external_node_process_.default.once('SIGTERM', ()=>{
+        exit(external_node_os_.constants.signals.SIGTERM + 128, 'SIGTERM');
+    }), external_node_process_.default.once('exit', (exitCode)=>{
         exit(exitCode, 'exit');
     })), ()=>{
         exitHook_callbacks.delete(onExit);
@@ -3055,13 +3010,13 @@ let external_node_url_ = __webpack_require__("node:url"), addTrailingSlash = (s)
 };
 function validatePlugin(plugin) {
     let type = typeof plugin;
-    if ('object' !== type || null === plugin) throw Error(`${picocolors_default().dim('[rsbuild:plugin]')} Expect Rsbuild plugin instance to be an object, but got ${picocolors_default().yellow(type)}.`);
+    if ('object' !== type || null === plugin) throw Error(`${color.dim('[rsbuild:plugin]')} Expect Rsbuild plugin instance to be an object, but got ${color.yellow(type)}.`);
     if (!isFunction(plugin.setup)) {
         if (isFunction(plugin.apply)) {
             let { name = 'SomeWebpackPlugin' } = plugin.constructor || {};
             throw Error([
-                `${picocolors_default().yellow(name)} looks like a webpack or Rspack plugin, please use ${picocolors_default().yellow('`tools.rspack`')} to register it:`,
-                picocolors_default().green(`
+                `${color.yellow(name)} looks like a webpack or Rspack plugin, please use ${color.yellow('`tools.rspack`')} to register it:`,
+                color.green(`
   // rsbuild.config.ts
   export default {
     tools: {
@@ -3073,7 +3028,7 @@ function validatePlugin(plugin) {
 `)
             ].join('\n'));
         }
-        throw Error(`${picocolors_default().dim('[rsbuild:plugin]')} Expect the setup function of Rsbuild plugin to be a function, but got ${picocolors_default().yellow(type)}.`);
+        throw Error(`${color.dim('[rsbuild:plugin]')} Expect the setup function of Rsbuild plugin to be a function, but got ${color.yellow(type)}.`);
     }
 }
 let isEnvironmentMatch = (pluginEnvironment, specifiedEnvironment)=>pluginEnvironment === specifiedEnvironment || void 0 === pluginEnvironment;
@@ -3111,7 +3066,7 @@ async function initPlugins({ context, pluginManager }) {
         let allLines = [];
         function getPlugin(name) {
             let targets = plugins.filter((item)=>item.instance.name === name);
-            if (!targets.length) throw Error(`${picocolors_default().dim('[rsbuild:plugin]')} Plugin "${picocolors_default().yellow(name)}" not existed`);
+            if (!targets.length) throw Error(`${color.dim('[rsbuild:plugin]')} Plugin "${color.yellow(name)}" not existed`);
             return targets;
         }
         for (let plugin of plugins){
@@ -3132,7 +3087,7 @@ async function initPlugins({ context, pluginManager }) {
         if (allLines.length) {
             let restInRingPoints = {};
             for (let l of allLines)restInRingPoints[l[0]] = !0, restInRingPoints[l[1]] = !0;
-            throw Error(`${picocolors_default().dim('[rsbuild:plugin]')} Plugins dependencies has loop: ${picocolors_default().yellow(Object.keys(restInRingPoints).join(','))}`);
+            throw Error(`${color.dim('[rsbuild:plugin]')} Plugins dependencies has loop: ${color.yellow(Object.keys(restInRingPoints).join(','))}`);
         }
         return sortedPoint;
     })(plugins = ((plugins)=>{
@@ -3172,7 +3127,7 @@ async function initPlugins({ context, pluginManager }) {
 }
 function getHTMLPathByEntry(entryName, config) {
     let filename = getFilename(config, 'html').replace('[name]', entryName), prefix = config.output.distPath.html;
-    return prefix.startsWith('/') && src_logger.warn(`${picocolors_default().dim('[rsbuild:config]')} Absolute path is not recommended at ${picocolors_default().yellow(`output.distPath.html: "${prefix}"`)}, use relative path instead.`), external_node_path_.posix.join(prefix, filename).replace(/^\/+/, '');
+    return prefix.startsWith('/') && src_logger.warn(`${color.dim('[rsbuild:config]')} Absolute path is not recommended at ${color.yellow(`output.distPath.html: "${prefix}"`)}, use relative path instead.`), external_node_path_.posix.join(prefix, filename).replace(/^\/+/, '');
 }
 let mapProcessAssetsStage = (stage)=>{
     let { Compilation } = core_rspack;
@@ -3210,7 +3165,7 @@ let mapProcessAssetsStage = (stage)=>{
         case 'report':
             return Compilation.PROCESS_ASSETS_STAGE_REPORT;
         default:
-            throw Error(`${picocolors_default().dim('[rsbuild]')} Invalid process assets stage: ${stage}`);
+            throw Error(`${color.dim('[rsbuild]')} Invalid process assets stage: ${stage}`);
     }
 };
 function initPluginAPI({ context, pluginManager }) {
@@ -3219,12 +3174,12 @@ function initPluginAPI({ context, pluginManager }) {
         if (context.normalizedConfig) {
             if (options?.environment) {
                 let config = context.normalizedConfig.environments[options.environment];
-                if (!config) throw Error(`${picocolors_default().dim('[rsbuild]')} Cannot find normalized config by environment: ${options.environment}.`);
+                if (!config) throw Error(`${color.dim('[rsbuild]')} Cannot find normalized config by environment: ${options.environment}.`);
                 return config;
             }
             return context.normalizedConfig;
         }
-        throw Error(`${picocolors_default().dim('[rsbuild]')} Cannot access normalized config until ${picocolors_default().yellow('modifyRsbuildConfig')} is called.`);
+        throw Error(`${color.dim('[rsbuild]')} Cannot access normalized config until ${color.yellow('modifyRsbuildConfig')} is called.`);
     }
     let getRsbuildConfig = (type = 'current')=>{
         switch(type){
@@ -3235,7 +3190,7 @@ function initPluginAPI({ context, pluginManager }) {
             case 'normalized':
                 return getNormalizedConfig();
         }
-        throw Error(`${picocolors_default().dim('[rsbuild]')} ${picocolors_default().yellow('getRsbuildConfig')} get an invalid type param.`);
+        throw Error(`${color.dim('[rsbuild]')} ${color.yellow('getRsbuildConfig')} get an invalid type param.`);
     }, exposed = new Map(), expose = (id, api)=>{
         exposed.set(id, api);
     }, useExposed = (id)=>exposed.get(id), transformId = 0, transformer = {}, processAssetsFns = [], resolveFns = [];
@@ -3444,7 +3399,7 @@ function createPublicContext(context) {
 async function createContext(options, userConfig) {
     let { cwd } = options, rootPath = userConfig.root ? ensureAbsolutePath(cwd, userConfig.root) : cwd, rsbuildConfig = await withDefaultConfig(rootPath, userConfig), cachePath = (0, external_node_path_.join)(rootPath, 'node_modules', '.cache'), specifiedEnvironments = options.environment && options.environment.length > 0 ? options.environment : void 0;
     return {
-        version: "2.0.0-beta.1",
+        version: "2.0.0-beta.3",
         rootPath,
         distPath: '',
         cachePath,
@@ -3501,7 +3456,7 @@ async function emitConfigFiles({ bundlerConfigs, environmentConfigs, extraConfig
     await external_node_fs_.default.promises.mkdir(outputPath, {
         recursive: !0
     }), await Promise.all(files.map(async (item)=>external_node_fs_.default.promises.writeFile(item.path, `export default ${item.content}`)));
-    let fileInfos = files.map((item)=>`  - ${picocolors_default().bold(picocolors_default().yellow(item.label))}: ${picocolors_default().underline(item.path)}`).join('\n');
+    let fileInfos = files.map((item)=>`  - ${color.bold(color.yellow(item.label))}: ${color.underline(item.path)}`).join('\n');
     src_logger.success(`config inspection completed, generated files: \n\n${fileInfos}\n`);
 }
 function stringifyConfig(config, verbose) {
@@ -3748,23 +3703,16 @@ function getChainUtils(target, environment, environments) {
 function validateRspackConfig(config) {
     if (config.plugins) {
         for (let plugin of config.plugins)if (plugin && void 0 === plugin.apply && 'name' in plugin && 'setup' in plugin) {
-            let name = picocolors_default().bold(picocolors_default().yellow(plugin.name));
-            throw Error(`${picocolors_default().dim('[rsbuild:plugin]')} "${picocolors_default().yellow(name)}" appears to be an Rsbuild plugin. It cannot be used as an Rspack plugin.`);
+            let name = color.bold(color.yellow(plugin.name));
+            throw Error(`${color.dim('[rsbuild:plugin]')} "${color.yellow(name)}" appears to be an Rsbuild plugin. It cannot be used as an Rspack plugin.`);
         }
     }
-    config.devServer && src_logger.warn(`${picocolors_default().dim('[rsbuild:config]')} Find invalid Rspack config: "${picocolors_default().yellow('devServer')}". Note that Rspack's "devServer" config is not supported by Rsbuild. You can use Rsbuild's "dev" config to configure the Rsbuild dev server.`);
+    config.devServer && src_logger.warn(`${color.dim('[rsbuild:config]')} Find invalid Rspack config: "${color.yellow('devServer')}". Note that Rspack's "devServer" config is not supported by Rsbuild. You can use Rsbuild's "dev" config to configure the Rsbuild dev server.`);
 }
 async function generateRspackConfig({ target, context, environmentName }) {
-    let chainUtils = getChainUtils(target, context.environments[environmentName], context.environments), { BannerPlugin, DefinePlugin, IgnorePlugin, ProvidePlugin, SourceMapDevToolPlugin, HotModuleReplacementPlugin } = core_rspack, rspackConfig = (await modifyBundlerChain(context, {
+    let chainUtils = getChainUtils(target, context.environments[environmentName], context.environments), rspackConfig = (await modifyBundlerChain(context, {
         ...chainUtils,
-        bundler: {
-            BannerPlugin,
-            DefinePlugin,
-            IgnorePlugin,
-            ProvidePlugin,
-            SourceMapDevToolPlugin,
-            HotModuleReplacementPlugin
-        }
+        bundler: core_rspack
     })).toConfig();
     return validateRspackConfig(rspackConfig = await modifyRspackConfig(context, rspackConfig, chainUtils)), rspackConfig;
 }
@@ -3783,7 +3731,7 @@ async function modifyRsbuildConfig(context) {
     let pluginsCount = context.config.plugins?.length ?? 0, [modified] = await context.hooks.modifyRsbuildConfig.callChain(context.config, {
         mergeRsbuildConfig: mergeRsbuildConfig
     });
-    context.config = modified, (modified.plugins?.length ?? 0) !== pluginsCount && src_logger.warn(`${picocolors_default().dim('[rsbuild]')} Cannot change plugins via ${picocolors_default().yellow('modifyRsbuildConfig')} as plugins are already initialized when it executes.`), src_logger.debug('applied modifyRsbuildConfig hook');
+    context.config = modified, (modified.plugins?.length ?? 0) !== pluginsCount && src_logger.warn(`${color.dim('[rsbuild]')} Cannot change plugins via ${color.yellow('modifyRsbuildConfig')} as plugins are already initialized when it executes.`), src_logger.debug('applied modifyRsbuildConfig hook');
 }
 async function modifyEnvironmentConfig(context, config, name) {
     src_logger.debug(`applying modifyEnvironmentConfig hook (${name})`);
@@ -3800,8 +3748,8 @@ async function modifyEnvironmentConfig(context, config, name) {
     return src_logger.debug(`applied modifyEnvironmentConfig hook (${name})`), modified;
 }
 let createEnvironmentNotFoundError = (environments = [])=>{
-    let envList = picocolors_default().yellow(environments.join(','));
-    return Error(`${picocolors_default().dim('[rsbuild:config]')} The current build is specified to run only in the ${envList} environment, but the configuration of the specified environment was not found.`);
+    let envList = color.yellow(environments.join(','));
+    return Error(`${color.dim('[rsbuild:config]')} The current build is specified to run only in the ${envList} environment, but the configuration of the specified environment was not found.`);
 };
 async function initRsbuildConfig({ context, pluginManager }) {
     var config, rootPath;
@@ -3887,7 +3835,7 @@ async function initRsbuildConfig({ context, pluginManager }) {
         ...normalizedBaseConfig,
         environments
     }, await updateEnvironmentContext(context, environments), updateContextByNormalizedConfig(context), ((config)=>{
-        if (config.server.base && !config.server.base.startsWith('/')) throw Error(`${picocolors_default().dim('[rsbuild:config]')} The ${picocolors_default().yellow('"server.base"')} option should start with a slash, for example: "/base"`);
+        if (config.server.base && !config.server.base.startsWith('/')) throw Error(`${color.dim('[rsbuild:config]')} The ${color.yellow('"server.base"')} option should start with a slash, for example: "/base"`);
         if (!config.environments) return;
         let environmentNames = Object.keys(config.environments), environmentNameRegexp = /^[\w$-]+$/, validTargets = [
             'web',
@@ -3895,9 +3843,9 @@ async function initRsbuildConfig({ context, pluginManager }) {
             'web-worker'
         ];
         for (let name of environmentNames){
-            environmentNameRegexp.test(name) || src_logger.warn(`${picocolors_default().dim('[rsbuild:config]')} Environment name "${picocolors_default().yellow(name)}" contains invalid characters. Only letters, numbers, "-", "_", and "$" are allowed.`);
+            environmentNameRegexp.test(name) || src_logger.warn(`${color.dim('[rsbuild:config]')} Environment name "${color.yellow(name)}" contains invalid characters. Only letters, numbers, "-", "_", and "$" are allowed.`);
             let outputConfig = config.environments[name].output;
-            if (outputConfig.target && !validTargets.includes(outputConfig.target)) throw Error(`${picocolors_default().dim('[rsbuild:config]')} Invalid value of ${picocolors_default().yellow('output.target')}: ${picocolors_default().yellow(`"${outputConfig.target}"`)}, valid values are: ${picocolors_default().yellow(validTargets.join(', '))}`);
+            if (outputConfig.target && !validTargets.includes(outputConfig.target)) throw Error(`${color.dim('[rsbuild:config]')} Invalid value of ${color.yellow('output.target')}: ${color.yellow(`"${outputConfig.target}"`)}, valid values are: ${color.yellow(validTargets.join(', '))}`);
         }
     })(context.normalizedConfig), context.normalizedConfig;
 }
@@ -3953,14 +3901,14 @@ function printBuildLog(compiler, context, lazyModules) {
     let { modifiedFiles } = compiler, changedFiles = modifiedFiles?.size ? Array.from(modifiedFiles) : lazyModules.size ? Array.from(lazyModules) : null;
     if (changedFiles?.length) {
         let fileInfo = formatFileList(changedFiles, context.rootPath);
-        src_logger.start(`building ${picocolors_default().dim(fileInfo)}`);
+        src_logger.start(`building ${color.dim(fileInfo)}`);
         return;
     }
     let removedFiles = compiler.removedFiles ? Array.from(compiler.removedFiles) : null;
     if (removedFiles?.length) {
-        if (removedFiles.every((item)=>item.includes('virtual'))) return void src_logger.start(`building ${picocolors_default().dim('virtual modules')}`);
+        if (removedFiles.every((item)=>item.includes('virtual'))) return void src_logger.start(`building ${color.dim('virtual modules')}`);
         let fileInfo = formatFileList(removedFiles, context.rootPath);
-        return void src_logger.start(`building ${picocolors_default().dim(`removed ${fileInfo}`)}`);
+        return void src_logger.start(`building ${color.dim(`removed ${fileInfo}`)}`);
     }
     src_logger.start('build started...');
 }
@@ -3979,7 +3927,7 @@ async function createCompiler_createCompiler(options) {
             if (item1 < item2) return -1;
         }
         return 0;
-    })(version, '1.5.0') >= 0)) throw Error(`${picocolors_default().dim('[rsbuild]')} The current Rspack version does not meet the requirements, the minimum supported version of Rspack is ${picocolors_default().green("1.5.0")}`);
+    })(version, '1.5.0') >= 0)) throw Error(`${color.dim('[rsbuild]')} The current Rspack version does not meet the requirements, the minimum supported version of Rspack is ${color.green("1.5.0")}`);
     let isMultiCompiler = rspackConfigs.length > 1, compiler = isMultiCompiler ? core_rspack(rspackConfigs) : core_rspack(rspackConfigs[0]);
     'true' === process.env.RSPACK_UNSAFE_FAST_DROP && (compiler.unsafeFastDrop = !0);
     let isVersionLogged = !1, isCompiling = !1, logRspackVersion = ()=>{
@@ -4011,19 +3959,19 @@ async function createCompiler_createCompiler(options) {
         if (null === startTime) return;
         let { name } = context.environmentList[index], time = Date.now() - startTime;
         context.buildState.time[name] = time;
-        let suffix = isMultiCompiler ? picocolors_default().dim(` (${name})`) : '', timeStr = `${((seconds)=>{
+        let suffix = isMultiCompiler ? color.dim(` (${name})`) : '', timeStr = `${((seconds)=>{
             let time, time1;
             if (seconds < 10) {
                 let time, digits = seconds >= 0.01 ? 2 : 3;
-                return `${time = seconds.toFixed(digits), picocolors_default().bold(time)} s`;
+                return `${time = seconds.toFixed(digits), color.bold(time)} s`;
             }
             if (seconds < 60) {
                 let time;
-                return `${time = seconds.toFixed(1), picocolors_default().bold(time)} s`;
+                return `${time = seconds.toFixed(1), color.bold(time)} s`;
             }
-            let minutes = Math.floor(seconds / 60), minutesLabel = `${(time = minutes.toFixed(0), picocolors_default().bold(time))} m`, remainingSeconds = seconds % 60;
+            let minutes = Math.floor(seconds / 60), minutesLabel = `${(time = minutes.toFixed(0), color.bold(time))} m`, remainingSeconds = seconds % 60;
             if (0 === remainingSeconds) return minutesLabel;
-            let secondsLabel = `${(time1 = remainingSeconds.toFixed(+(remainingSeconds % 1 != 0)), picocolors_default().bold(time1))} s`;
+            let secondsLabel = `${(time1 = remainingSeconds.toFixed(+(remainingSeconds % 1 != 0)), color.bold(time1))} s`;
             return `${minutesLabel} ${secondsLabel}`;
         })(time / 1000)}${suffix}`;
         hasErrors ? src_logger.error(`build failed in ${timeStr}`) : src_logger.ready(`built in ${timeStr}`);
@@ -4200,7 +4148,7 @@ function loadEnv_parse(src) {
 function loadEnv({ cwd = process.cwd(), mode = process.env.NODE_ENV || '', prefixes = [
     'PUBLIC_'
 ], processEnv = process.env } = {}) {
-    if ('local' === mode) throw Error(`${picocolors_default().dim('[rsbuild:loadEnv]')} ${picocolors_default().yellow('local')} cannot be used as a value for env mode, because ${picocolors_default().yellow('.env.local')} represents a temporary local file. Please use another value.`);
+    if ('local' === mode) throw Error(`${color.dim('[rsbuild:loadEnv]')} ${color.yellow('local')} cannot be used as a value for env mode, because ${color.yellow('.env.local')} represents a temporary local file. Please use another value.`);
     let filePaths = [
         '.env',
         '.env.local',
@@ -4384,7 +4332,7 @@ let getPostcssLoaderOptions = async ({ config, root, postcssrcCache })=>{
     if ('function' == typeof postcssOptions) {
         let postcssOptionsWrapper = (loaderContext)=>{
             let options = postcssOptions(loaderContext);
-            if ('object' != typeof options || null === options) throw Error(`${picocolors_default().dim('[rsbuild:css]')} \`postcssOptions\` function must return a PostCSSOptions object, got ${picocolors_default().yellow(typeof options)}.`);
+            if ('object' != typeof options || null === options) throw Error(`${color.dim('[rsbuild:css]')} \`postcssOptions\` function must return a PostCSSOptions object, got ${color.yellow(typeof options)}.`);
             return updatePostcssOptions({
                 ...userOptions,
                 ...options,
@@ -4406,7 +4354,7 @@ function checkProcessEnvSecurity(define) {
     if (!value) return;
     let check = (value)=>{
         let pathKey = Object.keys(value).find((key)=>'path' === key.toLowerCase() && value[key] === process.env[key]);
-        pathKey && src_logger.warn(`${picocolors_default().dim('[rsbuild:config]')} The ${picocolors_default().yellow('"source.define"')} option includes an object with the key ${picocolors_default().yellow(JSON.stringify(pathKey))} under ${picocolors_default().yellow('"process.env"')}, indicating potential exposure of all environment variables. This can lead to security risks and should be avoided.`);
+        pathKey && src_logger.warn(`${color.dim('[rsbuild:config]')} The ${color.yellow('"source.define"')} option includes an object with the key ${color.yellow(JSON.stringify(pathKey))} under ${color.yellow('"process.env"')}, indicating potential exposure of all environment variables. This can lead to security risks and should be avoided.`);
     };
     if ('object' == typeof value) return void check(value);
     if ('string' == typeof value) try {
@@ -4460,10 +4408,10 @@ async function saveSnapshots(snapshotPath, snapshots) {
 let EXCLUDE_ASSET_REGEX = /\.(?:map|LICENSE\.txt|d\.ts)$/, excludeAsset = (asset)=>EXCLUDE_ASSET_REGEX.test(asset.name), isSignificantDiff = (diff)=>Math.abs(diff) >= 10, formatDiff = (diff)=>{
     let label = `(${diff > 0 ? '+' : '-'}${calcFileSize(Math.abs(diff))})`;
     return {
-        label: (diff > 0 ? picocolors_default().red : picocolors_default().green)(label),
+        label: (diff > 0 ? color.red : color.green)(label),
         length: label.length
     };
-}, getAssetColor = (size)=>size > 300000 ? picocolors_default().red : size > 100000 ? picocolors_default().yellow : (input)=>input;
+}, getAssetColor = (size)=>size > 300000 ? color.red : size > 100000 ? color.yellow : (input)=>input;
 function getHeader(maxFileLength, maxSizeLength, fileHeader, showGzipHeader) {
     let lengths = [
         maxFileLength,
@@ -4477,7 +4425,7 @@ function getHeader(maxFileLength, maxSizeLength, fileHeader, showGzipHeader) {
         let length = lengths[index], curLabel = cur;
         return length && (curLabel = cur.length < length ? cur + ' '.repeat(length - cur.length) : cur), `${prev + curLabel}   `;
     }, '');
-    return picocolors_default().blue(headerRow);
+    return color.blue(headerRow);
 }
 let calcFileSize = (len)=>{
     let val = len / 1000;
@@ -4510,7 +4458,7 @@ async function printFileSizes(options, stats, rootPath, distPath, environmentNam
                 isSignificantDiff(gzipDiff) && (gzipSizeLabel += ` ${formatDiff(gzipDiff).label}`);
             }
         }
-        let folder = external_node_path_.default.join(relativeDistPath, external_node_path_.default.dirname(filePath)), filename = external_node_path_.default.basename(filePath), filenameLabel = picocolors_default().dim(folder + external_node_path_.default.sep) + (JS_REGEX.test(filename) ? picocolors_default().cyan(filename) : filename.endsWith('.css') ? picocolors_default().yellow(filename) : filename.endsWith('.html') ? picocolors_default().green(filename) : picocolors_default().magenta(filename)), filenameLength = (folder + external_node_path_.default.sep + filename).length;
+        let folder = external_node_path_.default.join(relativeDistPath, external_node_path_.default.dirname(filePath)), filename = external_node_path_.default.basename(filePath), filenameLabel = color.dim(folder + external_node_path_.default.sep) + (JS_REGEX.test(filename) ? color.cyan(filename) : filename.endsWith('.css') ? color.yellow(filename) : filename.endsWith('.html') ? color.green(filename) : color.magenta(filename)), filenameLength = (folder + external_node_path_.default.sep + filename).length;
         return {
             filePath,
             filename,
@@ -4600,7 +4548,7 @@ async function printFileSizes(options, stats, rootPath, distPath, environmentNam
             if (customTotal) logs.push(customTotal);
             else {
                 let log = '';
-                if (log += ' '.repeat(maxFileLength - totalSizeTitle.length), log += picocolors_default().magenta(totalSizeTitle), log += `   ${totalSizeLabel}`, options.compressed) {
+                if (log += ' '.repeat(maxFileLength - totalSizeTitle.length), log += color.magenta(totalSizeTitle), log += `   ${totalSizeLabel}`, options.compressed) {
                     let colorFn = getAssetColor(totalGzipSize / assets.length);
                     if (log += ' '.repeat(maxSizeLength - totalSizeLabelLength), log += `   ${colorFn(calcFileSize(totalGzipSize))}`, showDiff) {
                         let totalGzipSizeDiff = totalGzipSize - (previousSizes[environmentName]?.totalGzipSize ?? 0);
@@ -4614,8 +4562,8 @@ async function printFileSizes(options, stats, rootPath, distPath, environmentNam
         let customTotal = getCustomTotal();
         if (customTotal) logs.push(customTotal);
         else {
-            let log = `${picocolors_default().magenta(totalSizeTitle)} ${totalSizeLabel}`;
-            options.compressed && (log += picocolors_default().green(` (${calcFileSize(totalGzipSize)} gzipped)`)), logs.push(log);
+            let log = `${color.magenta(totalSizeTitle)} ${totalSizeLabel}`;
+            options.compressed && (log += color.green(` (${calcFileSize(totalGzipSize)} gzipped)`)), logs.push(log);
         }
     }
     return logs.push(''), {
@@ -4682,12 +4630,12 @@ class RsbuildHtmlPlugin {
             let fileContent, name = external_node_path_.default.basename(favicon);
             if (compilation.assets[name]) return name;
             let inputFs = compilation.inputFileSystem;
-            if (!inputFs) return addCompilationError(compilation, `${picocolors_default().dim('[rsbuild:html]')} Failed to read the favicon file as ${picocolors_default().yellow('compilation.inputFileSystem')} is not available.`), null;
+            if (!inputFs) return addCompilationError(compilation, `${color.dim('[rsbuild:html]')} Failed to read the favicon file as ${color.yellow('compilation.inputFileSystem')} is not available.`), null;
             let inputFilename = external_node_path_.default.isAbsolute(favicon) ? favicon : external_node_path_.default.join(compilation.compiler.context, favicon);
             try {
                 fileContent = await readFileAsync(inputFs, inputFilename);
             } catch (error) {
-                return src_logger.debug(`read favicon error: ${error}`), addCompilationError(compilation, `${picocolors_default().dim('[rsbuild:html]')} Failed to read the favicon file at ${picocolors_default().yellow(inputFilename)}.`), null;
+                return src_logger.debug(`read favicon error: ${error}`), addCompilationError(compilation, `${color.dim('[rsbuild:html]')} Failed to read the favicon file at ${color.yellow(inputFilename)}.`), null;
             }
             let source = new core_rspack.sources.RawSource(fileContent, !1), outputFilename = external_node_path_.default.posix.join(faviconDistPath, name);
             return compilation.emitAsset(outputFilename, source), outputFilename;
@@ -4850,7 +4798,7 @@ async function getTemplate(entryName, config, rootPath) {
     }
     let absolutePath = (0, external_node_path_.isAbsolute)(templatePath) ? templatePath : external_node_path_.default.join(rootPath, templatePath);
     if (!existTemplatePath.has(absolutePath)) {
-        if (!await isFileExists(absolutePath)) throw Error(`${picocolors_default().dim('[rsbuild:html]')} Failed to resolve HTML template, check if the file exists: ${picocolors_default().yellow(absolutePath)}`);
+        if (!await isFileExists(absolutePath)) throw Error(`${color.dim('[rsbuild:html]')} Failed to resolve HTML template, check if the file exists: ${color.yellow(absolutePath)}`);
         existTemplatePath.add(absolutePath);
     }
     let templateContent = await external_node_fs_.default.promises.readFile(absolutePath, 'utf-8');
@@ -4961,13 +4909,13 @@ function getURLMessages(urls, routes) {
     if (routes.length <= 1) {
         let pathname = routes.length ? routes[0].pathname : '';
         return urls.map(({ label, url })=>{
-            let normalizedPathname = normalizeUrl(`${url}${pathname}`), prefix = `➜  ${picocolors_default().dim(label.padEnd(10))}`;
-            return `  ${prefix}${picocolors_default().cyan(normalizedPathname)}\n`;
+            let normalizedPathname = normalizeUrl(`${url}${pathname}`), prefix = `➜  ${color.dim(label.padEnd(10))}`;
+            return `  ${prefix}${color.cyan(normalizedPathname)}\n`;
         }).join('');
     }
     let message = '', prevLabel = '', maxNameLength = Math.max(...routes.map((r)=>r.entryName.length));
     return urls.forEach(({ label, url }, index)=>{
-        for (let { entryName, pathname } of (prevLabel !== label && (index > 0 && (message += '\n'), message += `  ➜  ${label}\n`, prevLabel = label), routes))message += `  ${picocolors_default().dim('-')}  ${picocolors_default().dim(entryName.padEnd(maxNameLength + 4))}${picocolors_default().cyan(normalizeUrl(`${url}${pathname}`))}\n`;
+        for (let { entryName, pathname } of (prevLabel !== label && (index > 0 && (message += '\n'), message += `  ➜  ${label}\n`, prevLabel = label), routes))message += `  ${color.dim('-')}  ${color.dim(entryName.padEnd(maxNameLength + 4))}${color.cyan(normalizeUrl(`${url}${pathname}`))}\n`;
     }), message;
 }
 function printServerURLs({ urls: originalUrls, port, routes, protocol, printUrls, trailingLineBreak = !0, originalConfig }) {
@@ -4981,7 +4929,7 @@ function printServerURLs({ urls: originalUrls, port, routes, protocol, printUrls
             protocol
         });
         if (!newUrls) return null;
-        if (!Array.isArray(newUrls)) throw Error(`${picocolors_default().dim('[rsbuild:config]')} "server.printUrls" must return an array, but got ${typeof newUrls}.`);
+        if (!Array.isArray(newUrls)) throw Error(`${color.dim('[rsbuild:config]')} "server.printUrls" must return an array, but got ${typeof newUrls}.`);
         urls = newUrls.map((u)=>{
             let { url, label } = 'string' == typeof u ? {
                 url: u
@@ -4994,7 +4942,7 @@ function printServerURLs({ urls: originalUrls, port, routes, protocol, printUrls
     }
     if (0 === urls.length || 0 === routes.length && !useCustomUrl) return null;
     let message = getURLMessages(urls, routes);
-    return originalConfig && originalConfig.server?.host === void 0 && (message += `  ➜  ${picocolors_default().dim('Network:')}  ${picocolors_default().dim('use')} ${picocolors_default().bold('--host')} ${picocolors_default().dim('to expose')}\n`), !trailingLineBreak && message.endsWith('\n') && (message = message.slice(0, -1)), src_logger.log(message), message;
+    return originalConfig && originalConfig.server?.host === void 0 && (message += `  ➜  ${color.dim('Network:')}  ${color.dim('use')} ${color.bold('--host')} ${color.dim('to expose')}\n`), !trailingLineBreak && message.endsWith('\n') && (message = message.slice(0, -1)), src_logger.log(message), message;
 }
 let getPort = async ({ host, port, strictPort, tryLimits = 20 })=>{
     'string' == typeof port && (port = Number.parseInt(port, 10)), strictPort && (tryLimits = 1);
@@ -5013,15 +4961,15 @@ let getPort = async ({ host, port, strictPort, tryLimits = 20 })=>{
         if ('EADDRINUSE' !== e.code) throw e;
         port++, attempts++;
     }
-    if (!found) throw Error(`${picocolors_default().dim('[rsbuild:server]')} Failed to find an available port after ${tryLimits + 1} attempts, starting from ${picocolors_default().yellow(original)}.`);
-    if (port !== original && strictPort) throw Error(`${picocolors_default().dim('[rsbuild:server]')} Port ${picocolors_default().yellow(original)} is occupied, please choose another one.`);
+    if (!found) throw Error(`${color.dim('[rsbuild:server]')} Failed to find an available port after ${tryLimits + 1} attempts, starting from ${color.yellow(original)}.`);
+    if (port !== original && strictPort) throw Error(`${color.dim('[rsbuild:server]')} Port ${color.yellow(original)} is occupied, please choose another one.`);
     return port;
 }, getServerConfig = async ({ config })=>{
     let { host, port: originalPort, strictPort } = config.server, port = await getPort({
         host,
         port: originalPort,
         strictPort
-    }), https = !!config.server.https, portTip = port !== originalPort ? `port ${originalPort} is in use, ${picocolors_default().yellow(`using port ${port}.`)}` : void 0;
+    }), https = !!config.server.https, portTip = port !== originalPort ? `port ${originalPort} is in use, ${color.yellow(`using port ${port}.`)}` : void 0;
     return {
         port,
         host,
@@ -5059,7 +5007,7 @@ let getPort = async ({ host, port, strictPort, tryLimits = 20 })=>{
         ];
     }
     let ipv4Interfaces = (()=>{
-        let interfaces = node_os.networkInterfaces(), ipv4Interfaces = new Map();
+        let interfaces = external_node_os_.default.networkInterfaces(), ipv4Interfaces = new Map();
         for (let key of Object.keys(interfaces))for (let detail of interfaces[key]){
             let familyV4Value = 'string' == typeof detail.family ? 'IPv4' : 4;
             detail.family !== familyV4Value || ipv4Interfaces.has(detail.address) || ipv4Interfaces.set(detail.address, detail);
@@ -5155,7 +5103,7 @@ function resolveUrl(str, base) {
     try {
         return new external_node_url_.URL(str, base).href;
     } catch  {
-        throw Error(`${picocolors_default().dim('[rsbuild:open]')} Invalid input: ${picocolors_default().yellow(str)} is not a valid URL or pathname`);
+        throw Error(`${color.dim('[rsbuild:open]')} Invalid input: ${color.yellow(str)} is not a valid URL or pathname`);
     }
 }
 async function open_open({ https, port, routes, config, clearCache }) {
@@ -5260,7 +5208,7 @@ function applyAlias({ chain, config, rootPath }) {
     if (config.resolve.dedupe) for (let pkgName of config.resolve.dedupe){
         let pkgPath;
         if (mergedAlias[pkgName]) {
-            src_logger.debug(`${picocolors_default().dim('[rsbuild:resolve]')} The package ${picocolors_default().yellow(pkgName)} is already in the alias config, dedupe option for ${picocolors_default().yellow(pkgName)} will be ignored.`);
+            src_logger.debug(`${color.dim('[rsbuild:resolve]')} The package ${color.yellow(pkgName)} is already in the alias config, dedupe option for ${color.yellow(pkgName)} will be ignored.`);
             continue;
         }
         try {
@@ -5282,7 +5230,7 @@ function applyAlias({ chain, config, rootPath }) {
             ].join(external_node_path_.sep);
             for(; !pkgPath.endsWith(trailing) && pkgPath.includes('node_modules');)pkgPath = (0, external_node_path_.dirname)(pkgPath);
         } catch  {
-            src_logger.debug(`${picocolors_default().dim('[rsbuild:resolve]')} The package ${picocolors_default().yellow(pkgName)} is not resolved in the project, dedupe option for ${picocolors_default().yellow(pkgName)} will be ignored.`);
+            src_logger.debug(`${color.dim('[rsbuild:resolve]')} The package ${color.yellow(pkgName)} is not resolved in the project, dedupe option for ${color.yellow(pkgName)} will be ignored.`);
             continue;
         }
         mergedAlias[pkgName] = pkgPath;
@@ -5623,7 +5571,7 @@ function applyCoreJs(swcConfig, polyfillMode, rootPath) {
                 ]
             });
         } catch  {
-            throw Error(`${picocolors_default().dim('[rsbuild:polyfill]')} Failed to resolve ${picocolors_default().yellow('core-js')} dependency. Install ${picocolors_default().yellow('core-js >= 3.0.0')} to use polyfills.`);
+            throw Error(`${color.dim('[rsbuild:polyfill]')} Failed to resolve ${color.yellow('core-js')} dependency. Install ${color.yellow('core-js >= 3.0.0')} to use polyfills.`);
         }
     })(rootPath), version = ((corejsPkgPath)=>{
         try {
@@ -5655,7 +5603,7 @@ function applySwcDecoratorConfig(swcConfig, config) {
             swcConfig.jsc.transform.legacyDecorator = !1, swcConfig.jsc.transform.decoratorVersion = '2022-03';
             break;
         default:
-            throw Error(`${picocolors_default().dim('[rsbuild:swc]')} Unknown decorators version: ${picocolors_default().yellow(version)}`);
+            throw Error(`${color.dim('[rsbuild:swc]')} Unknown decorators version: ${color.yellow(version)}`);
     }
 }
 async function getLocalhostResolvedAddress() {
@@ -5998,13 +5946,19 @@ function setupWriteToDisk(compilers, writeToDisk) {
         }), compiler.__hasRsbuildAssetEmittedCallback = !0);
     });
 }
-let noop = ()=>{}, isTsError = (error)=>'message' in error && error.stack?.includes('ts-checker-rspack-plugin');
+let noop = ()=>{}, normalizeLiveReload = (liveReload)=>'boolean' == typeof liveReload ? {
+        enabled: liveReload,
+        html: liveReload
+    } : {
+        enabled: !0,
+        html: !1 !== liveReload.html
+    }, isTsError = (error)=>'message' in error && error.stack?.includes('ts-checker-rspack-plugin');
 function applyHMREntry({ config, compiler, token, resolvedHost, resolvedPort }) {
     if (!((compiler)=>{
         let { target } = compiler.options;
         return !!target && (Array.isArray(target) ? target.includes('web') : 'web' === target);
     })(compiler) || !config.dev.hmr && !config.dev.liveReload) return;
-    let clientConfig = {
+    let { enabled: liveReloadEnabled } = normalizeLiveReload(config.dev.liveReload), clientConfig = {
         ...config.dev.client
     };
     '<port>' === clientConfig.port && (clientConfig.port = resolvedPort);
@@ -6015,7 +5969,7 @@ init(
   ${JSON.stringify(clientConfig)},
   ${JSON.stringify(resolvedHost)},
   ${resolvedPort},
-  ${config.dev.liveReload},
+  ${liveReloadEnabled},
   ${!!config.dev.browserLogs},
   ${JSON.stringify(config.dev.client.logLevel)}
 )
@@ -6037,14 +5991,14 @@ let assets_middleware_assetsMiddleware = async ({ config, compiler, context, soc
             compiler,
             resolvedHost,
             resolvedPort
-        }), (({ context, compiler, token, socketServer })=>{
+        }), (({ context, compiler, token, socketServer, liveReload })=>{
             if (((compiler)=>{
                 let { target } = compiler.options;
                 return !!target && (Array.isArray(target) ? target.includes('node') : 'node' === target);
             })(compiler)) return;
             let errorsCount = null, warningsCount = null;
             compiler.hooks.invalid.tap('rsbuild-dev-server', (fileName)=>{
-                errorsCount = null, warningsCount = null, 'string' == typeof fileName && fileName.endsWith('.html') && socketServer.sockWrite({
+                errorsCount = null, warningsCount = null, 'string' == typeof fileName && fileName.endsWith('.html') && normalizeLiveReload(liveReload).html && socketServer.sockWrite({
                     type: 'static-changed'
                 }, token);
             }), compiler.hooks.done.tap('rsbuild-dev-server', (stats)=>{
@@ -6076,7 +6030,8 @@ let assets_middleware_assetsMiddleware = async ({ config, compiler, context, soc
             context,
             compiler,
             socketServer,
-            token
+            token,
+            liveReload: environment.config.dev.liveReload
         }));
     });
     let compilers = compiler_isMultiCompiler(compiler) ? compiler.compilers : [
@@ -6242,14 +6197,14 @@ let isValidMethodName = (methodName)=>'<unknown>' !== methodName && !/[\\/]/.tes
     return result;
 }, formatBrowserErrorLog = async (message, context, fs, stackTrace, stackFrames, cachedTraceMap)=>{
     var log;
-    let log1 = picocolors_default().red(message);
+    let log1 = color.red(message);
     if (stackFrames?.length) switch(stackTrace){
         case 'summary':
             {
                 let resolved = await resolveOriginalLocation(stackFrames, fs, context, cachedTraceMap);
                 if (!resolved) break;
                 let { frame, location } = resolved, { methodName } = frame, suffix = '';
-                isValidMethodName(methodName) && (suffix += ` at ${methodName}`), location && (suffix += ` (${location})`), log1 += suffix ? picocolors_default().dim(suffix) : '';
+                isValidMethodName(methodName) && (suffix += ` at ${methodName}`), location && (suffix += ` (${location})`), log1 += suffix ? color.dim(suffix) : '';
                 break;
             }
         case 'full':
@@ -6258,7 +6213,7 @@ let isValidMethodName = (methodName)=>'<unknown>' !== methodName && !/[\\/]/.tes
                 fullStack && (log1 += fullStack);
             }
     }
-    return (log = log1).includes('ReferenceError: process is not defined') ? `${log}\n${picocolors_default().yellow("        - `process` is a Node.js global and not available in browsers.\n        - To access `process.env.*`, define them in a `.env` file with the `PUBLIC_` prefix.\n        - Or configure them via `source.define`.\n        - Alternatively, install `@rsbuild/plugin-node-polyfill` to polyfill Node.js globals.")}` : log;
+    return (log = log1).includes('ReferenceError: process is not defined') ? `${log}\n${color.yellow("        - `process` is a Node.js global and not available in browsers.\n        - To access `process.env.*`, define them in a `.env` file with the `PUBLIC_` prefix.\n        - Or configure them via `source.define`.\n        - Alternatively, install `@rsbuild/plugin-node-polyfill` to polyfill Node.js globals.")}` : log;
 }, styles = {
     1: 'font-weight:bold',
     2: 'opacity:0.5',
@@ -6425,7 +6380,7 @@ class SocketServer {
                 let { browserLogs, client } = config.dev;
                 if ('client-error' === payload.type && !context.buildState.hasErrors && browserLogs) {
                     let stackTrace = isObject(browserLogs) && browserLogs.stackTrace || DEFAULT_STACK_TRACE, outputFs = this.getOutputFileSystem(), stackFrames = payload.stack ? stack_trace_parser_esm_parse(payload.stack) : null, cachedTraceMap = new Map(), log = await formatBrowserErrorLog(payload.message, context, outputFs, stackTrace, stackFrames, cachedTraceMap);
-                    if (this.reportedBrowserLogs.has(log) || (this.reportedBrowserLogs.add(log), src_logger.error(`${picocolors_default().cyan('[browser]')} ${log}`)), 'object' == typeof client.overlay && client.overlay.runtime) {
+                    if (this.reportedBrowserLogs.has(log) || (this.reportedBrowserLogs.add(log), src_logger.error(`${color.cyan('[browser]')} ${log}`)), 'object' == typeof client.overlay && client.overlay.runtime) {
                         let resolvedLog = 'full' === stackTrace ? log : await formatBrowserErrorLog(payload.message, context, outputFs, 'full', stackFrames, cachedTraceMap);
                         this.sockWrite({
                             type: 'resolved-client-error',
@@ -6538,19 +6493,19 @@ async function setupCliShortcuts({ help = !0, openPage, closeServer, printUrls,
     let shortcuts = [
         {
             key: 'c',
-            description: `${picocolors_default().bold('c + enter')}  ${picocolors_default().dim('clear console')}`,
+            description: `${color.bold('c + enter')}  ${color.dim('clear console')}`,
             action: ()=>{
                 console.clear();
             }
         },
         {
             key: 'o',
-            description: `${picocolors_default().bold('o + enter')}  ${picocolors_default().dim('open in browser')}`,
+            description: `${color.bold('o + enter')}  ${color.dim('open in browser')}`,
             action: openPage
         },
         {
             key: 'q',
-            description: `${picocolors_default().bold('q + enter')}  ${picocolors_default().dim('quit process')}`,
+            description: `${color.bold('q + enter')}  ${color.dim('quit process')}`,
             action: async ()=>{
                 try {
                     await closeServer();
@@ -6561,23 +6516,23 @@ async function setupCliShortcuts({ help = !0, openPage, closeServer, printUrls,
         },
         restartServer ? {
             key: 'r',
-            description: `${picocolors_default().bold('r + enter')}  ${picocolors_default().dim('restart server')}`,
+            description: `${color.bold('r + enter')}  ${color.dim('restart server')}`,
             action: restartServer
         } : null,
         {
             key: 'u',
-            description: `${picocolors_default().bold('u + enter')}  ${picocolors_default().dim('show urls')}`,
+            description: `${color.bold('u + enter')}  ${color.dim('show urls')}`,
             action: printUrls
         }
     ].filter(Boolean);
-    if (customShortcuts && !Array.isArray(shortcuts = customShortcuts(shortcuts))) throw Error(`${picocolors_default().dim('[rsbuild:config]')} ${picocolors_default().yellow('dev.cliShortcuts')} option must return an array of shortcuts.`);
-    help && src_logger.log(!0 === help ? `  ➜  ${picocolors_default().dim('press')} ${picocolors_default().bold('h + enter')} ${picocolors_default().dim('to show shortcuts')}\n` : `  ➜  ${help}\n`);
+    if (customShortcuts && !Array.isArray(shortcuts = customShortcuts(shortcuts))) throw Error(`${color.dim('[rsbuild:config]')} ${color.yellow('dev.cliShortcuts')} option must return an array of shortcuts.`);
+    help && src_logger.log(!0 === help ? `  ➜  ${color.dim('press')} ${color.bold('h + enter')} ${color.dim('to show shortcuts')}\n` : `  ➜  ${help}\n`);
     let { createInterface } = await import("node:readline"), rl = createInterface({
         input: process.stdin
     });
     return rl.on('line', (input)=>{
         if ('h' === input) {
-            let message = `\n  ${picocolors_default().bold(picocolors_default().blue('Shortcuts:'))}\n`;
+            let message = `\n  ${color.bold(color.blue('Shortcuts:'))}\n`;
             for (let shortcut of shortcuts)message += `  ${shortcut.description}\n`;
             src_logger.log(message);
         }
@@ -6683,8 +6638,8 @@ let faviconFallbackMiddleware = (req, res, next)=>{
     return (req, res, next)=>{
         let _startAt = process.hrtime();
         on_finished_default()(res, ()=>{
-            let method = req.method, url = req.originalUrl || req.url, status = Number(res.statusCode), statusColor = status >= 500 ? picocolors_default().red : status >= 400 ? picocolors_default().yellow : status >= 300 ? picocolors_default().cyan : status >= 200 ? picocolors_default().green : (res)=>res, endAt = process.hrtime(), totalTime = (endAt[0] - _startAt[0]) * 1e3 + (endAt[1] - _startAt[1]) * 1e-6;
-            src_logger.debug(`${statusColor(status)} ${method} ${url} ${picocolors_default().dim(`${totalTime.toFixed(3)} ms`)}`);
+            let method = req.method, url = req.originalUrl || req.url, status = Number(res.statusCode), statusColor = status >= 500 ? color.red : status >= 400 ? color.yellow : status >= 300 ? color.cyan : status >= 200 ? color.green : (res)=>res, endAt = process.hrtime(), totalTime = (endAt[0] - _startAt[0]) * 1e3 + (endAt[1] - _startAt[1]) * 1e-6;
+            src_logger.debug(`${statusColor(status)} ${method} ${url} ${color.dim(`${totalTime.toFixed(3)} ms`)}`);
         }), next();
     };
 }, notFoundMiddleware = (_req, res, _next)=>{
@@ -6727,7 +6682,7 @@ let faviconFallbackMiddleware = (req, res, next)=>{
         }), res.end(`The server is configured with a base URL of ${base} - did you mean to visit ${redirectPath} instead?`);
     };
 function formatProxyOptions(proxyOptions) {
-    let logPrefix = picocolors_default().dim('[http-proxy-middleware]: '), defaultOptions = {
+    let logPrefix = color.dim('[http-proxy-middleware]: '), defaultOptions = {
         changeOrigin: !0,
         logger: {
             info (msg) {
@@ -6752,8 +6707,8 @@ function formatProxyOptions(proxyOptions) {
             } : value
         }));
 }
-function createProxyMiddleware(proxyOptions) {
-    let formattedOptions = formatProxyOptions(proxyOptions), proxyMiddlewares = [], middlewares = [], { createProxyMiddleware: baseMiddleware } = requireCompiledPackage('http-proxy-middleware');
+async function createProxyMiddleware(proxyOptions) {
+    let formattedOptions = formatProxyOptions(proxyOptions), proxyMiddlewares = [], middlewares = [], { createProxyMiddleware: baseMiddleware } = await import("./http-proxy-middleware.js").then(__webpack_require__.t.bind(__webpack_require__, "../../node_modules/.pnpm/http-proxy-middleware@3.0.5_supports-color@10.2.2/node_modules/http-proxy-middleware/dist/index.js", 23));
     for (let opts of formattedOptions){
         let proxyMiddleware = baseMiddleware(opts), middleware = async (req, res, next)=>{
             let bypassUrl = 'function' == typeof opts.bypass ? await opts.bypass(req, res, opts) : null;
@@ -6779,7 +6734,7 @@ let applyDefaultMiddlewares = async ({ config, buildManager, context, devServerA
         for (let [key, value] of Object.entries(headers))res.setHeader(key, value);
         next();
     }), server.proxy) {
-        let { middlewares: proxyMiddlewares, upgrade } = createProxyMiddleware(server.proxy);
+        let { middlewares: proxyMiddlewares, upgrade } = await createProxyMiddleware(server.proxy);
         for (let middleware of (upgradeEvents.push(upgrade), proxyMiddlewares))middlewares.push(middleware);
     }
     let { compress } = server;
@@ -6894,7 +6849,7 @@ let applyDefaultMiddlewares = async ({ config, buildManager, context, devServerA
             let filePath = external_node_path_.default.join(distPath, 'index.html');
             if (await middlewares_isFileExists(filePath, buildManager.outputFileSystem)) {
                 let newUrl = '/index.html';
-                isVerbose() && src_logger.debug(`    ${req.method} ${req.url} ${picocolors_default().yellow('fallback to')} ${newUrl}`), req.url = newUrl, buildManager.assetsMiddleware(req, res, (...args)=>{
+                isVerbose() && src_logger.debug(`    ${req.method} ${req.url} ${color.yellow('fallback to')} ${newUrl}`), req.url = newUrl, buildManager.assetsMiddleware(req, res, (...args)=>{
                     next(...args);
                 });
                 return;
@@ -6997,7 +6952,7 @@ class BasicRunner {
     postExecute(_m, _file) {}
     createRunner() {
         this.requirers.set('entry', (_currentDirectory, _modulePath, _context = {})=>{
-            throw Error(`${picocolors_default().dim('[rsbuild:runner]')} Not implemented`);
+            throw Error(`${color.dim('[rsbuild:runner]')} Not implemented`);
         });
     }
 }
@@ -7076,7 +7031,7 @@ class CommonJsRunner extends BasicRunner {
 class EsmRunner extends CommonJsRunner {
     createRunner() {
         super.createRunner(), this.requirers.set('cjs', this.getRequire()), this.requirers.set('esm', this.createEsmRequirer());
-        let outputModule = this._options.compilerOptions.experiments?.outputModule;
+        let outputModule = this._options.compilerOptions.output.module;
         this.requirers.set('entry', (currentDirectory, modulePath, context)=>{
             let file = this.getFile(modulePath, currentDirectory);
             return file ? outputModule && !file.path.endsWith('.cjs') ? this.requirers.get('esm')(currentDirectory, modulePath, {
@@ -7091,7 +7046,7 @@ class EsmRunner extends CommonJsRunner {
     createEsmRequirer() {
         let esmCache = new Map(), esmIdentifier = this._options.name, vm = vendors_require('node:vm');
         return (currentDirectory, modulePath, context = {})=>{
-            if (!vm.SourceTextModule) throw Error(`${picocolors_default().dim('[rsbuild:runner]')} Running ESM bundle needs add Node.js option ${picocolors_default().yellow('--experimental-vm-modules')}.`);
+            if (!vm.SourceTextModule) throw Error(`${color.dim('[rsbuild:runner]')} Running ESM bundle needs add Node.js option ${color.yellow('--experimental-vm-modules')}.`);
             let _require = this.getRequire(), file = context.file || this.getFile(modulePath, currentDirectory);
             if (!file) return this.requirers.get('miss')(currentDirectory, modulePath);
             let esm = esmCache.get(file.path);
@@ -7127,7 +7082,7 @@ class BasicRunnerFactory {
             name: this.name,
             ...options
         }, { compilerOptions } = options;
-        if ('web' === compilerOptions.target || 'webworker' === compilerOptions.target) throw Error(`${picocolors_default().dim('[rsbuild:runner]')} Not support run ${picocolors_default().yellow(compilerOptions.target)} resource in Rsbuild server`);
+        if ('web' === compilerOptions.target || 'webworker' === compilerOptions.target) throw Error(`${color.dim('[rsbuild:runner]')} Not support run ${color.yellow(compilerOptions.target)} resource in Rsbuild server`);
         return new EsmRunner(runnerOptions);
     }
 }
@@ -7141,13 +7096,13 @@ let runner_run = async ({ bundlePath, ...runnerFactoryOptions })=>{
         entrypoints: !0,
         outputPath: !0
     });
-    if (!entrypoints?.[entryName]) throw Error(`${picocolors_default().dim('[rsbuild:loadBundle]')} Can't find entry: ${picocolors_default().yellow(entryName)}`);
+    if (!entrypoints?.[entryName]) throw Error(`${color.dim('[rsbuild:loadBundle]')} Can't find entry: ${color.yellow(entryName)}`);
     let { chunks: entryChunks = [] } = entrypoints[entryName], files = entryChunks.reduce((prev, entryChunkName)=>{
         let chunk = chunks?.find((chunk)=>chunk.entry && chunk.names?.includes(String(entryChunkName)));
         return chunk?.files ? prev.concat(chunk.files.filter((file)=>!file.endsWith('.css'))) : prev;
     }, []);
-    if (0 === files.length) throw Error(`${picocolors_default().dim('[rsbuild:loadBundle]')} Failed to get bundle by entryName: ${picocolors_default().yellow(entryName)}`);
-    if (files.length > 1) throw Error(`${picocolors_default().dim('[rsbuild:loadBundle]')} Only support load single entry chunk, but got ${picocolors_default().yellow(files.length)}: ${files.join(',')}`);
+    if (0 === files.length) throw Error(`${color.dim('[rsbuild:loadBundle]')} Failed to get bundle by entryName: ${color.yellow(entryName)}`);
+    if (files.length > 1) throw Error(`${color.dim('[rsbuild:loadBundle]')} Only support load single entry chunk, but got ${color.yellow(files.length)}: ${files.join(',')}`);
     let allChunkFiles = chunks?.flatMap((c)=>c.files).map((file)=>(0, external_node_path_.join)(outputPath, file)) || [];
     return await runner_run({
         bundlePath: files[0],
@@ -7182,7 +7137,7 @@ let runner_run = async ({ bundlePath, ...runnerFactoryOptions })=>{
 }, shutdownRefCount = 0, setupGracefulShutdown = ()=>{
     shutdownRefCount++;
     let onSigterm = ()=>{
-        handleTermination(external_node_os_constants.signals.SIGTERM + 128);
+        handleTermination(external_node_os_.constants.signals.SIGTERM + 128);
     };
     process.once('SIGTERM', onSigterm);
     let isCI = 'true' === process.env.CI, onStdinEnd = ()=>{
@@ -7292,7 +7247,7 @@ async function devServer_createDevServer(options, createCompiler, config, { getP
     });
     let startCompile = async ()=>{
         let compiler = await createCompiler();
-        if (!compiler) throw Error(`${picocolors_default().dim('[rsbuild:server]')} Failed to get compiler instance.`);
+        if (!compiler) throw Error(`${color.dim('[rsbuild:server]')} Failed to get compiler instance.`);
         let publicPaths = compiler_isMultiCompiler(compiler) ? compiler.compilers.map(getPublicPathFromCompiler) : [
             getPublicPathFromCompiler(compiler)
         ], { base } = config.server;
@@ -7350,10 +7305,10 @@ async function devServer_createDevServer(options, createCompiler, config, { getP
         !getPortSilently && portTip && src_logger.info(portTip);
     }, cacheableLoadBundle = createCacheableFunction(loadBundle), cacheableTransformedHtml = createCacheableFunction((_stats, entryName, utils)=>((entryName, utils)=>{
             let { htmlPaths, distPath } = utils.environment, htmlPath = htmlPaths[entryName];
-            if (!htmlPath) throw Error(`${picocolors_default().dim('[rsbuild:getTransformedHtml]')} Failed to get HTML file by entryName: ${picocolors_default().yellow(entryName)}`);
+            if (!htmlPath) throw Error(`${color.dim('[rsbuild:getTransformedHtml]')} Failed to get HTML file by entryName: ${color.yellow(entryName)}`);
             let fileName = (0, external_node_path_.join)(distPath, htmlPath);
             return utils.readFileSync(fileName);
-        })(entryName, utils)), environmentAPI = {}, getErrorMsg = (method)=>`${picocolors_default().dim('[rsbuild:server]')} Can not call ${picocolors_default().yellow(method)} when ${picocolors_default().yellow('runCompile')} is false`;
+        })(entryName, utils)), environmentAPI = {}, getErrorMsg = (method)=>`${color.dim('[rsbuild:server]')} Can not call ${color.yellow(method)} when ${color.yellow('runCompile')} is false`;
     context.environmentList.forEach((environment, index)=>{
         environmentAPI[environment.name] = {
             context: environment,
@@ -7377,7 +7332,7 @@ async function devServer_createDevServer(options, createCompiler, config, { getP
             }
         };
     });
-    let { default: connect } = await import("./connect.js").then(__webpack_require__.t.bind(__webpack_require__, "../../node_modules/.pnpm/connect@3.7.0/node_modules/connect/index.js", 23)), middlewares = connect(), httpServer = middlewareMode ? null : await createHttpServer({
+    let { default: connect } = await import("./connect.js").then(__webpack_require__.t.bind(__webpack_require__, "../../node_modules/.pnpm/connect@3.7.0_supports-color@10.2.2/node_modules/connect/index.js", 23)), middlewares = connect(), httpServer = middlewareMode ? null : await createHttpServer({
         serverConfig: config.server,
         middlewares
     }), devServerAPI = {
@@ -7390,7 +7345,7 @@ async function devServer_createDevServer(options, createCompiler, config, { getP
                 data
             }),
         listen: async ()=>{
-            if (!httpServer) throw Error(`${picocolors_default().dim('[rsbuild:server]')} Can not listen dev server as ${picocolors_default().yellow('server.middlewareMode')} is enabled.`);
+            if (!httpServer) throw Error(`${color.dim('[rsbuild:server]')} Can not listen dev server as ${color.yellow('server.middlewareMode')} is enabled.`);
             let serverTerminator = getServerTerminator(httpServer);
             return src_logger.debug('listen dev server'), context.hooks.onCloseDevServer.tap(serverTerminator), new Promise((resolve)=>{
                 httpServer.listen({
@@ -7460,7 +7415,7 @@ class RsbuildProdServer {
             for (let [key, value] of Object.entries(headers))res.setHeader(key, value);
             next();
         }), proxy) {
-            let { middlewares, upgrade } = createProxyMiddleware(proxy);
+            let { middlewares, upgrade } = await createProxyMiddleware(proxy);
             for (let middleware of middlewares)this.middlewares.use(middleware);
             this.app.on('upgrade', upgrade);
         }
@@ -7498,7 +7453,7 @@ class RsbuildProdServer {
 async function startProdServer(context, config, { getPortSilently } = {}) {
     let { port, host, https, portTip } = await getServerConfig({
         config
-    }), { default: connect } = await import("./connect.js").then(__webpack_require__.t.bind(__webpack_require__, "../../node_modules/.pnpm/connect@3.7.0/node_modules/connect/index.js", 23)), middlewares = connect(), serverConfig = config.server, server = new RsbuildProdServer({
+    }), { default: connect } = await import("./connect.js").then(__webpack_require__.t.bind(__webpack_require__, "../../node_modules/.pnpm/connect@3.7.0_supports-color@10.2.2/node_modules/connect/index.js", 23)), middlewares = connect(), serverConfig = config.server, server = new RsbuildProdServer({
         pwd: context.rootPath,
         output: {
             path: context.distPath,
@@ -7573,7 +7528,7 @@ function applyDefaultPlugins(pluginManager, context) {
         {
             name: 'rsbuild:basic',
             setup (api) {
-                api.modifyBundlerChain((chain, { isDev, target, bundler, environment, CHAIN_ID })=>{
+                api.modifyBundlerChain((chain, { isDev, target, rspack, environment, CHAIN_ID })=>{
                     let { config } = environment;
                     chain.name(environment.name), chain.context(api.context.rootPath), chain.mode(environment.config.mode), chain.infrastructureLogging({
                         level: 'error'
@@ -7583,7 +7538,7 @@ function applyDefaultPlugins(pluginManager, context) {
                         javascript: {
                             exportsPresence: 'error'
                         }
-                    }), isDev && config.dev.hmr && 'web' === target && chain.plugin(CHAIN_ID.PLUGIN.HMR).use(bundler.HotModuleReplacementPlugin), chain.module.parser.merge({
+                    }), isDev && config.dev.hmr && 'web' === target && chain.plugin(CHAIN_ID.PLUGIN.HMR).use(rspack.HotModuleReplacementPlugin), chain.module.parser.merge({
                         javascript: {
                             typeReexportsPresence: 'tolerant'
                         }
@@ -7613,7 +7568,7 @@ function applyDefaultPlugins(pluginManager, context) {
                         if (bundlerConfigs.some(({ plugins })=>plugins?.some(isModuleFederationPlugin))) return void bundlerConfigs.forEach((config)=>{
                             config.entry = {};
                         });
-                        throw Error(`${picocolors_default().dim('[rsbuild:config]')} Could not find any entry module, please make sure that ${picocolors_default().yellow('src/index.(ts|js|tsx|jsx|mts|cts|mjs|cjs)')} exists, or customize entry through the ${picocolors_default().yellow('source.entry')} configuration.`);
+                        throw Error(`${color.dim('[rsbuild:config]')} Could not find any entry module, please make sure that ${color.yellow('src/index.(ts|js|tsx|jsx|mts|cts|mjs|cjs)')} exists, or customize entry through the ${color.yellow('source.entry')} configuration.`);
                     }
                 });
             }
@@ -7621,7 +7576,7 @@ function applyDefaultPlugins(pluginManager, context) {
         {
             name: 'rsbuild:source-map',
             setup (api) {
-                api.modifyBundlerChain((chain, { bundler, environment, isDev, target })=>{
+                api.modifyBundlerChain((chain, { rspack, environment, isDev, target })=>{
                     let { config } = environment, devtool = ((config)=>{
                         let { sourceMap } = config.output, isProd = 'production' === config.mode;
                         return !1 !== sourceMap && (!0 === sourceMap ? isProd ? 'source-map' : 'cheap-module-source-map' : void 0 === sourceMap.js ? !isProd && 'cheap-module-source-map' : sourceMap.js);
@@ -7629,7 +7584,7 @@ function applyDefaultPlugins(pluginManager, context) {
                     chain.devtool(devtool), isDev && 'web' === target ? chain.output.devtoolModuleFilenameTemplate((info)=>toPosixPath(info.absoluteResourcePath)) : chain.output.devtoolModuleFilenameTemplate('[relative-resource-path]'), !devtool && ((config)=>{
                         let { sourceMap } = config.output;
                         return 'object' == typeof sourceMap && sourceMap.css;
-                    })(config) && chain.plugin('source-map-css').use(bundler.SourceMapDevToolPlugin, [
+                    })(config) && chain.plugin('source-map-css').use(rspack.SourceMapDevToolPlugin, [
                         {
                             test: /\.css$/,
                             filename: '[file].map[query]'
@@ -7793,7 +7748,7 @@ function applyDefaultPlugins(pluginManager, context) {
                                 return 'auto' === enable ? isDev && !config.dev.writeToDisk ? void 0 : isStrictSubdir(rootPath, distPath) ? {
                                     path: distPath,
                                     keep
-                                } : (src_logger.warn('The dist path is not a subdir of root path, Rsbuild will not empty it.'), src_logger.warn(`Please set ${picocolors_default().yellow('`output.cleanDistPath`')} config manually.`), src_logger.warn(`Current root path: ${picocolors_default().dim(rootPath)}`), void src_logger.warn(`Current dist path: ${picocolors_default().dim(distPath)}`)) : !0 === enable ? {
+                                } : (src_logger.warn('The dist path is not a subdir of root path, Rsbuild will not empty it.'), src_logger.warn(`Please set ${color.yellow('`output.cleanDistPath`')} config manually.`), src_logger.warn(`Current root path: ${color.dim(rootPath)}`), void src_logger.warn(`Current dist path: ${color.dim(distPath)}`)) : !0 === enable ? {
                                     path: distPath,
                                     keep
                                 } : void 0;
@@ -7992,16 +7947,16 @@ function applyDefaultPlugins(pluginManager, context) {
                         })(icon, distDir, publicPath, lookup)), tags = [];
                     for (let icon of icons){
                         if ('web-app-manifest' === icon.target && !appIcon.name) {
-                            addCompilationError(compilation, `${picocolors_default().dim('[rsbuild:app-icon]')} ${picocolors_default().yellow('"appIcon.name"')} is required when ${picocolors_default().yellow('"target"')} is ${picocolors_default().yellow('"web-app-manifest"')}.`);
+                            addCompilationError(compilation, `${color.dim('[rsbuild:app-icon]')} ${color.yellow('"appIcon.name"')} is required when ${color.yellow('"target"')} is ${color.yellow('"web-app-manifest"')}.`);
                             continue;
                         }
                         if (!icon.isURL) {
                             if (!compilation.inputFileSystem) {
-                                addCompilationError(compilation, `${picocolors_default().dim('[rsbuild:app-icon]')} Failed to read the icon file as ${picocolors_default().yellow('"compilation.inputFileSystem"')} is not available.`);
+                                addCompilationError(compilation, `${color.dim('[rsbuild:app-icon]')} Failed to read the icon file as ${color.yellow('"compilation.inputFileSystem"')} is not available.`);
                                 continue;
                             }
                             if (!await fileExistsByCompilation(compilation, icon.absolutePath)) {
-                                addCompilationError(compilation, `${picocolors_default().dim('[rsbuild:app-icon]')} Failed to find the icon file at ${picocolors_default().yellow(icon.absolutePath)}.`);
+                                addCompilationError(compilation, `${color.dim('[rsbuild:app-icon]')} Failed to find the icon file at ${color.yellow(icon.absolutePath)}.`);
                                 continue;
                             }
                             let source = await readFileAsync(compilation.inputFileSystem, icon.absolutePath);
@@ -8078,7 +8033,7 @@ function applyDefaultPlugins(pluginManager, context) {
                     raw: !0
                 }, ({ code, emitFile, resourcePath })=>{
                     let name, filename = (name = resourcePath && external_node_path_.default.parse(resourcePath).name) ? `${name}.node` : null;
-                    if (null === filename) throw Error(`${picocolors_default().dim('[rsbuild:node-addons]')} Failed to load Node.js addon: ${picocolors_default().yellow(resourcePath)}`);
+                    if (null === filename) throw Error(`${color.dim('[rsbuild:node-addons]')} Failed to load Node.js addon: ${color.yellow(resourcePath)}`);
                     emitFile(filename, code);
                     let config = api.getNormalizedConfig(), handleErrorSnippet = `throw new Error('Failed to load Node.js addon: "${filename}"', {
     cause: error,
@@ -8114,7 +8069,7 @@ try {
         {
             name: 'rsbuild:define',
             setup (api) {
-                api.modifyBundlerChain((chain, { CHAIN_ID, bundler, environment })=>{
+                api.modifyBundlerChain((chain, { CHAIN_ID, rspack, environment })=>{
                     let { config } = environment, baseUrl = JSON.stringify(config.server.base), assetPrefix = JSON.stringify(getPublicPathFromChain(chain, !1)), mergedDefine = {
                         ...{
                             'import.meta.env': {
@@ -8129,7 +8084,7 @@ try {
                         },
                         ...config.source.define
                     };
-                    checkProcessEnvSecurity(mergedDefine), chain.plugin(CHAIN_ID.PLUGIN.DEFINE).use(bundler.DefinePlugin, [
+                    checkProcessEnvSecurity(mergedDefine), chain.plugin(CHAIN_ID.PLUGIN.DEFINE).use(rspack.DefinePlugin, [
                         mergedDefine
                     ]);
                 });
@@ -8365,10 +8320,7 @@ try {
                             ...chain.output.get('library'),
                             type: 'module'
                         }), 'web-worker' === target) throw Error('[rsbuild:config] `output.module` is not supported for web-worker target.');
-                        chain.node.set('__dirname', !1).set('__filename', !1), chain.output.module(!0).chunkFormat('module').chunkLoading('import').workerChunkLoading('import'), chain.experiments({
-                            ...chain.get('experiments'),
-                            outputModule: !0
-                        });
+                        chain.node.set('__dirname', !1).set('__filename', !1), chain.output.module(!0).chunkFormat('module').chunkLoading('import').workerChunkLoading('import');
                     }
                 });
             }
@@ -8501,19 +8453,19 @@ try {
                             ]
                         });
                     } catch  {
-                        src_logger.warn(`\`process.env.RSDOCTOR\` enabled, please install ${picocolors_default().bold(picocolors_default().yellow(packageName))} package.`);
+                        src_logger.warn(`\`process.env.RSDOCTOR\` enabled, please install ${color.bold(color.yellow(packageName))} package.`);
                         return;
                     }
                     try {
                         let moduleURL = isWindows ? (0, external_node_url_.pathToFileURL)(packagePath).href : packagePath;
                         module = await import(moduleURL);
                     } catch  {
-                        src_logger.error(`\`process.env.RSDOCTOR\` enabled, but failed to load ${picocolors_default().bold(picocolors_default().yellow(packageName))} module.`);
+                        src_logger.error(`\`process.env.RSDOCTOR\` enabled, but failed to load ${color.bold(color.yellow(packageName))} module.`);
                         return;
                     }
                     if (module && module[pluginName]) {
                         for (let config of bundlerConfigs)config.plugins ||= [], config.plugins.push(new module[pluginName]());
-                        src_logger.info(`${picocolors_default().bold(picocolors_default().yellow(packageName))} enabled.`);
+                        src_logger.info(`${color.bold(color.yellow(packageName))} enabled.`);
                     }
                 });
             }
@@ -8624,7 +8576,7 @@ try {
                                 });
                             }));
                         } catch (err) {
-                            throw err instanceof Error && (err.message = `Failed to copy public directory '${picocolors_default().yellow(publicDir)}' to output directory. To disable public directory copying, set \`${picocolors_default().cyan('server.publicDir: false')}\` in your config.\n${err.message}`), err;
+                            throw err instanceof Error && (err.message = `Failed to copy public directory '${color.yellow(publicDir)}' to output directory. To disable public directory copying, set \`${color.cyan('server.publicDir: false')}\` in your config.\n${err.message}`), err;
                         }
                     }
                 });
@@ -8637,7 +8589,7 @@ try {
                 api.modifyBundlerChain(async (chain, { CHAIN_ID, environment, isDev })=>{
                     let { output: { manifest }, dev: { writeToDisk } } = environment.config;
                     if (!1 === manifest) return;
-                    let manifestOptions = normalizeManifestObjectConfig(manifest), { RspackManifestPlugin } = await import("./manifest-plugin.js").then(__webpack_require__.bind(__webpack_require__, "../../node_modules/.pnpm/rspack-manifest-plugin@5.2.1_@rspack+core@2.0.0-alpha.1_@module-federation+runtime-tools@0.23.0_@swc+helpers@0.5.18_/node_modules/rspack-manifest-plugin/dist/index.js")), { htmlPaths } = environment, filter = manifestOptions.filter ?? ((file)=>!file.name.endsWith('.LICENSE.txt'));
+                    let manifestOptions = normalizeManifestObjectConfig(manifest), { RspackManifestPlugin } = await import("./manifest-plugin.js").then(__webpack_require__.bind(__webpack_require__, "../../node_modules/.pnpm/rspack-manifest-plugin@5.2.1_@rspack+core@2.0.0-beta.0_@module-federation+runtime-tools@0.24.0_@swc+helpers@0.5.18_/node_modules/rspack-manifest-plugin/dist/index.js")), { htmlPaths } = environment, filter = manifestOptions.filter ?? ((file)=>!file.name.endsWith('.LICENSE.txt'));
                     manifestFilenames.set(environment.name, manifestOptions.filename);
                     let pluginOptions = {
                         fileName: manifestOptions.filename,
@@ -8694,7 +8646,7 @@ try {
                                     manifestData
                                 });
                                 if (isObject(generatedManifest)) return environment.manifest = generatedManifest, generatedManifest;
-                                throw Error(`${picocolors_default().dim('[rsbuild:manifest]')} \`manifest.generate\` function must return a valid manifest object.`);
+                                throw Error(`${color.dim('[rsbuild:manifest]')} \`manifest.generate\` function must return a valid manifest object.`);
                             }
                             return environment.manifest = manifestData, manifestData;
                         }
@@ -8705,7 +8657,7 @@ try {
                 }), api.onAfterCreateCompiler(()=>{
                     if (manifestFilenames.size <= 1) return void manifestFilenames.clear();
                     let environmentNames = Array.from(manifestFilenames.keys()), filenames = Array.from(manifestFilenames.values());
-                    new Set(filenames).size !== filenames.length && src_logger.warn(`${picocolors_default().dim('[rsbuild:manifest]')} The ${picocolors_default().yellow('"manifest.filename"')} option must be unique when there are multiple environments (${environmentNames.join(', ')}), otherwise the manifest file will be overwritten.`), manifestFilenames.clear();
+                    new Set(filenames).size !== filenames.length && src_logger.warn(`${color.dim('[rsbuild:manifest]')} The ${color.yellow('"manifest.filename"')} option must be unique when there are multiple environments (${environmentNames.join(', ')}), otherwise the manifest file will be overwritten.`), manifestFilenames.clear();
                 });
             }
         },
@@ -8721,7 +8673,7 @@ try {
                 api.onBeforeBuild(async ({ isFirstCompile })=>{
                     isFirstCompile && await onStart();
                 }), api.onBeforeStartDevServer(onStart), api.onExit(()=>{
-                    traceOutput && (core_rspack.experiments.globalTrace.cleanup(), src_logger.info(`profile file saved to ${picocolors_default().cyan(traceOutput)}`));
+                    traceOutput && (core_rspack.experiments.globalTrace.cleanup(), src_logger.info(`profile file saved to ${color.cyan(traceOutput)}`));
                 });
             }
         },
@@ -8750,19 +8702,16 @@ try {
             name: 'rsbuild:sri',
             setup (api) {
                 api.modifyBundlerChain((chain, { environment, CHAIN_ID, rspack })=>{
-                    let { config, htmlPaths } = environment;
-                    if (0 === Object.keys(htmlPaths).length) return;
-                    let { sri } = config.security;
+                    let { config } = environment, { sri } = config.security;
                     if (!('auto' === sri.enable ? 'production' === config.mode : sri.enable)) return;
                     let crossorigin = chain.output.get('crossOriginLoading');
                     (!1 === crossorigin || void 0 === crossorigin) && chain.output.crossOriginLoading('anonymous');
-                    let { algorithm = 'sha384' } = sri;
-                    chain.plugin(CHAIN_ID.PLUGIN.SUBRESOURCE_INTEGRITY).use(rspack.SubresourceIntegrityPlugin, [
-                        {
-                            enabled: !0,
-                            hashFuncNames: helpers_castArray(algorithm),
-                            htmlPlugin: external_node_path_.default.join(COMPILED_PATH, 'html-rspack-plugin/index.js')
-                        }
+                    let { algorithm = 'sha384' } = sri, pluginOptions = {
+                        enabled: !0,
+                        hashFuncNames: helpers_castArray(algorithm)
+                    };
+                    'js' === config.html.implementation && !1 !== config.tools.htmlPlugin && (pluginOptions.htmlPlugin = external_node_path_.default.join(COMPILED_PATH, 'html-rspack-plugin/index.js')), chain.plugin(CHAIN_ID.PLUGIN.SUBRESOURCE_INTEGRITY).use(rspack.SubresourceIntegrityPlugin, [
+                        pluginOptions
                     ]);
                 });
             }
@@ -8872,8 +8821,8 @@ async function createRsbuild(options = {}) {
                 pluginManager
             }), { distPath } = context, { checkDistDir = !0 } = options;
             if (checkDistDir) {
-                if (!(0, external_node_fs_.existsSync)(distPath)) throw Error(`${picocolors_default().dim('[rsbuild:preview]')} The output directory ${picocolors_default().yellow(distPath)} does not exist, please build the project before previewing.`);
-                if (isEmptyDir(distPath)) throw Error(`${picocolors_default().dim('[rsbuild:preview]')} The output directory ${picocolors_default().yellow(distPath)} is empty, please build the project before previewing.`);
+                if (!(0, external_node_fs_.existsSync)(distPath)) throw Error(`${color.dim('[rsbuild:preview]')} The output directory ${color.yellow(distPath)} does not exist, please build the project before previewing.`);
+                if (isEmptyDir(distPath)) throw Error(`${color.dim('[rsbuild:preview]')} The output directory ${color.yellow(distPath)} is empty, please build the project before previewing.`);
             }
             return startProdServer(context, config, options);
         },
@@ -8977,7 +8926,7 @@ async function loadConfig_loadConfig({ cwd = process.cwd(), path, envMode, meta,
         if (customConfig) {
             let customConfigPath = (0, external_node_path_.isAbsolute)(customConfig) ? customConfig : (0, external_node_path_.join)(root, customConfig);
             if (external_node_fs_.default.existsSync(customConfigPath)) return customConfigPath;
-            throw Error(`${picocolors_default().dim('[rsbuild:loadConfig]')} Cannot find config file: ${picocolors_default().dim(customConfigPath)}`);
+            throw Error(`${color.dim('[rsbuild:loadConfig]')} Cannot find config file: ${color.dim(customConfigPath)}`);
         }
         for (let file of [
             'rsbuild.config.mjs',
@@ -9003,7 +8952,7 @@ async function loadConfig_loadConfig({ cwd = process.cwd(), path, envMode, meta,
         let configFileURL = (0, external_node_url_.pathToFileURL)(configFilePath).href, exportModule = await import(`${configFileURL}?t=${Date.now()}`);
         configExport = exportModule.default ? exportModule.default : exportModule;
     } catch (err) {
-        let errorMessage = `Failed to load file with native loader: ${picocolors_default().dim(configFilePath)}`;
+        let errorMessage = `Failed to load file with native loader: ${color.dim(configFilePath)}`;
         if ('native' === loader) throw src_logger.error(errorMessage), err;
         src_logger.debug(`${errorMessage}, fallback to jiti.`), src_logger.debug(err);
     }
@@ -9019,7 +8968,7 @@ async function loadConfig_loadConfig({ cwd = process.cwd(), path, envMode, meta,
             default: !0
         });
     } catch (err) {
-        throw src_logger.error(`Failed to load file with jiti: ${picocolors_default().dim(configFilePath)}`), err;
+        throw src_logger.error(`Failed to load file with jiti: ${color.dim(configFilePath)}`), err;
     }
     if ('function' == typeof configExport) {
         let command = process.argv[2], nodeEnv = process.env.NODE_ENV || '', result = await configExport({
@@ -9028,13 +8977,13 @@ async function loadConfig_loadConfig({ cwd = process.cwd(), path, envMode, meta,
             envMode: envMode || nodeEnv,
             meta
         });
-        if (void 0 === result) throw Error(`${picocolors_default().dim('[rsbuild:loadConfig]')} The config function must return a config object.`);
+        if (void 0 === result) throw Error(`${color.dim('[rsbuild:loadConfig]')} The config function must return a config object.`);
         return {
             content: applyMetaInfo(result),
             filePath: configFilePath
         };
     }
-    if (!isObject(configExport)) throw Error(`${picocolors_default().dim('[rsbuild:loadConfig]')} The config must be an object or a function that returns an object, get ${picocolors_default().yellow(configExport)}`);
+    if (!isObject(configExport)) throw Error(`${color.dim('[rsbuild:loadConfig]')} The config must be an object or a function that returns an object, get ${color.yellow(configExport)}`);
     return src_logger.debug('configuration loaded from:', configFilePath), {
         content: applyMetaInfo(configExport),
         filePath: configFilePath
@@ -9097,7 +9046,7 @@ let cleaners = [], onBeforeRestartServer = (cleaner)=>{
 }, beforeRestart = async ({ filePath, clear = !0, id })=>{
     if (clear && isTTY() && !process.env.DEBUG && process.stdout.write('\x1B[H\x1B[2J'), filePath) {
         let filename = external_node_path_.default.basename(filePath);
-        src_logger.info(`restarting ${id} as ${picocolors_default().yellow(filename)} changed\n`);
+        src_logger.info(`restarting ${id} as ${color.yellow(filename)} changed\n`);
     } else src_logger.info(`restarting ${id}...\n`);
     for (let cleaner of cleaners)await cleaner();
     cleaners = [];
@@ -9145,7 +9094,7 @@ let applyServerOptions = (command)=>{
 };
 function setupCommands() {
     let cli = ((name = "")=>new CAC(name))('rsbuild');
-    cli.version("2.0.0-beta.1"), cli.option('--base <base>', 'Set the base path of the server').option('-c, --config <config>', 'Set the configuration file (relative or absolute path)').option('--config-loader <loader>', 'Set the config file loader (auto | jiti | native)', {
+    cli.version("2.0.0-beta.3"), cli.option('--base <base>', 'Set the base path of the server').option('-c, --config <config>', 'Set the configuration file (relative or absolute path)').option('--config-loader <loader>', 'Set the config file loader (auto | jiti | native)', {
         default: 'auto'
     }).option('--env-dir <dir>', 'Set the directory for loading `.env` files').option('--env-mode <mode>', 'Set the env mode to load the `.env.[mode]` file').option('--environment <name>', 'Set the environment name(s) to build', {
         type: [
@@ -9153,7 +9102,7 @@ function setupCommands() {
         ],
         default: []
     }).option('--log-level <level>', 'Set the log level (info | warn | error | silent)').option('-m, --mode <mode>', 'Set the build mode (development | production | none)').option('-r, --root <root>', 'Set the project root directory (absolute path or relative to cwd)').option('--no-env', 'Disable loading of `.env` files');
-    let devDescription = `Start the dev server ${picocolors_default().dim('(default if no command is given)')}`, devCommand = cli.command('', devDescription).alias('dev'), buildCommand = cli.command('build', 'Build the app for production'), previewCommand = cli.command('preview', 'Preview the production build locally'), inspectCommand = cli.command('inspect', 'Inspect the Rspack and Rsbuild configs');
+    let devDescription = `Start the dev server ${color.dim('(default if no command is given)')}`, devCommand = cli.command('', devDescription).alias('dev'), buildCommand = cli.command('build', 'Build the app for production'), previewCommand = cli.command('preview', 'Preview the production build locally'), inspectCommand = cli.command('inspect', 'Inspect the Rspack and Rsbuild configs');
     applyServerOptions(devCommand), applyServerOptions(previewCommand), devCommand.action(async (options)=>{
         try {
             let rsbuild = await init_init({
@@ -9199,7 +9148,7 @@ function setupCommands() {
             src_logger.error('Failed to inspect config.'), src_logger.error(err), process.exit(1);
         }
     }), cli.help((sections)=>{
-        for (let section of (sections.shift(), sections))'Usage' === section.title && (section.body = section.body.replace('$ rsbuild', picocolors_default().yellow("$ rsbuild [command] [options]"))), 'Commands' === section.title && (section.body = section.body.replace(`         ${devDescription}`, `dev      ${devDescription}`)), section.title?.startsWith('For more info') ? (section.title = picocolors_default().dim('  For details on a sub-command, run'), section.body = picocolors_default().dim('  $ rsbuild <command> -h')) : section.title = picocolors_default().cyan(section.title);
+        for (let section of (sections.shift(), sections))'Usage' === section.title && (section.body = section.body.replace('$ rsbuild', color.yellow("$ rsbuild [command] [options]"))), 'Commands' === section.title && (section.body = section.body.replace(`         ${devDescription}`, `dev      ${devDescription}`)), section.title?.startsWith('For more info') ? (section.title = color.dim('  For details on a sub-command, run'), section.body = color.dim('  $ rsbuild <command> -h')) : section.title && (section.title = color.cyan(section.title));
     }), cli.parse();
 }
 let { argv: cli_argv } = process;
@@ -9214,7 +9163,7 @@ function initNodeEnv() {
 }
 function showGreeting() {
     let { npm_execpath, npm_lifecycle_event, NODE_RUN_SCRIPT_NAME } = process.env, isBun = npm_execpath?.includes('.bun');
-    src_logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v2.0.0-beta.1\n`);
+    src_logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v2.0.0-beta.3\n`);
 }
 function setupLogLevel() {
     let logLevelIndex = process.argv.findIndex((item)=>'--log-level' === item || '--logLevel' === item);
@@ -9235,5 +9184,5 @@ function runCLI() {
         src_logger.error('Failed to start Rsbuild CLI.'), src_logger.error(err), process.exit(1);
     }
 }
-let src_version = "2.0.0-beta.1";
-export { PLUGIN_CSS_NAME, PLUGIN_SWC_NAME, core_rspack as rspack, createRsbuild, defaultAllowedOrigins, defineConfig, ensureAssetPrefix, external_node_os_type, external_node_util_promisify, loadConfig_loadConfig as loadConfig, loadEnv, mergeRsbuildConfig, node_os, node_process, runCLI, src_logger as logger, src_version as version };
+let src_version = "2.0.0-beta.3";
+export { PLUGIN_CSS_NAME, PLUGIN_SWC_NAME, core_rspack as rspack, createRsbuild, defaultAllowedOrigins, defineConfig, ensureAssetPrefix, external_node_util_promisify, loadConfig_loadConfig as loadConfig, loadEnv, mergeRsbuildConfig, runCLI, src_logger as logger, src_version as version };