@rsbuild/core 1.6.12 → 1.6.14

package/dist/index.cjs

@@ -1,7 +1,7 @@
 /*! For license information please see index.cjs.LICENSE.txt */
 const __rslib_import_meta_url__ = 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 var __webpack_modules__ = {
-    "../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js": function(module) {
+    "../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js" (module) {
         "use strict";
         var isMergeableObject = function isMergeableObject(value) {
             return isNonNullObject(value) && !isSpecial(value);
@@ -71,7 +71,7 @@ var __webpack_modules__ = {
             }, {});
         }, module.exports = deepmerge;
     },
-    "../../node_modules/.pnpm/dotenv-expand@12.0.3/node_modules/dotenv-expand/lib/main.js": function(module) {
+    "../../node_modules/.pnpm/dotenv-expand@12.0.3/node_modules/dotenv-expand/lib/main.js" (module) {
         "use strict";
         function _resolveEscapeSequences(value) {
             return value.replace(/\\\$/g, '$');
@@ -104,7 +104,7 @@ var __webpack_modules__ = {
         }
         module.exports.expand = expand;
     },
-    "../../node_modules/.pnpm/ee-first@1.1.1/node_modules/ee-first/index.js": function(module) {
+    "../../node_modules/.pnpm/ee-first@1.1.1/node_modules/ee-first/index.js" (module) {
         "use strict";
         function listener(event, done) {
             return function onevent(arg1) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
             return thunk.cancel = cleanup, thunk;
         };
     },
-    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/array.js": function(__unused_webpack_module, exports1) {
+    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/array.js" (__unused_webpack_module, exports1) {
         "use strict";
         Object.defineProperty(exports1, "__esModule", {
             value: !0
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
             return `[${eol}${values}${eol}]`;
         };
     },
-    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/function.js": function(__unused_webpack_module, exports1, __webpack_require__) {
+    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/function.js" (__unused_webpack_module, exports1, __webpack_require__) {
         "use strict";
         Object.defineProperty(exports1, "__esModule", {
             value: !0
@@ -289,7 +289,7 @@ var __webpack_modules__ = {
         }
         exports1.FunctionParser = FunctionParser;
     },
-    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/index.js": function(__unused_webpack_module, exports1, __webpack_require__) {
+    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/index.js" (__unused_webpack_module, exports1, __webpack_require__) {
         "use strict";
         exports1.stringify = void 0;
         let stringify_1 = __webpack_require__("../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/stringify.js"), quote_1 = __webpack_require__("../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/quote.js"), ROOT_SENTINEL = Symbol("root");
@@ -326,7 +326,7 @@ var __webpack_modules__ = {
             return result;
         };
     },
-    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/object.js": function(__unused_webpack_module, exports1, __webpack_require__) {
+    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/object.js" (__unused_webpack_module, exports1, __webpack_require__) {
         "use strict";
         Object.defineProperty(exports1, "__esModule", {
             value: !0
@@ -361,7 +361,7 @@ var __webpack_modules__ = {
             "[object Window]": globalToString
         };
     },
-    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/quote.js": function(__unused_webpack_module, exports1) {
+    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/quote.js" (__unused_webpack_module, exports1) {
         "use strict";
         Object.defineProperty(exports1, "__esModule", {
             value: !0
@@ -418,7 +418,7 @@ var __webpack_modules__ = {
             return result;
         };
     },
-    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/stringify.js": function(__unused_webpack_module, exports1, __webpack_require__) {
+    "../../node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/stringify.js" (__unused_webpack_module, exports1, __webpack_require__) {
         "use strict";
         Object.defineProperty(exports1, "__esModule", {
             value: !0
@@ -438,7 +438,7 @@ var __webpack_modules__ = {
         };
         exports1.toString = (value, space, next, key)=>null === value ? "null" : PRIMITIVE_TYPES[typeof value](value, space, next, key);
     },
-    "../../node_modules/.pnpm/lilconfig@3.1.3/node_modules/lilconfig/src/index.js": function(module, __unused_webpack_exports, __webpack_require__) {
+    "../../node_modules/.pnpm/lilconfig@3.1.3/node_modules/lilconfig/src/index.js" (module, __unused_webpack_exports, __webpack_require__) {
         let path = __webpack_require__("path"), fs = __webpack_require__("fs"), os = __webpack_require__("os"), url = __webpack_require__("url"), fsReadFileAsync = fs.promises.readFile;
         function getDefaultSearchPlaces(name, sync) {
             return [
@@ -693,7 +693,7 @@ var __webpack_modules__ = {
             };
         };
     },
-    "../../node_modules/.pnpm/on-finished@2.4.1/node_modules/on-finished/index.js": function(module, __unused_webpack_exports, __webpack_require__) {
+    "../../node_modules/.pnpm/on-finished@2.4.1/node_modules/on-finished/index.js" (module, __unused_webpack_exports, __webpack_require__) {
         "use strict";
         module.exports = onFinished, module.exports.isFinished = isFinished;
         var asyncHooks = tryRequireAsyncHooks(), first = __webpack_require__("../../node_modules/.pnpm/ee-first@1.1.1/node_modules/ee-first/index.js"), defer = 'function' == typeof setImmediate ? setImmediate : function(fn) {
@@ -760,7 +760,7 @@ var __webpack_modules__ = {
             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/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/index.js": function(module, __unused_webpack_exports, __webpack_require__) {
+    "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/index.js" (module, __unused_webpack_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.1/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.1/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.1/node_modules/postcss-load-config/src/req.js");
         async function processResult(ctx, result) {
             let obj, file = result.filepath || '', projectConfig = ((obj = result.config) && obj.__esModule ? obj : {
@@ -834,7 +834,7 @@ var __webpack_modules__ = {
             });
         };
     },
-    "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/options.js": function(module, __unused_webpack_exports, __webpack_require__) {
+    "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/options.js" (module, __unused_webpack_exports, __webpack_require__) {
         let req = __webpack_require__("../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/req.js");
         module.exports = async function options(config, file) {
             if (config.parser && 'string' == typeof config.parser) try {
@@ -855,7 +855,7 @@ var __webpack_modules__ = {
             return config;
         };
     },
-    "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/plugins.js": function(module, __unused_webpack_exports, __webpack_require__) {
+    "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/plugins.js" (module, __unused_webpack_exports, __webpack_require__) {
         let req = __webpack_require__("../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/req.js");
         async function load(plugin, options, file) {
             try {
@@ -872,7 +872,7 @@ var __webpack_modules__ = {
             }), list;
         };
     },
-    "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/req.js": function(module, __unused_webpack_exports, __webpack_require__) {
+    "../../node_modules/.pnpm/postcss-load-config@6.0.1_jiti@2.6.1_postcss@8.5.6_yaml@2.8.1/node_modules/postcss-load-config/src/req.js" (module, __unused_webpack_exports, __webpack_require__) {
         let tsx, jiti, { createRequire } = __webpack_require__("node:module"), { pathToFileURL } = __webpack_require__("node:url"), TS_EXT_RE = /\.[mc]?ts$/, importError = [];
         module.exports = async function req(name, rootFile = __filename) {
             let url = createRequire(rootFile).resolve(name);
@@ -901,63 +901,63 @@ var __webpack_modules__ = {
             throw Error(`'tsx' or 'jiti' is required for the TypeScript configuration files. Make sure it is installed\nError: ${importError.map((error)=>error.message).join('\n')}`);
         };
     },
-    async_hooks: function(module) {
+    async_hooks (module) {
         "use strict";
         module.exports = require("async_hooks");
     },
-    fs: function(module) {
+    fs (module) {
         "use strict";
         module.exports = require("fs");
     },
-    "node:buffer": function(module) {
+    "node:buffer" (module) {
         "use strict";
         module.exports = require("node:buffer");
     },
-    "node:child_process": function(module) {
+    "node:child_process" (module) {
         "use strict";
         module.exports = require("node:child_process");
     },
-    "node:fs": function(module) {
+    "node:fs" (module) {
         "use strict";
         module.exports = require("node:fs");
     },
-    "node:fs/promises": function(module) {
+    "node:fs/promises" (module) {
         "use strict";
         module.exports = require("node:fs/promises");
     },
-    "node:module": function(module) {
+    "node:module" (module) {
         "use strict";
         module.exports = require("node:module");
     },
-    "node:os": function(module) {
+    "node:os" (module) {
         "use strict";
         module.exports = require("node:os");
     },
-    "node:path": function(module) {
+    "node:path" (module) {
         "use strict";
         module.exports = require("node:path");
     },
-    "node:process": function(module) {
+    "node:process" (module) {
         "use strict";
         module.exports = require("node:process");
     },
-    "node:url": function(module) {
+    "node:url" (module) {
         "use strict";
         module.exports = require("node:url");
     },
-    "node:util": function(module) {
+    "node:util" (module) {
         "use strict";
         module.exports = require("node:util");
     },
-    os: function(module) {
+    os (module) {
         "use strict";
         module.exports = require("os");
     },
-    path: function(module) {
+    path (module) {
         "use strict";
         module.exports = require("path");
     },
-    url: function(module) {
+    url (module) {
         "use strict";
         module.exports = require("url");
     }
@@ -1021,7 +1021,7 @@ __webpack_require__.m = __webpack_modules__, __webpack_require__.n = (module)=>{
     };
 })();
 var __webpack_exports__ = {};
-for(var __webpack_i__ in (()=>{
+for(var __rspack_i in (()=>{
     "use strict";
     let swcHelpersPath, pluginHelper_htmlPlugin, cssExtractPlugin;
     __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, {
@@ -2488,6 +2488,7 @@ ${section.body}` : section.body).join("\n\n"));
             MultiStatsCtor
         });
     };
+    var external_node_util_ = __webpack_require__("node:util");
     function resolveFileName(stats) {
         let file = stats.file || stats.moduleName;
         if (file) return removeLoaderChainDelimiter(file);
@@ -2502,11 +2503,14 @@ ${section.body}` : section.body).join("\n\n"));
     }
     function formatModuleTrace(stats, errorFile) {
         if (!stats.moduleTrace) return;
-        let moduleNames = stats.moduleTrace.map((trace)=>trace.originName).filter(Boolean);
+        let moduleNames = stats.moduleTrace.map((trace)=>trace.originName && removeLoaderChainDelimiter(trace.originName)).filter(Boolean);
         if (!moduleNames.length) return;
-        errorFile && moduleNames.unshift(`${errorFile} ${color.bold(color.red('×'))}`);
+        if (errorFile) {
+            let formatted = removeLoaderChainDelimiter(errorFile);
+            moduleNames[0] !== formatted && moduleNames.unshift(formatted);
+        }
         let rawTrace = moduleNames.reverse().map((item)=>`\n  ${item}`).join('');
-        return color.dim(`Import traces (entry → error):${rawTrace}`);
+        return color.dim(`Import traces (entry → error):${rawTrace} ${color.bold(color.red('×'))}`);
     }
     function hintUnknownFiles(message) {
         let hint = 'You may need an appropriate loader to handle this file type.';
@@ -2548,16 +2552,17 @@ ${section.body}` : section.body).join("\n\n"));
         ])if (plugin.test.test(message)) return message.replace(hint, plugin.hint);
         return message;
     }
-    function formatStatsError(stats) {
-        let fileName = resolveFileName(stats), message = `${((fileName, stats)=>{
+    function formatStatsError(stats, root) {
+        let fileName = resolveFileName(stats), message = `${((fileName, stats, root)=>{
             if (!fileName) return '';
             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: ${color.cyan('data-uri virtual module')} ${color.dim(`(${snippet})`)}\n`;
             }
-            return /:\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)}${stats.message}`, verbose = 'verbose' === logger.level;
+            let prefix = root + external_node_path_.sep;
+            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 = 'verbose' === logger.level;
         verbose && (stats.details && (message += `\nDetails: ${stats.details}\n`), stats.stack && (message += `\n${stats.stack}`));
         let moduleTrace = formatModuleTrace(stats, fileName);
         moduleTrace && (message += moduleTrace);
@@ -2579,7 +2584,7 @@ ${section.body}` : section.body).join("\n\n"));
             };
             if (message.includes('need an additional plugin to handle "node:" URIs')) return getTips('node:*');
             if (!message.includes("Can't resolve")) return message;
-            let matchArray = message.match(/Can't resolve '(\w+)'/);
+            let matchArray = (0, external_node_util_.stripVTControlCharacters)(message).match(/Can't resolve '(\w+)'/);
             if (!matchArray) return message;
             let moduleName = matchArray[1];
             return moduleName && [
@@ -2663,12 +2668,12 @@ ${section.body}` : section.body).join("\n\n"));
         let statsOptions = getStatsOptions(compiler, action);
         return statsInstance.toJson(statsOptions);
     }
-    function formatStats(stats, hasErrors) {
+    function formatStats(stats, hasErrors, root) {
         if (hasErrors) return {
-            message: formatErrorMessage(getStatsErrors(stats).map((item)=>formatStatsError(item))),
+            message: formatErrorMessage(getStatsErrors(stats).map((item)=>formatStatsError(item, root))),
             level: 'error'
         };
-        let warningMessages = getStatsWarnings(stats).map((item)=>formatStatsError(item));
+        let warningMessages = getStatsWarnings(stats).map((item)=>formatStatsError(item, root));
         if (warningMessages.length) {
             let title = color.bold(color.yellow(warningMessages.length > 1 ? 'Build warnings: \n' : 'Build warning: \n'));
             return {
@@ -2930,7 +2935,8 @@ ${section.body}` : section.body).join("\n\n"));
                     port: '',
                     host: '',
                     overlay: !0,
-                    reconnect: 100
+                    reconnect: 100,
+                    logLevel: 'info'
                 }
             },
             server: {
@@ -3052,7 +3058,8 @@ ${section.body}` : section.body).join("\n\n"));
                     strategy: 'split-by-experience'
                 }
             },
-            environments: {}
+            environments: {},
+            logLevel: 'info'
         });
     function getDefaultEntry(root) {
         let entryFile = findExists([
@@ -3071,7 +3078,7 @@ ${section.body}` : section.body).join("\n\n"));
     }
     let withDefaultConfig = async (rootPath, config)=>{
         let merged = mergeRsbuildConfig(createDefaultConfig(), config);
-        if (merged.root ||= rootPath, merged.source ||= {}, merged.server?.base && (config.dev?.assetPrefix === void 0 && (merged.dev ||= {}, merged.dev.assetPrefix = merged.server.base), config.output?.assetPrefix === void 0 && (merged.output ||= {}, merged.output.assetPrefix = merged.server.base)), merged.dev?.lazyCompilation === void 0 && (merged.dev ||= {}, merged.dev.lazyCompilation = {
+        if (merged.root ||= rootPath, merged.source ||= {}, merged.server?.base && (config.dev?.assetPrefix === void 0 && (merged.dev ||= {}, merged.dev.assetPrefix = merged.server.base), config.output?.assetPrefix === void 0 && (merged.output ||= {}, merged.output.assetPrefix = merged.server.base)), config.dev?.client?.logLevel === void 0 && (merged.dev ||= {}, merged.dev.client ||= {}, merged.dev.client.logLevel = merged.logLevel), merged.dev?.lazyCompilation === void 0 && (merged.dev ||= {}, merged.dev.lazyCompilation = {
             imports: !0,
             entries: !1
         }), !merged.source.tsconfigPath) {
@@ -3548,7 +3555,7 @@ ${section.body}` : section.body).join("\n\n"));
     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, bundlerType = userConfig.provider ? 'webpack' : 'rspack';
         return {
-            version: "1.6.12",
+            version: "1.6.14",
             rootPath,
             distPath: '',
             cachePath,
@@ -4132,7 +4139,7 @@ ${section.body}` : section.body).join("\n\n"));
         }), compiler.hooks.done.tap(HOOK_NAME, (statsInstance)=>{
             let stats = getRsbuildStats(statsInstance, compiler, context.action), hasErrors = statsInstance.hasErrors();
             context.buildState.stats = stats, context.buildState.status = 'done', context.buildState.hasErrors = hasErrors, context.socketServer?.onBuildDone();
-            let { message, level } = formatStats(stats, hasErrors);
+            let { message, level } = formatStats(stats, hasErrors, options.context.rootPath);
             'error' === level && logger.error(message), 'warning' === level && logger.warn(message), isMultiCompiler || printTime(0, hasErrors), isCompiling = !1;
         }), 'dev' === context.action && registerDevHook({
             context,
@@ -4230,7 +4237,6 @@ ${section.body}` : section.body).join("\n\n"));
             rawPublicVars
         };
     }
-    var external_node_util_ = __webpack_require__("node:util");
     let chainStaticAssetRule = ({ emit, rule, maxSize, filename, assetType })=>{
         let generatorOptions = {
             filename
@@ -4457,7 +4463,36 @@ ${section.body}` : section.body).join("\n\n"));
         let data = await fileSize_gzip(input);
         return Buffer.byteLength(data);
     }
-    let EXCLUDE_ASSET_REGEX = /\.(?:map|LICENSE\.txt|d\.ts)$/, excludeAsset = (asset)=>EXCLUDE_ASSET_REGEX.test(asset.name), getAssetColor = (size)=>size > 300000 ? color.red : size > 100000 ? color.yellow : color.green;
+    function getSnapshotPath(dir, snapshotHash) {
+        return snapshotHash ? external_node_path_default().join(dir, `rsbuild/file-sizes-${snapshotHash}.json`) : external_node_path_default().join(dir, 'rsbuild/file-sizes.json');
+    }
+    function normalizeFilename(fileName) {
+        return fileName.replace(/\.[a-f0-9]{8,}\./g, '.');
+    }
+    async function loadPrevSnapshots(snapshotPath) {
+        try {
+            let content = await external_node_fs_default().promises.readFile(snapshotPath, 'utf-8');
+            return JSON.parse(content);
+        } catch  {
+            return null;
+        }
+    }
+    async function saveSnapshots(snapshotPath, snapshots) {
+        try {
+            await external_node_fs_default().promises.mkdir(external_node_path_default().dirname(snapshotPath), {
+                recursive: !0
+            }), await external_node_fs_default().promises.writeFile(snapshotPath, JSON.stringify(snapshots, null, 2));
+        } catch (err) {
+            logger.debug('Failed to save file size snapshots:', err);
+        }
+    }
+    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 ? color.red : color.green)(label),
+            length: label.length
+        };
+    }, getAssetColor = (size)=>size > 300000 ? color.red : size > 100000 ? color.yellow : color.green;
     function getHeader(maxFileLength, maxSizeLength, fileHeader, showGzipHeader) {
         let lengths = [
             maxFileLength,
@@ -4476,26 +4511,83 @@ ${section.body}` : section.body).join("\n\n"));
     let calcFileSize = (len)=>{
         let val = len / 1000;
         return `${val.toFixed(val < 1 ? 2 : 1)} kB`;
-    }, coloringAssetName = (assetName)=>JS_REGEX.test(assetName) ? color.cyan(assetName) : assetName.endsWith('.css') ? color.yellow(assetName) : assetName.endsWith('.html') ? color.green(assetName) : color.magenta(assetName), COMPRESSIBLE_REGEX = /\.(?:js|css|html|json|svg|txt|xml|xhtml|wasm|manifest|md)$/i;
-    async function printFileSizes(options, stats, rootPath, distPath, environmentName) {
-        let logs = [], showDetail = !1 !== options.detail, showTotal = !1 !== options.total;
-        if (!showTotal && !showDetail) return logs;
-        let exclude = options.exclude ?? excludeAsset, relativeDistPath = external_node_path_default().relative(rootPath, distPath), formatAsset = async (asset)=>{
-            let assetName, fileName = asset.name.split('?')[0], contents = await external_node_fs_default().promises.readFile(external_node_path_default().join(distPath, fileName)), size = Buffer.byteLength(contents), gzippedSize = options.compressed && (assetName = fileName, COMPRESSIBLE_REGEX.test(assetName)) ? await gzipSize(contents) : null, gzipSizeLabel = gzippedSize ? getAssetColor(gzippedSize)(calcFileSize(gzippedSize)) : null;
+    }, COMPRESSIBLE_REGEX = /\.(?:js|css|html|json|svg|txt|xml|xhtml|wasm|manifest|md)$/i;
+    async function printFileSizes(options, stats, rootPath, distPath, environmentName, previousSizes) {
+        let logs = [], showDetail = !1 !== options.detail, showDiff = !1 !== options.diff && null !== previousSizes, showTotal = !1 !== options.total;
+        if (!showTotal && !showDetail) return {
+            logs
+        };
+        let relativeDistPath = external_node_path_default().relative(rootPath, distPath), snapshot = {
+            files: {},
+            totalSize: 0,
+            totalGzipSize: 0
+        }, formatAsset = async (asset)=>{
+            var assetName;
+            let assetName1, fileName = asset.name.split('?')[0], contents = await external_node_fs_default().promises.readFile(external_node_path_default().join(distPath, fileName)), size = Buffer.byteLength(contents), gzippedSize = options.compressed && (assetName1 = fileName, COMPRESSIBLE_REGEX.test(assetName1)) ? await gzipSize(contents) : null, normalizedName = normalizeFilename(fileName);
+            snapshot.files[normalizedName] = {
+                size,
+                gzippedSize: gzippedSize ?? void 0
+            };
+            let sizeLabel = calcFileSize(size), sizeLabelLength = sizeLabel.length, gzipSizeLabel = gzippedSize ? getAssetColor(gzippedSize)(calcFileSize(gzippedSize)) : null;
+            if (showDiff) {
+                let sizeData = previousSizes[environmentName]?.files[normalizedName], sizeDiff = size - (sizeData?.size ?? 0);
+                if (isSignificantDiff(sizeDiff)) {
+                    let { label, length } = formatDiff(sizeDiff);
+                    sizeLabel += ` ${label}`, sizeLabelLength += length + 1;
+                }
+                if (null !== gzippedSize) {
+                    let gzipDiff = gzippedSize - (sizeData?.gzippedSize ?? 0);
+                    isSignificantDiff(gzipDiff) && (gzipSizeLabel += ` ${formatDiff(gzipDiff).label}`);
+                }
+            }
+            let folder = external_node_path_default().join(relativeDistPath, external_node_path_default().dirname(fileName)), name = external_node_path_default().basename(fileName), filenameLabel = color.dim(folder + external_node_path_default().sep) + (assetName = name, JS_REGEX.test(assetName) ? color.cyan(assetName) : assetName.endsWith('.css') ? color.yellow(assetName) : assetName.endsWith('.html') ? color.green(assetName) : color.magenta(assetName)), filenameLength = (folder + external_node_path_default().sep + name).length;
             return {
+                name,
+                filenameLabel,
+                filenameLength,
                 size,
-                folder: external_node_path_default().join(relativeDistPath, external_node_path_default().dirname(fileName)),
-                name: external_node_path_default().basename(fileName),
+                sizeLabel,
+                sizeLabelLength,
                 gzippedSize,
-                sizeLabel: calcFileSize(size),
                 gzipSizeLabel
             };
-        }, getAssets = async ()=>Promise.all(getAssetsFromStats(stats).filter((asset)=>!exclude(asset) && (!options.include || options.include(asset))).map((asset)=>formatAsset(asset))), assets = await getAssets();
-        if (0 === assets.length) return logs;
-        logs.push(''), assets.sort((a, b)=>a.size - b.size);
-        let totalSize = 0, totalGzipSize = 0;
-        for (let asset of (showTotal = showTotal && !(showDetail && 1 === assets.length), assets))totalSize += asset.size, options.compressed && (totalGzipSize += asset.gzippedSize ?? asset.size);
-        let fileHeader = showDetail ? `File (${environmentName})` : '', totalSizeLabel = showTotal ? showDetail ? 'Total:' : `Total size (${environmentName}):` : '', totalSizeStr = showTotal ? calcFileSize(totalSize) : '', getCustomTotal = ()=>'function' == typeof options.total ? options.total({
+        }, getAssets = async ()=>{
+            let assets = getAssetsFromStats(stats), exclude = options.exclude ?? excludeAsset, filteredAssets = assets.filter((asset)=>!exclude(asset) && (!options.include || options.include(asset)));
+            return (await Promise.all(filteredAssets.map((asset)=>formatAsset(asset)))).sort((a, b)=>a.size - b.size);
+        }, assets = await getAssets();
+        if (0 === assets.length) return {
+            logs
+        };
+        logs.push(''), showDetail && 1 === assets.length && (showTotal = !1);
+        let { totalSize, totalGzipSize } = ((assets, compressed)=>{
+            let totalSize = 0, totalGzipSize = 0;
+            for (let { size, gzippedSize } of assets)totalSize += size, compressed && (totalGzipSize += gzippedSize ?? size);
+            return {
+                totalSize,
+                totalGzipSize
+            };
+        })(assets, options.compressed);
+        snapshot.totalSize = totalSize, snapshot.totalGzipSize = totalGzipSize;
+        let fileHeader = showDetail ? `File (${environmentName})` : '', { totalSizeTitle, totalSizeLabel, totalSizeLabelLength } = (()=>{
+            if (!showTotal) return {
+                totalSizeTitle: '',
+                totalSizeLabel: '',
+                totalSizeLabelLength: 0
+            };
+            let totalSizeTitle = showDetail ? 'Total:' : `Total size (${environmentName}):`, totalSizeLabel = calcFileSize(totalSize), totalSizeLabelLength = totalSizeLabel.length;
+            if (showDiff) {
+                let totalSizeDiff = totalSize - (previousSizes[environmentName]?.totalSize ?? 0);
+                if (isSignificantDiff(totalSizeDiff)) {
+                    let { label, length } = formatDiff(totalSizeDiff);
+                    totalSizeLabel += ` ${label}`, totalSizeLabelLength += length + 1;
+                }
+            }
+            return {
+                totalSizeTitle,
+                totalSizeLabel,
+                totalSizeLabelLength
+            };
+        })(), getCustomTotal = ()=>'function' == typeof options.total ? options.total({
                 environmentName,
                 distPath: relativeDistPath,
                 assets: assets.map((asset)=>{
@@ -4509,13 +4601,11 @@ ${section.body}` : section.body).join("\n\n"));
                 totalGzipSize
             }) : null;
         if (showDetail) {
-            let maxFileLength = Math.max(...assets.map((a)=>(a.folder + external_node_path_default().sep + a.name).length), showTotal ? totalSizeLabel.length : 0, fileHeader.length), maxSizeLength = Math.max(...assets.map((a)=>a.sizeLabel.length), totalSizeStr.length), showGzipHeader = !!(options.compressed && assets.some((item)=>null !== item.gzippedSize));
+            let maxFileLength = Math.max(...assets.map((asset)=>asset.filenameLength), showTotal ? totalSizeTitle.length : 0, fileHeader.length), maxSizeLength = Math.max(...assets.map((a)=>a.sizeLabelLength), totalSizeLabelLength), showGzipHeader = !!(options.compressed && assets.some((item)=>null !== item.gzippedSize));
             for (let asset of (logs.push(getHeader(maxFileLength, maxSizeLength, fileHeader, showGzipHeader)), assets)){
-                let { sizeLabel } = asset, { name, folder, gzipSizeLabel } = asset, fileNameLength = (folder + external_node_path_default().sep + name).length, sizeLength = sizeLabel.length;
-                sizeLength < maxSizeLength && (sizeLabel += ' '.repeat(maxSizeLength - sizeLength));
-                let fileNameLabel = color.dim(asset.folder + external_node_path_default().sep) + coloringAssetName(asset.name);
-                fileNameLength < maxFileLength && (fileNameLabel += ' '.repeat(maxFileLength - fileNameLength));
-                let log = `${fileNameLabel}   ${sizeLabel}`;
+                let { sizeLabel, sizeLabelLength, gzipSizeLabel } = asset, { filenameLength } = asset, { filenameLabel } = asset;
+                sizeLabelLength < maxSizeLength && (sizeLabel += ' '.repeat(maxSizeLength - sizeLabelLength)), filenameLength < maxFileLength && (filenameLabel += ' '.repeat(maxFileLength - filenameLength));
+                let log = `${filenameLabel}   ${sizeLabel}`;
                 gzipSizeLabel && (log += `   ${gzipSizeLabel}`), logs.push(log);
             }
             if (showTotal) {
@@ -4524,9 +4614,12 @@ ${section.body}` : section.body).join("\n\n"));
                 if (customTotal) logs.push(customTotal);
                 else {
                     let log = '';
-                    if (log += ' '.repeat(maxFileLength - totalSizeLabel.length), log += color.magenta(totalSizeLabel), log += `   ${totalSizeStr}`, options.compressed) {
+                    if (log += ' '.repeat(maxFileLength - totalSizeTitle.length), log += color.magenta(totalSizeTitle), log += `   ${totalSizeLabel}`, options.compressed) {
                         let colorFn = getAssetColor(totalGzipSize / assets.length);
-                        log += ' '.repeat(maxSizeLength - totalSizeStr.length), log += `   ${colorFn(calcFileSize(totalGzipSize))}`;
+                        if (log += ' '.repeat(maxSizeLength - totalSizeLabelLength), log += `   ${colorFn(calcFileSize(totalGzipSize))}`, showDiff) {
+                            let totalGzipSizeDiff = totalGzipSize - (previousSizes[environmentName]?.totalGzipSize ?? 0);
+                            isSignificantDiff(totalGzipSizeDiff) && (log += ` ${formatDiff(totalGzipSizeDiff).label}`);
+                        }
                     }
                     logs.push(log);
                 }
@@ -4535,11 +4628,14 @@ ${section.body}` : section.body).join("\n\n"));
             let customTotal = getCustomTotal();
             if (customTotal) logs.push(customTotal);
             else {
-                let log = `${color.magenta(totalSizeLabel)} ${totalSizeStr}`;
+                let log = `${color.magenta(totalSizeTitle)} ${totalSizeLabel}`;
                 options.compressed && (log += color.green(` (${calcFileSize(totalGzipSize)} gzipped)`)), logs.push(log);
             }
         }
-        return logs.push(''), logs;
+        return logs.push(''), {
+            logs,
+            snapshot
+        };
     }
     let entryNameSymbol = Symbol('entryName'), VOID_TAGS = [
         'area',
@@ -4931,6 +5027,7 @@ ${section.body}` : section.body).join("\n\n"));
             if ('EADDRINUSE' !== e.code) throw e;
             port++, attempts++;
         }
+        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 })=>{
@@ -5886,7 +5983,8 @@ init({
   serverHost: ${JSON.stringify(resolvedHost)},
   serverPort: ${resolvedPort},
   liveReload: ${config.dev.liveReload},
-  browserLogs: ${!!config.dev.browserLogs}
+  browserLogs: ${!!config.dev.browserLogs},
+  logLevel: ${JSON.stringify(config.dev.client.logLevel)}
 });
 `;
         new compiler.webpack.EntryPlugin(compiler.context, createVirtualModule(hmrEntry), {
@@ -6373,7 +6471,7 @@ init({
             });
         }
         sendError(errors, token) {
-            let formattedErrors = errors.map((item)=>formatStatsError(item));
+            let formattedErrors = errors.map((item)=>formatStatsError(item, this.context.rootPath));
             this.sockWrite({
                 type: 'errors',
                 data: {
@@ -6383,7 +6481,7 @@ init({
             }, token);
         }
         sendWarning(warnings, token) {
-            let formattedWarnings = warnings.map((item)=>formatStatsError(item));
+            let formattedWarnings = warnings.map((item)=>formatStatsError(item, this.context.rootPath));
             this.sockWrite({
                 type: 'warnings',
                 data: {
@@ -7827,25 +7925,32 @@ init({
             (context1 = context, {
                 name: 'rsbuild:file-size',
                 setup (api) {
-                    api.onAfterBuild(async ({ stats, environments, isFirstCompile })=>{
+                    api.onAfterBuild(async ({ stats, isFirstCompile })=>{
                         let { hasErrors } = context1.buildState;
                         if (!stats || hasErrors || !isFirstCompile) return;
-                        let logs = [];
-                        await Promise.all(Object.values(environments).map(async (environment, index)=>{
+                        let environments = context1.environmentList.filter(({ config })=>!1 !== config.performance.printFileSize);
+                        if (!environments.length) return;
+                        let showDiff = environments.some((environment)=>{
                             let { printFileSize } = environment.config.performance;
-                            if (!1 === printFileSize) return;
-                            let defaultConfig = {
-                                total: !0,
-                                detail: !0,
-                                compressed: 'node' !== environment.config.output.target
-                            }, mergedConfig = !0 === printFileSize ? defaultConfig : {
-                                ...defaultConfig,
-                                ...printFileSize
-                            }, statsItem = 'stats' in stats ? stats.stats[index] : stats, statsLogs = await printFileSizes(mergedConfig, statsItem, api.context.rootPath, environment.distPath, environment.name);
-                            logs.push(...statsLogs);
+                            return 'object' == typeof printFileSize && !!printFileSize.diff;
+                        }), { configFilePath } = api.getNormalizedConfig()._privateMeta || {}, snapshotHash = showDiff && configFilePath ? await helpers_hash(configFilePath) : '', snapshotPath = showDiff ? getSnapshotPath(api.context.cachePath, snapshotHash) : '', prevSnapshots = showDiff ? await loadPrevSnapshots(snapshotPath) : null, nextSnapshots = {}, logs = await Promise.all(environments.map(async ({ name, index, config, distPath })=>{
+                            let statsItem = 'stats' in stats ? stats.stats[index] : stats, { logs: sizeLogs, snapshot } = await printFileSizes(((config)=>{
+                                let { printFileSize } = config.performance, defaultConfig = {
+                                    total: !0,
+                                    detail: !0,
+                                    diff: !1,
+                                    compressed: 'node' !== config.output.target
+                                };
+                                return !0 === printFileSize ? defaultConfig : {
+                                    ...defaultConfig,
+                                    ...printFileSize
+                                };
+                            })(config), statsItem, api.context.rootPath, distPath, name, prevSnapshots);
+                            return snapshot && (nextSnapshots[name] = snapshot), sizeLogs.join('\n');
                         })).catch((err)=>{
                             logger.warn('Failed to print file size.'), logger.warn(err);
-                        }), logger.log(logs.join('\n'));
+                        });
+                        logs && logger.log(logs.join('\n')), showDiff && await saveSnapshots(snapshotPath, nextSnapshots);
                     });
                 }
             }),
@@ -8508,8 +8613,12 @@ try {
                         stage: 'summarize'
                     }, ({ compiler, compilation })=>{
                         if (0 === inlinedAssets.size) return;
-                        let { devtool } = compiler.options;
-                        for (let name of inlinedAssets)'hidden-source-map' === devtool || !1 === devtool ? compilation.deleteAsset(name) : delete compilation.assets[name];
+                        let { devtool } = compiler.options, hasSourceMap = 'hidden-source-map' !== devtool && !1 !== devtool;
+                        for (let name of inlinedAssets)hasSourceMap && compilation.updateAsset(name, compilation.assets[name], {
+                            related: {
+                                sourceMap: null
+                            }
+                        }), compilation.deleteAsset(name);
                         inlinedAssets.clear();
                     }), api.modifyHTMLTags(({ headTags, bodyTags }, { compiler, compilation, environment })=>{
                         let { htmlPaths, config } = environment;
@@ -9192,7 +9301,7 @@ try {
     };
     function setupCommands() {
         let cli = ((name = "")=>new CAC(name))('rsbuild');
-        cli.version("1.6.12"), 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("1.6.14"), 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: [
@@ -9261,7 +9370,7 @@ try {
     }
     function showGreeting() {
         let { npm_execpath, npm_lifecycle_event, NODE_RUN_SCRIPT_NAME } = process.env, isBun = npm_execpath?.includes('.bun');
-        logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v1.6.12\n`);
+        logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v1.6.14\n`);
     }
     function setupLogLevel() {
         let logLevelIndex = process.argv.findIndex((item)=>'--log-level' === item || '--logLevel' === item);
@@ -9282,7 +9391,7 @@ try {
             logger.error('Failed to start Rsbuild CLI.'), logger.error(err);
         }
     }
-    let src_version = "1.6.12";
+    let src_version = "1.6.14";
 })(), exports.PLUGIN_CSS_NAME = __webpack_exports__.PLUGIN_CSS_NAME, exports.PLUGIN_SWC_NAME = __webpack_exports__.PLUGIN_SWC_NAME, exports.createRsbuild = __webpack_exports__.createRsbuild, exports.defaultAllowedOrigins = __webpack_exports__.defaultAllowedOrigins, exports.defineConfig = __webpack_exports__.defineConfig, exports.ensureAssetPrefix = __webpack_exports__.ensureAssetPrefix, exports.loadConfig = __webpack_exports__.loadConfig, exports.loadEnv = __webpack_exports__.loadEnv, exports.logger = __webpack_exports__.logger, exports.mergeRsbuildConfig = __webpack_exports__.mergeRsbuildConfig, exports.rspack = __webpack_exports__.rspack, exports.runCLI = __webpack_exports__.runCLI, exports.version = __webpack_exports__.version, __webpack_exports__)-1 === [
     "PLUGIN_CSS_NAME",
     "PLUGIN_SWC_NAME",
@@ -9297,7 +9406,7 @@ try {
     "rspack",
     "runCLI",
     "version"
-].indexOf(__webpack_i__) && (exports[__webpack_i__] = __webpack_exports__[__webpack_i__]);
+].indexOf(__rspack_i) && (exports[__rspack_i] = __webpack_exports__[__rspack_i]);
 Object.defineProperty(exports, '__esModule', {
     value: !0
 });