@rsbuild/core 1.2.15 → 1.2.16

package/compiled/ws/index.d.ts

@@ -2,6 +2,7 @@
 import { EventEmitter } from 'events';
 import { ClientRequestArgs, IncomingMessage, ClientRequest, OutgoingHttpHeaders, Agent, Server } from 'http';
 import { Server as Server$1 } from 'https';
+import { createConnection } from 'net';
 import { Duplex, DuplexOptions } from 'stream';
 import { SecureContextOptions } from 'tls';
 import { URL } from 'url';
@@ -18,6 +19,7 @@ type BufferLike =
     | Uint8Array
     | ArrayBuffer
     | SharedArrayBuffer
+    | Blob
     | readonly any[]
     | readonly number[]
     | { valueOf(): ArrayBuffer }
@@ -108,21 +110,26 @@ declare class WebSocket extends EventEmitter {
     // HTML5 WebSocket events
     addEventListener<K extends keyof WebSocket.WebSocketEventMap>(
         type: K,
-        listener: (event: WebSocket.WebSocketEventMap[K]) => void,
+        listener:
+            | ((event: WebSocket.WebSocketEventMap[K]) => void)
+            | { handleEvent(event: WebSocket.WebSocketEventMap[K]): void },
         options?: WebSocket.EventListenerOptions,
     ): void;
     removeEventListener<K extends keyof WebSocket.WebSocketEventMap>(
         type: K,
-        listener: (event: WebSocket.WebSocketEventMap[K]) => void,
+        listener:
+            | ((event: WebSocket.WebSocketEventMap[K]) => void)
+            | { handleEvent(event: WebSocket.WebSocketEventMap[K]): void },
     ): void;
 
     // Events
     on(event: "close", listener: (this: WebSocket, code: number, reason: Buffer) => void): this;
-    on(event: "error", listener: (this: WebSocket, err: Error) => void): this;
+    on(event: "error", listener: (this: WebSocket, error: Error) => void): this;
     on(event: "upgrade", listener: (this: WebSocket, request: IncomingMessage) => void): this;
     on(event: "message", listener: (this: WebSocket, data: WebSocket.RawData, isBinary: boolean) => void): this;
     on(event: "open", listener: (this: WebSocket) => void): this;
     on(event: "ping" | "pong", listener: (this: WebSocket, data: Buffer) => void): this;
+    on(event: "redirect", listener: (this: WebSocket, url: string, request: ClientRequest) => void): this;
     on(
         event: "unexpected-response",
         listener: (this: WebSocket, request: ClientRequest, response: IncomingMessage) => void,
@@ -130,11 +137,12 @@ declare class WebSocket extends EventEmitter {
     on(event: string | symbol, listener: (this: WebSocket, ...args: any[]) => void): this;
 
     once(event: "close", listener: (this: WebSocket, code: number, reason: Buffer) => void): this;
-    once(event: "error", listener: (this: WebSocket, err: Error) => void): this;
+    once(event: "error", listener: (this: WebSocket, error: Error) => void): this;
     once(event: "upgrade", listener: (this: WebSocket, request: IncomingMessage) => void): this;
     once(event: "message", listener: (this: WebSocket, data: WebSocket.RawData, isBinary: boolean) => void): this;
     once(event: "open", listener: (this: WebSocket) => void): this;
     once(event: "ping" | "pong", listener: (this: WebSocket, data: Buffer) => void): this;
+    once(event: "redirect", listener: (this: WebSocket, url: string, request: ClientRequest) => void): this;
     once(
         event: "unexpected-response",
         listener: (this: WebSocket, request: ClientRequest, response: IncomingMessage) => void,
@@ -142,11 +150,12 @@ declare class WebSocket extends EventEmitter {
     once(event: string | symbol, listener: (this: WebSocket, ...args: any[]) => void): this;
 
     off(event: "close", listener: (this: WebSocket, code: number, reason: Buffer) => void): this;
-    off(event: "error", listener: (this: WebSocket, err: Error) => void): this;
+    off(event: "error", listener: (this: WebSocket, error: Error) => void): this;
     off(event: "upgrade", listener: (this: WebSocket, request: IncomingMessage) => void): this;
     off(event: "message", listener: (this: WebSocket, data: WebSocket.RawData, isBinary: boolean) => void): this;
     off(event: "open", listener: (this: WebSocket) => void): this;
     off(event: "ping" | "pong", listener: (this: WebSocket, data: Buffer) => void): this;
+    off(event: "redirect", listener: (this: WebSocket, url: string, request: ClientRequest) => void): this;
     off(
         event: "unexpected-response",
         listener: (this: WebSocket, request: ClientRequest, response: IncomingMessage) => void,
@@ -154,11 +163,12 @@ declare class WebSocket extends EventEmitter {
     off(event: string | symbol, listener: (this: WebSocket, ...args: any[]) => void): this;
 
     addListener(event: "close", listener: (code: number, reason: Buffer) => void): this;
-    addListener(event: "error", listener: (err: Error) => void): this;
+    addListener(event: "error", listener: (error: Error) => void): this;
     addListener(event: "upgrade", listener: (request: IncomingMessage) => void): this;
     addListener(event: "message", listener: (data: WebSocket.RawData, isBinary: boolean) => void): this;
     addListener(event: "open", listener: () => void): this;
     addListener(event: "ping" | "pong", listener: (data: Buffer) => void): this;
+    addListener(event: "redirect", listener: (url: string, request: ClientRequest) => void): this;
     addListener(
         event: "unexpected-response",
         listener: (request: ClientRequest, response: IncomingMessage) => void,
@@ -166,11 +176,12 @@ declare class WebSocket extends EventEmitter {
     addListener(event: string | symbol, listener: (...args: any[]) => void): this;
 
     removeListener(event: "close", listener: (code: number, reason: Buffer) => void): this;
-    removeListener(event: "error", listener: (err: Error) => void): this;
+    removeListener(event: "error", listener: (error: Error) => void): this;
     removeListener(event: "upgrade", listener: (request: IncomingMessage) => void): this;
     removeListener(event: "message", listener: (data: WebSocket.RawData, isBinary: boolean) => void): this;
     removeListener(event: "open", listener: () => void): this;
     removeListener(event: "ping" | "pong", listener: (data: Buffer) => void): this;
+    removeListener(event: "redirect", listener: (url: string, request: ClientRequest) => void): this;
     removeListener(
         event: "unexpected-response",
         listener: (request: ClientRequest, response: IncomingMessage) => void,
@@ -239,8 +250,11 @@ declare namespace WebSocket {
         family?: number | undefined;
         checkServerIdentity?(servername: string, cert: CertMeta): boolean;
         rejectUnauthorized?: boolean | undefined;
+        allowSynchronousEvents?: boolean | undefined;
+        autoPong?: boolean | undefined;
         maxPayload?: number | undefined;
         skipUTF8Validation?: boolean | undefined;
+        createConnection?: typeof createConnection | undefined;
         finishRequest?: FinishRequestCallback | undefined;
     }
 
@@ -317,6 +331,8 @@ declare namespace WebSocket {
         handleProtocols?: (protocols: Set<string>, request: InstanceType<V>) => string | false;
         path?: string | undefined;
         noServer?: boolean | undefined;
+        allowSynchronousEvents?: boolean | undefined;
+        autoPong?: boolean | undefined;
         clientTracking?: boolean | undefined;
         perMessageDeflate?: boolean | PerMessageDeflateOptions | undefined;
         maxPayload?: number | undefined;
@@ -352,19 +368,30 @@ declare namespace WebSocket {
         shouldHandle(request: InstanceType<U>): boolean | Promise<boolean>;
 
         // Events
-        on(event: "connection", cb: (this: Server<T>, socket: InstanceType<T>, request: InstanceType<U>) => void): this;
+        on(
+            event: "connection",
+            cb: (this: Server<T>, websocket: InstanceType<T>, request: InstanceType<U>) => void,
+        ): this;
         on(event: "error", cb: (this: Server<T>, error: Error) => void): this;
         on(event: "headers", cb: (this: Server<T>, headers: string[], request: InstanceType<U>) => void): this;
         on(event: "close" | "listening", cb: (this: Server<T>) => void): this;
+        on(
+            event: "wsClientError",
+            cb: (this: Server<T>, error: Error, socket: Duplex, request: InstanceType<U>) => void,
+        ): this;
         on(event: string | symbol, listener: (this: Server<T>, ...args: any[]) => void): this;
 
         once(
             event: "connection",
-            cb: (this: Server<T>, socket: InstanceType<T>, request: InstanceType<U>) => void,
+            cb: (this: Server<T>, websocket: InstanceType<T>, request: InstanceType<U>) => void,
         ): this;
         once(event: "error", cb: (this: Server<T>, error: Error) => void): this;
         once(event: "headers", cb: (this: Server<T>, headers: string[], request: InstanceType<U>) => void): this;
         once(event: "close" | "listening", cb: (this: Server<T>) => void): this;
+        once(
+            event: "wsClientError",
+            cb: (this: Server<T>, error: Error, socket: Duplex, request: InstanceType<U>) => void,
+        ): this;
         once(event: string | symbol, listener: (this: Server<T>, ...args: any[]) => void): this;
 
         off(
@@ -374,18 +401,27 @@ declare namespace WebSocket {
         off(event: "error", cb: (this: Server<T>, error: Error) => void): this;
         off(event: "headers", cb: (this: Server<T>, headers: string[], request: InstanceType<U>) => void): this;
         off(event: "close" | "listening", cb: (this: Server<T>) => void): this;
+        off(
+            event: "wsClientError",
+            cb: (this: Server<T>, error: Error, socket: Duplex, request: InstanceType<U>) => void,
+        ): this;
         off(event: string | symbol, listener: (this: Server<T>, ...args: any[]) => void): this;
 
-        addListener(event: "connection", cb: (client: InstanceType<T>, request: InstanceType<U>) => void): this;
-        addListener(event: "error", cb: (err: Error) => void): this;
+        addListener(event: "connection", cb: (websocket: InstanceType<T>, request: InstanceType<U>) => void): this;
+        addListener(event: "error", cb: (error: Error) => void): this;
         addListener(event: "headers", cb: (headers: string[], request: InstanceType<U>) => void): this;
         addListener(event: "close" | "listening", cb: () => void): this;
+        addListener(event: "wsClientError", cb: (error: Error, socket: Duplex, request: InstanceType<U>) => void): this;
         addListener(event: string | symbol, listener: (...args: any[]) => void): this;
 
-        removeListener(event: "connection", cb: (client: InstanceType<T>, request: InstanceType<U>) => void): this;
-        removeListener(event: "error", cb: (err: Error) => void): this;
+        removeListener(event: "connection", cb: (websocket: InstanceType<T>, request: InstanceType<U>) => void): this;
+        removeListener(event: "error", cb: (error: Error) => void): this;
         removeListener(event: "headers", cb: (headers: string[], request: InstanceType<U>) => void): this;
         removeListener(event: "close" | "listening", cb: () => void): this;
+        removeListener(
+            event: "wsClientError",
+            cb: (error: Error, socket: Duplex, request: InstanceType<U>) => void,
+        ): this;
         removeListener(event: string | symbol, listener: (...args: any[]) => void): this;
     }
 

package/dist/index.cjs

@@ -1744,7 +1744,7 @@ var __webpack_exports__ = {};
     async function createContext(options, userConfig, bundlerType) {
         let { cwd } = options, rootPath = userConfig.root ? getAbsolutePath(cwd, userConfig.root) : cwd, rsbuildConfig = await withDefaultConfig(rootPath, userConfig), cachePath = (0, external_node_path_namespaceObject.join)(rootPath, 'node_modules', '.cache'), specifiedEnvironments = options.environment && options.environment.length > 0 ? options.environment : void 0;
         return {
-            version: "1.2.15",
+            version: "1.2.16",
             rootPath,
             distPath: '',
             cachePath,
@@ -2372,9 +2372,26 @@ var __webpack_exports__ = {};
                             localIdentName,
                             emitCss
                         });
-                        rule.use(CHAIN_ID.USE.CSS).options(cssLoaderOptions), rule.merge({
+                        rule.use(CHAIN_ID.USE.CSS).options(cssLoaderOptions);
+                        let isStringExport = 'string' === cssLoaderOptions.exportType;
+                        if (isStringExport && rule.uses.has(CHAIN_ID.USE.MINI_CSS_EXTRACT) && rule.uses.delete(CHAIN_ID.USE.MINI_CSS_EXTRACT), rule.merge({
                             sideEffects: !0
-                        }), rule.resolve.preferRelative(!0);
+                        }), rule.resolve.preferRelative(!0), emitCss && !config.output.injectStyles && !isStringExport) {
+                            let extractPluginOptions = config.tools.cssExtract.pluginOptions, cssPath = config.output.distPath.css, cssFilename = getFilename(config, 'css', isProd), isCssFilenameFn = 'function' == typeof cssFilename, cssAsyncPath = config.output.distPath.cssAsync ?? (cssPath ? `${cssPath}/async` : 'async');
+                            chain.plugin(CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT).use(getCssExtractPlugin(), [
+                                {
+                                    filename: isCssFilenameFn ? (...args)=>{
+                                        let name = cssFilename(...args);
+                                        return external_node_path_namespaceObject.posix.join(cssPath, name);
+                                    } : external_node_path_namespaceObject.posix.join(cssPath, cssFilename),
+                                    chunkFilename: isCssFilenameFn ? (...args)=>{
+                                        let name = cssFilename(...args);
+                                        return external_node_path_namespaceObject.posix.join(cssAsyncPath, name);
+                                    } : external_node_path_namespaceObject.posix.join(cssAsyncPath, cssFilename),
+                                    ...extractPluginOptions
+                                }
+                            ]);
+                        }
                     }
                 });
             }
@@ -2464,21 +2481,24 @@ var __webpack_exports__ = {};
         if (0 === assets.length) return logs;
         logs.push(''), assets.sort((a, b)=>a.size - b.size);
         let longestLabelLength = Math.max(...assets.map((a)=>a.sizeLabel.length)), longestFileLength = Math.max(...assets.map((a)=>(a.folder + external_node_path_default().sep + a.name).length));
-        !1 !== options.detail && logs.push(function(longestFileLength, longestLabelLength, options, environmentName) {
-            let longestLengths = [
-                longestFileLength,
-                longestLabelLength
-            ], rowTypes = [
-                `File (${environmentName})`,
-                'Size'
-            ];
-            options.compressed && rowTypes.push('Gzip');
-            let headerRow = rowTypes.reduce((prev, cur, index)=>{
-                let length = longestLengths[index], curLabel = cur;
-                return length && (curLabel = cur.length < length ? cur + ' '.repeat(length - cur.length) : cur), `${prev + curLabel}    `;
-            }, '  ');
-            return index_js_default().blue(headerRow);
-        }(longestFileLength, longestLabelLength, options, environmentName));
+        if (!1 !== options.detail) {
+            let showGzipHeader = !!(options.compressed && assets.some((item)=>null !== item.gzippedSize));
+            logs.push(function(longestFileLength, longestLabelLength, environmentName, showGzipHeader) {
+                let longestLengths = [
+                    longestFileLength,
+                    longestLabelLength
+                ], rowTypes = [
+                    `File (${environmentName})`,
+                    'Size'
+                ];
+                showGzipHeader && rowTypes.push('Gzip');
+                let headerRow = rowTypes.reduce((prev, cur, index)=>{
+                    let length = longestLengths[index], curLabel = cur;
+                    return length && (curLabel = cur.length < length ? cur + ' '.repeat(length - cur.length) : cur), `${prev + curLabel}    `;
+                }, '  ');
+                return index_js_default().blue(headerRow);
+            }(longestFileLength, longestLabelLength, environmentName, showGzipHeader));
+        }
         let totalSize = 0, totalGzipSize = 0;
         for (let asset of assets){
             let { sizeLabel } = asset, { name, folder, gzipSizeLabel } = asset, fileNameLength = (folder + external_node_path_default().sep + name).length, sizeLength = sizeLabel.length;
@@ -3206,7 +3226,10 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                             ...headTags,
                             ...bodyTags
                         ];
-                        if (nonce) for (let tag of allTags)("script" === tag.tag || 'style' === tag.tag) && (tag.attrs ??= {}, tag.attrs.nonce = nonce);
+                        if (nonce) for (let tag of allTags){
+                            var _tag_attrs, _tag_attrs1;
+                            ("script" === tag.tag || 'style' === tag.tag || 'link' === tag.tag && (null === (_tag_attrs = tag.attrs) || void 0 === _tag_attrs ? void 0 : _tag_attrs.rel) === 'preload' && (null === (_tag_attrs1 = tag.attrs) || void 0 === _tag_attrs1 ? void 0 : _tag_attrs1.as) === "script") && (tag.attrs ??= {}, tag.attrs.nonce = nonce);
+                        }
                         return {
                             headTags,
                             bodyTags
@@ -3440,7 +3463,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
     let getJsAsyncPath = (jsPath, isServer, jsAsync)=>void 0 !== jsAsync ? jsAsync : isServer ? jsPath : jsPath ? `${jsPath}/async` : 'async', pluginOutput = ()=>({
             name: 'rsbuild:output',
             setup (api) {
-                api.modifyBundlerChain(async (chain, { CHAIN_ID, target, isProd, isServer, environment })=>{
+                api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd, isServer, environment })=>{
                     let { distPath, config } = environment, publicPath = function({ isProd, config, context }) {
                         var _context_devServer, _context_devServer1, _context_devServer2;
                         let { dev, output, server } = config, publicPath = DEFAULT_ASSET_PREFIX, port = (null === (_context_devServer = context.devServer) || void 0 === _context_devServer ? void 0 : _context_devServer.port) || server.port || 3000;
@@ -3473,23 +3496,6 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                             options
                         ]);
                     }
-                    let emitCss = config.output.emitCss ?? 'web' === target;
-                    if (!config.output.injectStyles && emitCss) {
-                        let extractPluginOptions = config.tools.cssExtract.pluginOptions, cssPath = config.output.distPath.css, cssFilename = getFilename(config, 'css', isProd), isCssFilenameFn = 'function' == typeof cssFilename, cssAsyncPath = config.output.distPath.cssAsync ?? (cssPath ? `${cssPath}/async` : 'async');
-                        chain.plugin(CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT).use(getCssExtractPlugin(), [
-                            {
-                                filename: isCssFilenameFn ? (...args)=>{
-                                    let name = cssFilename(...args);
-                                    return external_node_path_namespaceObject.posix.join(cssPath, name);
-                                } : external_node_path_namespaceObject.posix.join(cssPath, cssFilename),
-                                chunkFilename: isCssFilenameFn ? (...args)=>{
-                                    let name = cssFilename(...args);
-                                    return external_node_path_namespaceObject.posix.join(cssAsyncPath, name);
-                                } : external_node_path_namespaceObject.posix.join(cssAsyncPath, cssFilename),
-                                ...extractPluginOptions
-                            }
-                        ]);
-                    }
                 });
             }
         }), pluginPerformance = ()=>({
@@ -3985,7 +3991,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                     };
                     'webpack' === api.context.bundlerType && (defaultConfig.enforceSizeThreshold = 50000);
                     let { chunkSplit } = config.performance, forceSplittingGroups = {};
-                    chunkSplit.forceSplitting && (forceSplittingGroups = function(forceSplitting) {
+                    chunkSplit.forceSplitting && (forceSplittingGroups = function(forceSplitting, strategy) {
                         let cacheGroups = {};
                         for (let [key, regexp] of Array.isArray(forceSplitting) ? forceSplitting.map((regexp, index)=>[
                                 `force-split-${index}`,
@@ -3994,11 +4000,11 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                             test: regexp,
                             name: key,
                             chunks: 'all',
-                            priority: 0,
+                            priority: +('single-vendor' === strategy),
                             enforce: !0
                         };
                         return cacheGroups;
-                    }(chunkSplit.forceSplitting));
+                    }(chunkSplit.forceSplitting, chunkSplit.strategy));
                     let override = 'custom' === chunkSplit.strategy ? chunkSplit.splitChunks ?? chunkSplit.override : chunkSplit.override, splitChunksOptions = await SPLIT_STRATEGY_DISPATCHER[chunkSplit.strategy || 'split-by-experience']({
                         defaultConfig,
                         override: override || {},
@@ -5730,11 +5736,21 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
         })).middlewares))Array.isArray(item) ? middlewares.use(...item) : middlewares.use(item);
         return rslog_index_js_namespaceObject.logger.debug('create dev server done'), devServerAPI;
     }
-    function cutPath(filePath, root) {
-        let prefix = root.endsWith(external_node_path_namespaceObject.sep) ? root : root + external_node_path_namespaceObject.sep;
-        if (filePath.startsWith(prefix)) return filePath.slice(prefix.length);
-        let parts = filePath.split(external_node_path_namespaceObject.sep).filter(Boolean);
-        return parts.length > 3 ? parts.slice(-3).join(external_node_path_namespaceObject.sep) : parts.join(external_node_path_namespaceObject.sep);
+    function isLikelyFile(filePath) {
+        return (filePath.split(external_node_path_namespaceObject.sep).pop() || '').includes('.');
+    }
+    function formatFileList(paths, rootPath) {
+        let files = paths.filter(isLikelyFile);
+        0 === files.length && (files = [
+            paths[0]
+        ]);
+        let fileInfo = files.slice(0, 1).map((file)=>(function(originalFilePath, root) {
+                let prefix = root.endsWith(external_node_path_namespaceObject.sep) ? root : root + external_node_path_namespaceObject.sep, filePath = originalFilePath;
+                filePath.startsWith(prefix) && (filePath = filePath.slice(prefix.length));
+                let parts = filePath.split(external_node_path_namespaceObject.sep).filter(Boolean);
+                return parts.length > 3 ? parts.slice(-3).join(external_node_path_namespaceObject.sep) : parts.join(external_node_path_namespaceObject.sep);
+            })(file, rootPath)).join(', ');
+        return files.length > 1 ? `${fileInfo} and ${files.length - 1} more` : fileInfo;
     }
     async function createCompiler_createCompiler(options) {
         rslog_index_js_namespaceObject.logger.debug('create compiler');
@@ -5747,17 +5763,21 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
             isVersionLogged || (rslog_index_js_namespaceObject.logger.debug(`use Rspack v${core_namespaceObject.rspack.rspackVersion}`), isVersionLogged = !0);
         };
         compiler.hooks.watchRun.tap('rsbuild:compiling', (compiler)=>{
-            if (logRspackVersion(), !isCompiling) {
-                let changedFiles = compiler.modifiedFiles ? Array.from(compiler.modifiedFiles) : [], removedFiles = compiler.removedFiles ? Array.from(compiler.removedFiles) : [];
-                if (changedFiles.length) {
-                    let fileInfo = index_js_default().dim(changedFiles.map((file)=>cutPath(file, context.rootPath)).join(', '));
-                    rslog_index_js_namespaceObject.logger.start(`building ${fileInfo}`);
-                } else if (removedFiles.length) {
-                    let fileInfo = removedFiles.map((file)=>cutPath(file, context.rootPath)).join(', ');
+            logRspackVersion(), isCompiling || function(compiler, context) {
+                let changedFiles = compiler.modifiedFiles ? Array.from(compiler.modifiedFiles) : null;
+                if (null == changedFiles ? void 0 : changedFiles.length) {
+                    let fileInfo = formatFileList(changedFiles, context.rootPath);
+                    rslog_index_js_namespaceObject.logger.start(`building ${index_js_default().dim(fileInfo)}`);
+                    return;
+                }
+                let removedFiles = compiler.removedFiles ? Array.from(compiler.removedFiles) : null;
+                if (null == removedFiles ? void 0 : removedFiles.length) {
+                    let fileInfo = formatFileList(removedFiles, context.rootPath);
                     rslog_index_js_namespaceObject.logger.start(`building ${index_js_default().dim(`removed ${fileInfo}`)}`);
-                } else rslog_index_js_namespaceObject.logger.start('build started...');
-            }
-            isCompiling = !0;
+                    return;
+                }
+                rslog_index_js_namespaceObject.logger.start('build started...');
+            }(compiler, context), isCompiling = !0;
         }), 'build' === context.command && compiler.hooks.run.tap('rsbuild:run', logRspackVersion);
         let done = (stats)=>{
             let statsOptions = getStatsOptions(compiler), statsJson = stats.toJson({
@@ -6760,12 +6780,12 @@ ${section.body}` : section.body).join("\n\n"));
                 }
             }(), process.title = 'rsbuild-node';
             let { npm_execpath } = process.env;
-            (!npm_execpath || npm_execpath.includes('npx-cli.js') || npm_execpath.includes('.bun')) && console.log(), rslog_index_js_namespaceObject.logger.greet(`  Rsbuild v1.2.15\n`);
+            (!npm_execpath || npm_execpath.includes('npx-cli.js') || npm_execpath.includes('.bun')) && console.log(), rslog_index_js_namespaceObject.logger.greet(`  Rsbuild v1.2.16\n`);
         }();
         try {
             !function() {
                 let cli = dist('rsbuild');
-                cli.help(), cli.version("1.2.15"), applyCommonOptions(cli);
+                cli.help(), cli.version("1.2.16"), applyCommonOptions(cli);
                 let devCommand = cli.command('dev', 'starting the dev server'), 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 {
@@ -6816,7 +6836,7 @@ ${section.body}` : section.body).join("\n\n"));
             rslog_index_js_namespaceObject.logger.error('Failed to start Rsbuild CLI.'), rslog_index_js_namespaceObject.logger.error(err);
         }
     }
-    let src_rslib_entry_version = "1.2.15";
+    let src_rslib_entry_version = "1.2.16";
 })();
 var __webpack_export_target__ = exports;
 for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];

package/dist/index.js

@@ -1653,7 +1653,7 @@ async function updateEnvironmentContext(context, configs) {
 async function createContext(options, userConfig, bundlerType) {
     let { cwd } = options, rootPath = userConfig.root ? getAbsolutePath(cwd, userConfig.root) : cwd, rsbuildConfig = await withDefaultConfig(rootPath, userConfig), cachePath = (0, __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.join)(rootPath, 'node_modules', '.cache'), specifiedEnvironments = options.environment && options.environment.length > 0 ? options.environment : void 0;
     return {
-        version: "1.2.15",
+        version: "1.2.16",
         rootPath,
         distPath: '',
         cachePath,
@@ -2280,9 +2280,26 @@ let isPostcssPluginCreator = (plugin)=>'function' == typeof plugin && !0 === plu
                         localIdentName,
                         emitCss
                     });
-                    rule.use(CHAIN_ID.USE.CSS).options(cssLoaderOptions), rule.merge({
+                    rule.use(CHAIN_ID.USE.CSS).options(cssLoaderOptions);
+                    let isStringExport = 'string' === cssLoaderOptions.exportType;
+                    if (isStringExport && rule.uses.has(CHAIN_ID.USE.MINI_CSS_EXTRACT) && rule.uses.delete(CHAIN_ID.USE.MINI_CSS_EXTRACT), rule.merge({
                         sideEffects: !0
-                    }), rule.resolve.preferRelative(!0);
+                    }), rule.resolve.preferRelative(!0), emitCss && !config.output.injectStyles && !isStringExport) {
+                        let extractPluginOptions = config.tools.cssExtract.pluginOptions, cssPath = config.output.distPath.css, cssFilename = getFilename(config, 'css', isProd), isCssFilenameFn = 'function' == typeof cssFilename, cssAsyncPath = config.output.distPath.cssAsync ?? (cssPath ? `${cssPath}/async` : 'async');
+                        chain.plugin(CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT).use(getCssExtractPlugin(), [
+                            {
+                                filename: isCssFilenameFn ? (...args)=>{
+                                    let name = cssFilename(...args);
+                                    return __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssPath, name);
+                                } : __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssPath, cssFilename),
+                                chunkFilename: isCssFilenameFn ? (...args)=>{
+                                    let name = cssFilename(...args);
+                                    return __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssAsyncPath, name);
+                                } : __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssAsyncPath, cssFilename),
+                                ...extractPluginOptions
+                            }
+                        ]);
+                    }
                 }
             });
         }
@@ -2370,21 +2387,24 @@ async function printFileSizes(options, stats, rootPath, environmentName) {
     if (0 === assets.length) return logs;
     logs.push(''), assets.sort((a, b)=>a.size - b.size);
     let longestLabelLength = Math.max(...assets.map((a)=>a.sizeLabel.length)), longestFileLength = Math.max(...assets.map((a)=>(a.folder + __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.default.sep + a.name).length));
-    !1 !== options.detail && logs.push(function(longestFileLength, longestLabelLength, options, environmentName) {
-        let longestLengths = [
-            longestFileLength,
-            longestLabelLength
-        ], rowTypes = [
-            `File (${environmentName})`,
-            'Size'
-        ];
-        options.compressed && rowTypes.push('Gzip');
-        let headerRow = rowTypes.reduce((prev, cur, index)=>{
-            let length = longestLengths[index], curLabel = cur;
-            return length && (curLabel = cur.length < length ? cur + ' '.repeat(length - cur.length) : cur), `${prev + curLabel}    `;
-        }, '  ');
-        return __WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.blue(headerRow);
-    }(longestFileLength, longestLabelLength, options, environmentName));
+    if (!1 !== options.detail) {
+        let showGzipHeader = !!(options.compressed && assets.some((item)=>null !== item.gzippedSize));
+        logs.push(function(longestFileLength, longestLabelLength, environmentName, showGzipHeader) {
+            let longestLengths = [
+                longestFileLength,
+                longestLabelLength
+            ], rowTypes = [
+                `File (${environmentName})`,
+                'Size'
+            ];
+            showGzipHeader && rowTypes.push('Gzip');
+            let headerRow = rowTypes.reduce((prev, cur, index)=>{
+                let length = longestLengths[index], curLabel = cur;
+                return length && (curLabel = cur.length < length ? cur + ' '.repeat(length - cur.length) : cur), `${prev + curLabel}    `;
+            }, '  ');
+            return __WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.blue(headerRow);
+        }(longestFileLength, longestLabelLength, environmentName, showGzipHeader));
+    }
     let totalSize = 0, totalGzipSize = 0;
     for (let asset of assets){
         let { sizeLabel } = asset, { name, folder, gzipSizeLabel } = asset, fileNameLength = (folder + __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.default.sep + name).length, sizeLength = sizeLabel.length;
@@ -3111,7 +3131,10 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                         ...headTags,
                         ...bodyTags
                     ];
-                    if (nonce) for (let tag of allTags)("script" === tag.tag || 'style' === tag.tag) && (tag.attrs ??= {}, tag.attrs.nonce = nonce);
+                    if (nonce) for (let tag of allTags){
+                        var _tag_attrs, _tag_attrs1;
+                        ("script" === tag.tag || 'style' === tag.tag || 'link' === tag.tag && (null === (_tag_attrs = tag.attrs) || void 0 === _tag_attrs ? void 0 : _tag_attrs.rel) === 'preload' && (null === (_tag_attrs1 = tag.attrs) || void 0 === _tag_attrs1 ? void 0 : _tag_attrs1.as) === "script") && (tag.attrs ??= {}, tag.attrs.nonce = nonce);
+                    }
                     return {
                         headTags,
                         bodyTags
@@ -3341,7 +3364,7 @@ async function open_open({ https, port, routes, config, clearCache }) {
 let getJsAsyncPath = (jsPath, isServer, jsAsync)=>void 0 !== jsAsync ? jsAsync : isServer ? jsPath : jsPath ? `${jsPath}/async` : 'async', pluginOutput = ()=>({
         name: 'rsbuild:output',
         setup (api) {
-            api.modifyBundlerChain(async (chain, { CHAIN_ID, target, isProd, isServer, environment })=>{
+            api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd, isServer, environment })=>{
                 let { distPath, config } = environment, publicPath = function({ isProd, config, context }) {
                     var _context_devServer, _context_devServer1, _context_devServer2;
                     let { dev, output, server } = config, publicPath = DEFAULT_ASSET_PREFIX, port = (null === (_context_devServer = context.devServer) || void 0 === _context_devServer ? void 0 : _context_devServer.port) || server.port || 3000;
@@ -3374,23 +3397,6 @@ let getJsAsyncPath = (jsPath, isServer, jsAsync)=>void 0 !== jsAsync ? jsAsync :
                         options
                     ]);
                 }
-                let emitCss = config.output.emitCss ?? 'web' === target;
-                if (!config.output.injectStyles && emitCss) {
-                    let extractPluginOptions = config.tools.cssExtract.pluginOptions, cssPath = config.output.distPath.css, cssFilename = getFilename(config, 'css', isProd), isCssFilenameFn = 'function' == typeof cssFilename, cssAsyncPath = config.output.distPath.cssAsync ?? (cssPath ? `${cssPath}/async` : 'async');
-                    chain.plugin(CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT).use(getCssExtractPlugin(), [
-                        {
-                            filename: isCssFilenameFn ? (...args)=>{
-                                let name = cssFilename(...args);
-                                return __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssPath, name);
-                            } : __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssPath, cssFilename),
-                            chunkFilename: isCssFilenameFn ? (...args)=>{
-                                let name = cssFilename(...args);
-                                return __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssAsyncPath, name);
-                            } : __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.posix.join(cssAsyncPath, cssFilename),
-                            ...extractPluginOptions
-                        }
-                    ]);
-                }
             });
         }
     }), pluginPerformance = ()=>({
@@ -3882,7 +3888,7 @@ let resourceHints_generateLinks = (options, rel)=>options.map((option)=>({
                 };
                 'webpack' === api.context.bundlerType && (defaultConfig.enforceSizeThreshold = 50000);
                 let { chunkSplit } = config.performance, forceSplittingGroups = {};
-                chunkSplit.forceSplitting && (forceSplittingGroups = function(forceSplitting) {
+                chunkSplit.forceSplitting && (forceSplittingGroups = function(forceSplitting, strategy) {
                     let cacheGroups = {};
                     for (let [key, regexp] of Array.isArray(forceSplitting) ? forceSplitting.map((regexp, index)=>[
                             `force-split-${index}`,
@@ -3891,11 +3897,11 @@ let resourceHints_generateLinks = (options, rel)=>options.map((option)=>({
                         test: regexp,
                         name: key,
                         chunks: 'all',
-                        priority: 0,
+                        priority: +('single-vendor' === strategy),
                         enforce: !0
                     };
                     return cacheGroups;
-                }(chunkSplit.forceSplitting));
+                }(chunkSplit.forceSplitting, chunkSplit.strategy));
                 let override = 'custom' === chunkSplit.strategy ? chunkSplit.splitChunks ?? chunkSplit.override : chunkSplit.override, splitChunksOptions = await SPLIT_STRATEGY_DISPATCHER[chunkSplit.strategy || 'split-by-experience']({
                     defaultConfig,
                     override: override || {},
@@ -5619,11 +5625,21 @@ async function devServer_createDevServer(options, createCompiler, config, { comp
     })).middlewares))Array.isArray(item) ? middlewares.use(...item) : middlewares.use(item);
     return __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.debug('create dev server done'), devServerAPI;
 }
-function cutPath(filePath, root) {
-    let prefix = root.endsWith(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep) ? root : root + __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep;
-    if (filePath.startsWith(prefix)) return filePath.slice(prefix.length);
-    let parts = filePath.split(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep).filter(Boolean);
-    return parts.length > 3 ? parts.slice(-3).join(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep) : parts.join(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep);
+function isLikelyFile(filePath) {
+    return (filePath.split(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep).pop() || '').includes('.');
+}
+function formatFileList(paths, rootPath) {
+    let files = paths.filter(isLikelyFile);
+    0 === files.length && (files = [
+        paths[0]
+    ]);
+    let fileInfo = files.slice(0, 1).map((file)=>(function(originalFilePath, root) {
+            let prefix = root.endsWith(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep) ? root : root + __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep, filePath = originalFilePath;
+            filePath.startsWith(prefix) && (filePath = filePath.slice(prefix.length));
+            let parts = filePath.split(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep).filter(Boolean);
+            return parts.length > 3 ? parts.slice(-3).join(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep) : parts.join(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.sep);
+        })(file, rootPath)).join(', ');
+    return files.length > 1 ? `${fileInfo} and ${files.length - 1} more` : fileInfo;
 }
 async function createCompiler_createCompiler(options) {
     __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.debug('create compiler');
@@ -5636,17 +5652,21 @@ async function createCompiler_createCompiler(options) {
         isVersionLogged || (__WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.debug(`use Rspack v${__WEBPACK_EXTERNAL_MODULE__rspack_core_e0096ff7__.rspack.rspackVersion}`), isVersionLogged = !0);
     };
     compiler.hooks.watchRun.tap('rsbuild:compiling', (compiler)=>{
-        if (logRspackVersion(), !isCompiling) {
-            let changedFiles = compiler.modifiedFiles ? Array.from(compiler.modifiedFiles) : [], removedFiles = compiler.removedFiles ? Array.from(compiler.removedFiles) : [];
-            if (changedFiles.length) {
-                let fileInfo = __WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.dim(changedFiles.map((file)=>cutPath(file, context.rootPath)).join(', '));
-                __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.start(`building ${fileInfo}`);
-            } else if (removedFiles.length) {
-                let fileInfo = removedFiles.map((file)=>cutPath(file, context.rootPath)).join(', ');
+        logRspackVersion(), isCompiling || function(compiler, context) {
+            let changedFiles = compiler.modifiedFiles ? Array.from(compiler.modifiedFiles) : null;
+            if (null == changedFiles ? void 0 : changedFiles.length) {
+                let fileInfo = formatFileList(changedFiles, context.rootPath);
+                __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.start(`building ${__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.dim(fileInfo)}`);
+                return;
+            }
+            let removedFiles = compiler.removedFiles ? Array.from(compiler.removedFiles) : null;
+            if (null == removedFiles ? void 0 : removedFiles.length) {
+                let fileInfo = formatFileList(removedFiles, context.rootPath);
                 __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.start(`building ${__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.dim(`removed ${fileInfo}`)}`);
-            } else __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.start('build started...');
-        }
-        isCompiling = !0;
+                return;
+            }
+            __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.start('build started...');
+        }(compiler, context), isCompiling = !0;
     }), 'build' === context.command && compiler.hooks.run.tap('rsbuild:run', logRspackVersion);
     let done = (stats)=>{
         let statsOptions = getStatsOptions(compiler), statsJson = stats.toJson({
@@ -6648,12 +6668,12 @@ async function runCLI() {
             }
         }(), process.title = 'rsbuild-node';
         let { npm_execpath } = process.env;
-        (!npm_execpath || npm_execpath.includes('npx-cli.js') || npm_execpath.includes('.bun')) && console.log(), __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.greet(`  Rsbuild v1.2.15\n`);
+        (!npm_execpath || npm_execpath.includes('npx-cli.js') || npm_execpath.includes('.bun')) && console.log(), __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.greet(`  Rsbuild v1.2.16\n`);
     }();
     try {
         !function() {
             let cli = dist('rsbuild');
-            cli.help(), cli.version("1.2.15"), applyCommonOptions(cli);
+            cli.help(), cli.version("1.2.16"), applyCommonOptions(cli);
             let devCommand = cli.command('dev', 'starting the dev server'), 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 {
@@ -6704,6 +6724,6 @@ async function runCLI() {
         __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.error('Failed to start Rsbuild CLI.'), __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.error(err);
     }
 }
-let src_version = "1.2.15";
+let src_version = "1.2.16";
 var __webpack_exports__logger = __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger, __webpack_exports__rspack = __WEBPACK_EXTERNAL_MODULE__rspack_core_e0096ff7__.rspack;
 export { PLUGIN_CSS_NAME, PLUGIN_SWC_NAME, createRsbuild, defineConfig, ensureAssetPrefix, config_loadConfig as loadConfig, loadEnv, mergeRsbuildConfig, runCLI, src_version as version, __webpack_exports__logger as logger, __webpack_exports__rspack as rspack };

package/dist-types/types/config.d.ts

@@ -457,7 +457,7 @@ export interface PerformanceConfig {
     /**
      * Configure the chunk splitting strategy.
      */
-    chunkSplit?: RsbuildChunkSplit;
+    chunkSplit?: ChunkSplit;
     /**
      * Analyze the size of output files.
      */
@@ -497,7 +497,7 @@ export interface PerformanceConfig {
 }
 export interface NormalizedPerformanceConfig extends PerformanceConfig {
     printFileSize: PrintFileSizeOptions | boolean;
-    chunkSplit: RsbuildChunkSplit;
+    chunkSplit: ChunkSplit;
 }
 export type SplitChunks = Configuration extends {
     optimization?: {
@@ -522,7 +522,7 @@ export interface SplitCustom extends BaseSplitRules {
     strategy: 'custom';
     splitChunks?: SplitChunks;
 }
-export type RsbuildChunkSplit = BaseChunkSplit | SplitBySize | SplitCustom;
+export type ChunkSplit = BaseChunkSplit | SplitBySize | SplitCustom;
 export type DistPathConfig = {
     /**
      * The root directory of all files.

package/dist-types/types/hooks.d.ts

@@ -111,12 +111,38 @@ export type ModifyRsbuildConfigFn = (config: RsbuildConfig, utils: ModifyRsbuild
 export type ModifyEnvironmentConfigFn = (config: MergedEnvironmentConfig, utils: ModifyEnvironmentConfigUtils) => MaybePromise<MergedEnvironmentConfig | void>;
 export type EnvironmentContext = {
     index: number;
+    /**
+     * The unique name of the current environment is used to distinguish and locate the
+     * environment, corresponds to the key in the `environments` configuration.
+     */
     name: string;
+    /**
+     * The entry object from the `source.entry` option.
+     */
     entry: RsbuildEntry;
+    /**
+     * The path information for all HTML assets.
+     * This value is an object, the key is the entry name and the value is the relative
+     * path of the HTML file in the dist directory.
+     */
     htmlPaths: Record<string, string>;
+    /**
+     * The absolute path of the output directory, corresponding to the `output.distPath.root`
+     * config of Rsbuild.
+     */
     distPath: string;
+    /**
+     * The browserslist configuration of the current environment.
+     */
     browserslist: string[];
+    /**
+     * The absolute path of the tsconfig.json file, or `undefined` if the tsconfig.json file
+     * does not exist in current project.
+     */
     tsconfigPath?: string;
+    /**
+     * The normalized Rsbuild config for the current environment.
+     */
     config: NormalizedEnvironmentConfig;
 };
 export type ModifyChainUtils = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/core",
-  "version": "1.2.15",
+  "version": "1.2.16",
   "description": "The Rspack-based build tool.",
   "homepage": "https://rsbuild.dev",
   "bugs": {
@@ -58,7 +58,7 @@
     "@types/node": "^22.13.8",
     "@types/on-finished": "2.3.4",
     "@types/webpack-bundle-analyzer": "4.7.0",
-    "@types/ws": "^8.5.14",
+    "@types/ws": "^8.18.0",
     "browserslist-load-config": "1.0.0",
     "cac": "^6.7.14",
     "chokidar": "^4.0.3",