@rsbuild/core 1.2.2 → 1.2.4

package/dist/index.cjs

@@ -384,7 +384,6 @@ var __webpack_exports__ = {};
     });
     var provider_helpers_namespaceObject = {};
     __webpack_require__.r(provider_helpers_namespaceObject), __webpack_require__.d(provider_helpers_namespaceObject, {
-        chainToConfig: ()=>chainToConfig,
         createDevServer: ()=>devServer_createDevServer,
         formatStats: ()=>formatStats,
         getChainUtils: ()=>getChainUtils,
@@ -1703,7 +1702,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.2",
+            version: "1.2.4",
             rootPath,
             distPath: '',
             cachePath,
@@ -1846,26 +1845,6 @@ var __webpack_exports__ = {};
         if (null === (_utils_environment_config_tools = utils.environment.config.tools) || void 0 === _utils_environment_config_tools ? void 0 : _utils_environment_config_tools.bundlerChain) for (let item of castArray(utils.environment.config.tools.bundlerChain))await item(modifiedBundlerChain, utils);
         return rslog_index_js_namespaceObject.logger.debug('modify bundler chain done'), modifiedBundlerChain;
     }
-    function chainToConfig(chain) {
-        let config = chain.toConfig(), { entry } = config;
-        if (!isPlainObject(entry)) return config;
-        let formattedEntry = {};
-        for (let [entryName, entryValue] of Object.entries(entry)){
-            let entryImport = [], entryDescription = null;
-            for (let item of castArray(entryValue)){
-                if ('string' == typeof item) {
-                    entryImport.push(item);
-                    continue;
-                }
-                item.import && entryImport.push(...castArray(item.import)), entryDescription ? Object.assign(entryDescription, item) : entryDescription = item;
-            }
-            formattedEntry[entryName] = entryDescription ? {
-                ...entryDescription,
-                import: entryImport
-            } : entryImport;
-        }
-        return config.entry = formattedEntry, config;
-    }
     let configChain_CHAIN_ID = {
         RULE: {
             MJS: 'mjs',
@@ -1993,7 +1972,7 @@ var __webpack_exports__ = {};
                     }
                 });
             }
-        }), getJsSourceMap = (config)=>{
+        }), getDevtool = (config)=>{
         let { sourceMap } = config.output, isProd = 'production' === config.mode;
         return !1 !== sourceMap && (!0 === sourceMap ? isProd ? 'source-map' : 'cheap-module-source-map' : void 0 === sourceMap.js ? !isProd && 'cheap-module-source-map' : sourceMap.js);
     }, pluginBasic = ()=>({
@@ -2001,7 +1980,16 @@ var __webpack_exports__ = {};
             setup (api) {
                 api.modifyBundlerChain((chain, { env, isDev, target, bundler, environment, CHAIN_ID })=>{
                     let { config } = environment;
-                    chain.name(environment.name), chain.devtool(getJsSourceMap(config)), chain.context(api.context.rootPath), chain.mode(environment.config.mode), chain.merge({
+                    chain.name(environment.name);
+                    let devtool = getDevtool(config);
+                    chain.devtool(devtool);
+                    let { sourceMap } = config.output;
+                    !devtool && 'object' == typeof sourceMap && sourceMap.css && chain.plugin('source-map-css').use(bundler.SourceMapDevToolPlugin, [
+                        {
+                            test: /\.css$/,
+                            filename: '[file].map[query]'
+                        }
+                    ]), chain.context(api.context.rootPath), chain.mode(environment.config.mode), chain.merge({
                         infrastructureLogging: {
                             level: 'error'
                         }
@@ -3227,12 +3215,16 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
             detail.family !== familyV4Value || ipv4Interfaces.has(detail.address) || ipv4Interfaces.set(detail.address, detail);
         }
         return Array.from(ipv4Interfaces.values());
-    }, isLoopbackHost = (host)=>[
+    }, isWildcardHost = (host)=>new Set([
+            '0.0.0.0',
+            '::',
+            '0000:0000:0000:0000:0000:0000:0000:0000'
+        ]).has(host), isLoopbackHost = (host)=>new Set([
             'localhost',
             '127.0.0.1',
             '::1',
             '0000:0000:0000:0000:0000:0000:0000:0001'
-        ].includes(host), getHostInUrl = (host)=>host === DEFAULT_DEV_HOST ? 'localhost' : external_node_net_default().isIPv6(host) ? '::' === host ? '[::1]' : `[${host}]` : host, concatUrl = ({ host, port, protocol })=>`${protocol}://${host}:${port}`, LOCAL_LABEL = 'Local:  ', NETWORK_LABEL = 'Network:  ', getUrlLabel = (url)=>{
+        ]).has(host), getHostInUrl = (host)=>host === DEFAULT_DEV_HOST ? 'localhost' : external_node_net_default().isIPv6(host) ? '::' === host ? '[::1]' : `[${host}]` : host, concatUrl = ({ host, port, protocol })=>`${protocol}://${host}:${port}`, LOCAL_LABEL = 'Local:  ', NETWORK_LABEL = 'Network:  ', getUrlLabel = (url)=>{
         try {
             let { host } = new URL(url);
             return isLoopbackHost(host) ? LOCAL_LABEL : NETWORK_LABEL;
@@ -4227,23 +4219,26 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
         };
     }
     async function generateRspackConfig({ target, context, environment }) {
-        let chainUtils = getChainUtils(target, context.environments[environment]), { BannerPlugin, DefinePlugin, IgnorePlugin, ProvidePlugin, HotModuleReplacementPlugin } = core_namespaceObject.rspack, rspackConfig = chainToConfig(await modifyBundlerChain(context, {
+        let chainUtils = getChainUtils(target, context.environments[environment]), { BannerPlugin, DefinePlugin, IgnorePlugin, ProvidePlugin, SourceMapDevToolPlugin, HotModuleReplacementPlugin } = core_namespaceObject.rspack, rspackConfig = (await modifyBundlerChain(context, {
             ...chainUtils,
             bundler: {
                 BannerPlugin,
                 DefinePlugin,
                 IgnorePlugin,
                 ProvidePlugin,
+                SourceMapDevToolPlugin,
                 HotModuleReplacementPlugin
             }
-        }));
-        if ((rspackConfig = await modifyRspackConfig(context, rspackConfig, await getConfigUtils(rspackConfig, chainUtils))).plugins) {
-            for (let plugin of rspackConfig.plugins)if (plugin && void 0 === plugin.apply && 'name' in plugin && 'setup' in plugin) {
-                let name = index_js_default().bold(index_js_default().yellow(plugin.name));
-                throw Error(`[rsbuild:plugin] "${name}" appears to be an Rsbuild plugin. It cannot be used as an Rspack plugin.`);
+        })).toConfig();
+        return !function(config) {
+            if (config.plugins) {
+                for (let plugin of config.plugins)if (plugin && void 0 === plugin.apply && 'name' in plugin && 'setup' in plugin) {
+                    let name = index_js_default().bold(index_js_default().yellow(plugin.name));
+                    throw Error(`[rsbuild:plugin] "${name}" appears to be an Rsbuild plugin. It cannot be used as an Rspack plugin.`);
+                }
             }
-        }
-        return rspackConfig;
+            config.devServer && rslog_index_js_namespaceObject.logger.warn(`[rsbuild:config] Find invalid Rspack config: "${index_js_default().yellow('devServer')}". Note that Rspack's "devServer" config is not supported by Rsbuild. You can use Rsbuild's "dev" config to configure the Rsbuild dev server.`);
+        }(rspackConfig = await modifyRspackConfig(context, rspackConfig, await getConfigUtils(rspackConfig, chainUtils))), rspackConfig;
     }
     async function modifyRsbuildConfig(context) {
         rslog_index_js_namespaceObject.logger.debug('modify Rsbuild config');
@@ -4447,6 +4442,31 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
             rl.close();
         };
     }
+    let external_node_dns_namespaceObject = require("node:dns");
+    async function getLocalhostResolvedAddress() {
+        let [defaultLookup, explicitLookup] = await Promise.all([
+            external_node_dns_namespaceObject.promises.lookup('localhost'),
+            external_node_dns_namespaceObject.promises.lookup('localhost', {
+                verbatim: !0
+            })
+        ]);
+        return defaultLookup.family === explicitLookup.family && defaultLookup.address === explicitLookup.address ? void 0 : defaultLookup.address;
+    }
+    async function resolveHostname(host = 'localhost') {
+        if ('localhost' === host) {
+            let resolvedAddress = await getLocalhostResolvedAddress();
+            if (resolvedAddress) return resolvedAddress;
+        }
+        return void 0 === host || isWildcardHost(host) ? 'localhost' : host;
+    }
+    async function getResolvedClientConfig(clientConfig, serverConfig) {
+        let resolvedHost = await resolveHostname(serverConfig.host);
+        return {
+            ...clientConfig,
+            host: resolvedHost,
+            port: serverConfig.port
+        };
+    }
     let isClientCompiler = (compiler)=>{
         let { target } = compiler.options;
         return !!target && (Array.isArray(target) ? target.includes('web') : 'web' === target);
@@ -4463,13 +4483,14 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
         }), done.tap('rsbuild-dev-server', hookCallbacks.onDone);
     }, getDevMiddleware = async (multiCompiler)=>{
         let { default: rsbuildDevMiddleware } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../../compiled/rsbuild-dev-middleware/index.js"));
-        return (options)=>{
-            let { clientPaths, clientConfig, callbacks, liveReload, ...restOptions } = options;
+        return async (options)=>{
+            let { clientPaths, clientConfig, callbacks, liveReload, serverConfig, ...restOptions } = options, resolvedClientConfig = await getResolvedClientConfig(clientConfig, serverConfig);
             return applyToCompiler(multiCompiler, (compiler)=>{
-                clientPaths && function({ compiler, clientPaths, clientConfig = {}, liveReload = !0 }) {
+                clientPaths && function({ compiler, clientPaths, clientConfig = {}, resolvedClientConfig = {}, liveReload = !0 }) {
                     if (isClientCompiler(compiler)) for (let clientPath of (new compiler.webpack.DefinePlugin({
                         RSBUILD_COMPILATION_NAME: JSON.stringify(getCompilationId(compiler)),
                         RSBUILD_CLIENT_CONFIG: JSON.stringify(clientConfig),
+                        RSBUILD_RESOLVED_CLIENT_CONFIG: JSON.stringify(resolvedClientConfig),
                         RSBUILD_DEV_LIVE_RELOAD: liveReload
                     }).apply(compiler), clientPaths))new compiler.webpack.EntryPlugin(compiler.context, clientPath, {
                         name: void 0
@@ -4478,6 +4499,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                     compiler,
                     clientPaths,
                     clientConfig,
+                    resolvedClientConfig,
                     liveReload
                 }), setupServerHooks(compiler, callbacks);
             }), rsbuildDevMiddleware(multiCompiler, restOptions);
@@ -4816,7 +4838,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
     class CompilerDevMiddleware {
         async init() {
             let devMiddleware = await getDevMiddleware(this.compiler);
-            this.middleware = this.setupDevMiddleware(devMiddleware, this.publicPaths), await this.socketServer.prepare();
+            this.middleware = await this.setupDevMiddleware(devMiddleware, this.publicPaths), await this.socketServer.prepare();
         }
         upgrade(req, sock, head) {
             this.socketServer.upgrade(req, sock, head);
@@ -4838,8 +4860,12 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                 data
             });
         }
-        setupDevMiddleware(devMiddleware, publicPaths) {
-            let { devConfig, serverConfig: { headers, base } } = this, middleware = devMiddleware({
+        async setupDevMiddleware(devMiddleware, publicPaths) {
+            let { devConfig, serverConfig } = this, { headers, base } = serverConfig, clientPaths = function(devConfig) {
+                var _devConfig_client;
+                let clientPaths = [];
+                return (devConfig.hmr || devConfig.liveReload) && (clientPaths.push(compilerDevMiddleware_require.resolve('@rsbuild/core/client/hmr')), (null === (_devConfig_client = devConfig.client) || void 0 === _devConfig_client ? void 0 : _devConfig_client.overlay) && clientPaths.push(`${compilerDevMiddleware_require.resolve('@rsbuild/core/client/overlay')}`)), clientPaths;
+            }(devConfig), middleware = await devMiddleware({
                 headers,
                 publicPath: '/',
                 stats: !1,
@@ -4861,23 +4887,20 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                         this.socketServer.updateStats(stats);
                     }
                 },
-                clientPaths: function(devConfig) {
-                    var _devConfig_client;
-                    let clientPaths = [];
-                    return (devConfig.hmr || devConfig.liveReload) && (clientPaths.push(compilerDevMiddleware_require.resolve('@rsbuild/core/client/hmr')), (null === (_devConfig_client = devConfig.client) || void 0 === _devConfig_client ? void 0 : _devConfig_client.overlay) && clientPaths.push(`${compilerDevMiddleware_require.resolve('@rsbuild/core/client/overlay')}`)), clientPaths;
-                }(devConfig),
+                clientPaths: clientPaths,
                 clientConfig: devConfig.client,
                 liveReload: devConfig.liveReload,
                 writeToDisk: devConfig.writeToDisk,
                 serverSideRender: !0,
-                etag: 'weak'
-            }), assetPrefixes = publicPaths.map(pathnameParse).map((prefix)=>base && '/' !== base ? stripBase(prefix, base) : prefix), warp = async (req, res, next)=>{
+                etag: 'weak',
+                serverConfig
+            }), assetPrefixes = publicPaths.map(pathnameParse).map((prefix)=>base && '/' !== base ? stripBase(prefix, base) : prefix), wrapper = async (req, res, next)=>{
                 let { url } = req, assetPrefix = url && assetPrefixes.find((prefix)=>url.startsWith(prefix));
                 assetPrefix && '/' !== assetPrefix ? (req.url = url.slice(assetPrefix.length - 1), middleware(req, res, (...args)=>{
                     req.url = url, next(...args);
                 })) : middleware(req, res, next);
             };
-            return warp.close = middleware.close, warp;
+            return wrapper.close = middleware.close, wrapper;
         }
         constructor({ dev, server, compiler, publicPaths, environments }){
             compilerDevMiddleware_define_property(this, "middleware", void 0), compilerDevMiddleware_define_property(this, "devConfig", void 0), compilerDevMiddleware_define_property(this, "serverConfig", void 0), compilerDevMiddleware_define_property(this, "compiler", void 0), compilerDevMiddleware_define_property(this, "publicPaths", void 0), compilerDevMiddleware_define_property(this, "socketServer", void 0), this.devConfig = formatDevConfig(dev, environments), this.serverConfig = server, this.compiler = compiler, this.publicPaths = publicPaths, this.socketServer = new SocketServer(dev);
@@ -5298,7 +5321,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
         }(proxyOptions), proxyMiddlewares = [], middlewares = [], { createProxyMiddleware: baseMiddleware } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../../compiled/http-proxy-middleware/index.js"));
         for (let opts of formattedOptions){
             let proxyMiddleware = baseMiddleware(opts.context, opts), middleware = async (req, res, next)=>{
-                let bypassUrl = 'function' == typeof opts.bypass ? opts.bypass(req, res, opts) : null;
+                let bypassUrl = 'function' == typeof opts.bypass ? await opts.bypass(req, res, opts) : null;
                 !1 === bypassUrl ? (res.statusCode = 404, next()) : 'string' == typeof bypassUrl ? (req.url = bypassUrl, next()) : !0 === bypassUrl ? next() : proxyMiddleware(req, res, next);
             };
             middlewares.push(middleware), opts.ws && proxyMiddlewares.push(proxyMiddleware);
@@ -5958,7 +5981,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
                             if (isFunction(plugin.apply)) {
                                 let { name = 'SomeWebpackPlugin' } = plugin.constructor || {};
                                 throw Error([
-                                    `${index_js_default().yellow(name)} looks like a Webpack or Rspack plugin, please use ${index_js_default().yellow('`tools.rspack`')} to register it:`,
+                                    `${index_js_default().yellow(name)} looks like a webpack or Rspack plugin, please use ${index_js_default().yellow('`tools.rspack`')} to register it:`,
                                     index_js_default().green(`
   // rsbuild.config.ts
   export default {
@@ -6253,13 +6276,11 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
             rsbuild.addPlugins(plugins);
         }
         return rsbuildConfig.environments && await Promise.all(Object.entries(rsbuildConfig.environments).map(async ([name, config])=>{
-            let isEnvironmentEnabled = !rsbuildOptions.environment || rsbuildOptions.environment.includes(name);
-            if (config.plugins && isEnvironmentEnabled) {
-                let plugins = await getFlattenedPlugins(config.plugins);
-                rsbuild.addPlugins(plugins, {
-                    environment: name
-                });
-            }
+            if (!config.plugins || context.specifiedEnvironments && !context.specifiedEnvironments.includes(name)) return;
+            let plugins = await getFlattenedPlugins(config.plugins);
+            rsbuild.addPlugins(plugins, {
+                environment: name
+            });
         })), rsbuild;
     }
     let external_events_namespaceObject = require("events");
@@ -6588,12 +6609,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.2\n`);
+            (!npm_execpath || npm_execpath.includes('npx-cli.js') || npm_execpath.includes('.bun')) && console.log(), rslog_index_js_namespaceObject.logger.greet(`  Rsbuild v1.2.4\n`);
         }();
         try {
             !function() {
                 let cli = cac_dist('rsbuild');
-                cli.help(), cli.version("1.2.2"), applyCommonOptions(cli);
+                cli.help(), cli.version("1.2.4"), 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 {
@@ -6644,7 +6665,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.2";
+    let src_rslib_entry_version = "1.2.4";
 })();
 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

@@ -22,6 +22,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_node_os_74b4b876__ from "node:os";
 import * as __WEBPACK_EXTERNAL_MODULE_node_inspector_dd9822d6__ from "node:inspector";
 import * as __WEBPACK_EXTERNAL_MODULE_node_assert_3e74d44e__ from "node:assert";
 import * as __WEBPACK_EXTERNAL_MODULE_node_readline_91c31510__ from "node:readline";
+import * as __WEBPACK_EXTERNAL_MODULE_node_dns_78d346ee__ from "node:dns";
 import * as __WEBPACK_EXTERNAL_MODULE_node_querystring_aeb3c0b4__ from "node:querystring";
 import * as __WEBPACK_EXTERNAL_MODULE_node_vm_bd3d9cea__ from "node:vm";
 import * as __WEBPACK_EXTERNAL_MODULE_events__ from "events";
@@ -305,7 +306,6 @@ __webpack_require__.n = function(module) {
 };
 var provider_helpers_namespaceObject = {};
 __webpack_require__.r(provider_helpers_namespaceObject), __webpack_require__.d(provider_helpers_namespaceObject, {
-    chainToConfig: ()=>chainToConfig,
     createDevServer: ()=>devServer_createDevServer,
     formatStats: ()=>formatStats,
     getChainUtils: ()=>getChainUtils,
@@ -1611,7 +1611,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.2",
+        version: "1.2.4",
         rootPath,
         distPath: '',
         cachePath,
@@ -1754,26 +1754,6 @@ async function modifyBundlerChain(context, utils) {
     if (null === (_utils_environment_config_tools = utils.environment.config.tools) || void 0 === _utils_environment_config_tools ? void 0 : _utils_environment_config_tools.bundlerChain) for (let item of castArray(utils.environment.config.tools.bundlerChain))await item(modifiedBundlerChain, utils);
     return __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.debug('modify bundler chain done'), modifiedBundlerChain;
 }
-function chainToConfig(chain) {
-    let config = chain.toConfig(), { entry } = config;
-    if (!isPlainObject(entry)) return config;
-    let formattedEntry = {};
-    for (let [entryName, entryValue] of Object.entries(entry)){
-        let entryImport = [], entryDescription = null;
-        for (let item of castArray(entryValue)){
-            if ('string' == typeof item) {
-                entryImport.push(item);
-                continue;
-            }
-            item.import && entryImport.push(...castArray(item.import)), entryDescription ? Object.assign(entryDescription, item) : entryDescription = item;
-        }
-        formattedEntry[entryName] = entryDescription ? {
-            ...entryDescription,
-            import: entryImport
-        } : entryImport;
-    }
-    return config.entry = formattedEntry, config;
-}
 let configChain_CHAIN_ID = {
     RULE: {
         MJS: 'mjs',
@@ -1901,7 +1881,7 @@ let configChain_CHAIN_ID = {
                 }
             });
         }
-    }), getJsSourceMap = (config)=>{
+    }), getDevtool = (config)=>{
     let { sourceMap } = config.output, isProd = 'production' === config.mode;
     return !1 !== sourceMap && (!0 === sourceMap ? isProd ? 'source-map' : 'cheap-module-source-map' : void 0 === sourceMap.js ? !isProd && 'cheap-module-source-map' : sourceMap.js);
 }, pluginBasic = ()=>({
@@ -1909,7 +1889,16 @@ let configChain_CHAIN_ID = {
         setup (api) {
             api.modifyBundlerChain((chain, { env, isDev, target, bundler, environment, CHAIN_ID })=>{
                 let { config } = environment;
-                chain.name(environment.name), chain.devtool(getJsSourceMap(config)), chain.context(api.context.rootPath), chain.mode(environment.config.mode), chain.merge({
+                chain.name(environment.name);
+                let devtool = getDevtool(config);
+                chain.devtool(devtool);
+                let { sourceMap } = config.output;
+                !devtool && 'object' == typeof sourceMap && sourceMap.css && chain.plugin('source-map-css').use(bundler.SourceMapDevToolPlugin, [
+                    {
+                        test: /\.css$/,
+                        filename: '[file].map[query]'
+                    }
+                ]), chain.context(api.context.rootPath), chain.mode(environment.config.mode), chain.merge({
                     infrastructureLogging: {
                         level: 'error'
                     }
@@ -3127,12 +3116,16 @@ let getPort = async ({ host, port, strictPort, tryLimits = 20 })=>{
         detail.family !== familyV4Value || ipv4Interfaces.has(detail.address) || ipv4Interfaces.set(detail.address, detail);
     }
     return Array.from(ipv4Interfaces.values());
-}, isLoopbackHost = (host)=>[
+}, isWildcardHost = (host)=>new Set([
+        '0.0.0.0',
+        '::',
+        '0000:0000:0000:0000:0000:0000:0000:0000'
+    ]).has(host), isLoopbackHost = (host)=>new Set([
         'localhost',
         '127.0.0.1',
         '::1',
         '0000:0000:0000:0000:0000:0000:0000:0001'
-    ].includes(host), getHostInUrl = (host)=>host === DEFAULT_DEV_HOST ? 'localhost' : __WEBPACK_EXTERNAL_MODULE_node_net_0373943e__.default.isIPv6(host) ? '::' === host ? '[::1]' : `[${host}]` : host, concatUrl = ({ host, port, protocol })=>`${protocol}://${host}:${port}`, LOCAL_LABEL = 'Local:  ', NETWORK_LABEL = 'Network:  ', getUrlLabel = (url)=>{
+    ]).has(host), getHostInUrl = (host)=>host === DEFAULT_DEV_HOST ? 'localhost' : __WEBPACK_EXTERNAL_MODULE_node_net_0373943e__.default.isIPv6(host) ? '::' === host ? '[::1]' : `[${host}]` : host, concatUrl = ({ host, port, protocol })=>`${protocol}://${host}:${port}`, LOCAL_LABEL = 'Local:  ', NETWORK_LABEL = 'Network:  ', getUrlLabel = (url)=>{
     try {
         let { host } = new URL(url);
         return isLoopbackHost(host) ? LOCAL_LABEL : NETWORK_LABEL;
@@ -4123,23 +4116,26 @@ function getChainUtils(target, environment) {
     };
 }
 async function generateRspackConfig({ target, context, environment }) {
-    let chainUtils = getChainUtils(target, context.environments[environment]), { BannerPlugin, DefinePlugin, IgnorePlugin, ProvidePlugin, HotModuleReplacementPlugin } = __WEBPACK_EXTERNAL_MODULE__rspack_core_e0096ff7__.rspack, rspackConfig = chainToConfig(await modifyBundlerChain(context, {
+    let chainUtils = getChainUtils(target, context.environments[environment]), { BannerPlugin, DefinePlugin, IgnorePlugin, ProvidePlugin, SourceMapDevToolPlugin, HotModuleReplacementPlugin } = __WEBPACK_EXTERNAL_MODULE__rspack_core_e0096ff7__.rspack, rspackConfig = (await modifyBundlerChain(context, {
         ...chainUtils,
         bundler: {
             BannerPlugin,
             DefinePlugin,
             IgnorePlugin,
             ProvidePlugin,
+            SourceMapDevToolPlugin,
             HotModuleReplacementPlugin
         }
-    }));
-    if ((rspackConfig = await modifyRspackConfig(context, rspackConfig, await getConfigUtils(rspackConfig, chainUtils))).plugins) {
-        for (let plugin of rspackConfig.plugins)if (plugin && void 0 === plugin.apply && 'name' in plugin && 'setup' in plugin) {
-            let name = __WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.bold(__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.yellow(plugin.name));
-            throw Error(`[rsbuild:plugin] "${name}" appears to be an Rsbuild plugin. It cannot be used as an Rspack plugin.`);
+    })).toConfig();
+    return !function(config) {
+        if (config.plugins) {
+            for (let plugin of config.plugins)if (plugin && void 0 === plugin.apply && 'name' in plugin && 'setup' in plugin) {
+                let name = __WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.bold(__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.yellow(plugin.name));
+                throw Error(`[rsbuild:plugin] "${name}" appears to be an Rsbuild plugin. It cannot be used as an Rspack plugin.`);
+            }
         }
-    }
-    return rspackConfig;
+        config.devServer && __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.warn(`[rsbuild:config] Find invalid Rspack config: "${__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.yellow('devServer')}". Note that Rspack's "devServer" config is not supported by Rsbuild. You can use Rsbuild's "dev" config to configure the Rsbuild dev server.`);
+    }(rspackConfig = await modifyRspackConfig(context, rspackConfig, await getConfigUtils(rspackConfig, chainUtils))), rspackConfig;
 }
 async function modifyRsbuildConfig(context) {
     __WEBPACK_EXTERNAL_MODULE__compiled_rslog_index_js_c302f6e3__.logger.debug('modify Rsbuild config');
@@ -4341,6 +4337,30 @@ function setupCliShortcuts({ help = !0, openPage, closeServer, printUrls, restar
         rl.close();
     };
 }
+async function getLocalhostResolvedAddress() {
+    let [defaultLookup, explicitLookup] = await Promise.all([
+        __WEBPACK_EXTERNAL_MODULE_node_dns_78d346ee__.promises.lookup('localhost'),
+        __WEBPACK_EXTERNAL_MODULE_node_dns_78d346ee__.promises.lookup('localhost', {
+            verbatim: !0
+        })
+    ]);
+    return defaultLookup.family === explicitLookup.family && defaultLookup.address === explicitLookup.address ? void 0 : defaultLookup.address;
+}
+async function resolveHostname(host = 'localhost') {
+    if ('localhost' === host) {
+        let resolvedAddress = await getLocalhostResolvedAddress();
+        if (resolvedAddress) return resolvedAddress;
+    }
+    return void 0 === host || isWildcardHost(host) ? 'localhost' : host;
+}
+async function getResolvedClientConfig(clientConfig, serverConfig) {
+    let resolvedHost = await resolveHostname(serverConfig.host);
+    return {
+        ...clientConfig,
+        host: resolvedHost,
+        port: serverConfig.port
+    };
+}
 let isClientCompiler = (compiler)=>{
     let { target } = compiler.options;
     return !!target && (Array.isArray(target) ? target.includes('web') : 'web' === target);
@@ -4357,13 +4377,14 @@ let isClientCompiler = (compiler)=>{
     }), done.tap('rsbuild-dev-server', hookCallbacks.onDone);
 }, getDevMiddleware = async (multiCompiler)=>{
     let { default: rsbuildDevMiddleware } = await import("../compiled/rsbuild-dev-middleware/index.js");
-    return (options)=>{
-        let { clientPaths, clientConfig, callbacks, liveReload, ...restOptions } = options;
+    return async (options)=>{
+        let { clientPaths, clientConfig, callbacks, liveReload, serverConfig, ...restOptions } = options, resolvedClientConfig = await getResolvedClientConfig(clientConfig, serverConfig);
         return applyToCompiler(multiCompiler, (compiler)=>{
-            clientPaths && function({ compiler, clientPaths, clientConfig = {}, liveReload = !0 }) {
+            clientPaths && function({ compiler, clientPaths, clientConfig = {}, resolvedClientConfig = {}, liveReload = !0 }) {
                 if (isClientCompiler(compiler)) for (let clientPath of (new compiler.webpack.DefinePlugin({
                     RSBUILD_COMPILATION_NAME: JSON.stringify(getCompilationId(compiler)),
                     RSBUILD_CLIENT_CONFIG: JSON.stringify(clientConfig),
+                    RSBUILD_RESOLVED_CLIENT_CONFIG: JSON.stringify(resolvedClientConfig),
                     RSBUILD_DEV_LIVE_RELOAD: liveReload
                 }).apply(compiler), clientPaths))new compiler.webpack.EntryPlugin(compiler.context, clientPath, {
                     name: void 0
@@ -4372,6 +4393,7 @@ let isClientCompiler = (compiler)=>{
                 compiler,
                 clientPaths,
                 clientConfig,
+                resolvedClientConfig,
                 liveReload
             }), setupServerHooks(compiler, callbacks);
         }), rsbuildDevMiddleware(multiCompiler, restOptions);
@@ -4710,7 +4732,7 @@ let compilerDevMiddleware_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module_ab
 class CompilerDevMiddleware {
     async init() {
         let devMiddleware = await getDevMiddleware(this.compiler);
-        this.middleware = this.setupDevMiddleware(devMiddleware, this.publicPaths), await this.socketServer.prepare();
+        this.middleware = await this.setupDevMiddleware(devMiddleware, this.publicPaths), await this.socketServer.prepare();
     }
     upgrade(req, sock, head) {
         this.socketServer.upgrade(req, sock, head);
@@ -4732,8 +4754,12 @@ class CompilerDevMiddleware {
             data
         });
     }
-    setupDevMiddleware(devMiddleware, publicPaths) {
-        let { devConfig, serverConfig: { headers, base } } = this, middleware = devMiddleware({
+    async setupDevMiddleware(devMiddleware, publicPaths) {
+        let { devConfig, serverConfig } = this, { headers, base } = serverConfig, clientPaths = function(devConfig) {
+            var _devConfig_client;
+            let clientPaths = [];
+            return (devConfig.hmr || devConfig.liveReload) && (clientPaths.push(compilerDevMiddleware_require.resolve('@rsbuild/core/client/hmr')), (null === (_devConfig_client = devConfig.client) || void 0 === _devConfig_client ? void 0 : _devConfig_client.overlay) && clientPaths.push(`${compilerDevMiddleware_require.resolve('@rsbuild/core/client/overlay')}`)), clientPaths;
+        }(devConfig), middleware = await devMiddleware({
             headers,
             publicPath: '/',
             stats: !1,
@@ -4755,23 +4781,20 @@ class CompilerDevMiddleware {
                     this.socketServer.updateStats(stats);
                 }
             },
-            clientPaths: function(devConfig) {
-                var _devConfig_client;
-                let clientPaths = [];
-                return (devConfig.hmr || devConfig.liveReload) && (clientPaths.push(compilerDevMiddleware_require.resolve('@rsbuild/core/client/hmr')), (null === (_devConfig_client = devConfig.client) || void 0 === _devConfig_client ? void 0 : _devConfig_client.overlay) && clientPaths.push(`${compilerDevMiddleware_require.resolve('@rsbuild/core/client/overlay')}`)), clientPaths;
-            }(devConfig),
+            clientPaths: clientPaths,
             clientConfig: devConfig.client,
             liveReload: devConfig.liveReload,
             writeToDisk: devConfig.writeToDisk,
             serverSideRender: !0,
-            etag: 'weak'
-        }), assetPrefixes = publicPaths.map(pathnameParse).map((prefix)=>base && '/' !== base ? stripBase(prefix, base) : prefix), warp = async (req, res, next)=>{
+            etag: 'weak',
+            serverConfig
+        }), assetPrefixes = publicPaths.map(pathnameParse).map((prefix)=>base && '/' !== base ? stripBase(prefix, base) : prefix), wrapper = async (req, res, next)=>{
             let { url } = req, assetPrefix = url && assetPrefixes.find((prefix)=>url.startsWith(prefix));
             assetPrefix && '/' !== assetPrefix ? (req.url = url.slice(assetPrefix.length - 1), middleware(req, res, (...args)=>{
                 req.url = url, next(...args);
             })) : middleware(req, res, next);
         };
-        return warp.close = middleware.close, warp;
+        return wrapper.close = middleware.close, wrapper;
     }
     constructor({ dev, server, compiler, publicPaths, environments }){
         compilerDevMiddleware_define_property(this, "middleware", void 0), compilerDevMiddleware_define_property(this, "devConfig", void 0), compilerDevMiddleware_define_property(this, "serverConfig", void 0), compilerDevMiddleware_define_property(this, "compiler", void 0), compilerDevMiddleware_define_property(this, "publicPaths", void 0), compilerDevMiddleware_define_property(this, "socketServer", void 0), this.devConfig = formatDevConfig(dev, environments), this.serverConfig = server, this.compiler = compiler, this.publicPaths = publicPaths, this.socketServer = new SocketServer(dev);
@@ -5187,7 +5210,7 @@ let runner_run = async (bundlePath, outputPath, compilerOptions, readFileSync)=>
     }(proxyOptions), proxyMiddlewares = [], middlewares = [], { createProxyMiddleware: baseMiddleware } = await import("../compiled/http-proxy-middleware/index.js");
     for (let opts of formattedOptions){
         let proxyMiddleware = baseMiddleware(opts.context, opts), middleware = async (req, res, next)=>{
-            let bypassUrl = 'function' == typeof opts.bypass ? opts.bypass(req, res, opts) : null;
+            let bypassUrl = 'function' == typeof opts.bypass ? await opts.bypass(req, res, opts) : null;
             !1 === bypassUrl ? (res.statusCode = 404, next()) : 'string' == typeof bypassUrl ? (req.url = bypassUrl, next()) : !0 === bypassUrl ? next() : proxyMiddleware(req, res, next);
         };
         middlewares.push(middleware), opts.ws && proxyMiddlewares.push(proxyMiddleware);
@@ -5847,7 +5870,7 @@ async function createRsbuild(options = {}) {
                         if (isFunction(plugin.apply)) {
                             let { name = 'SomeWebpackPlugin' } = plugin.constructor || {};
                             throw Error([
-                                `${__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.yellow(name)} looks like a Webpack or Rspack plugin, please use ${__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.yellow('`tools.rspack`')} to register it:`,
+                                `${__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.yellow(name)} looks like a webpack or Rspack plugin, please use ${__WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.yellow('`tools.rspack`')} to register it:`,
                                 __WEBPACK_EXTERNAL_MODULE__compiled_picocolors_index_js_ea7a20e9__.default.green(`
   // rsbuild.config.ts
   export default {
@@ -6142,13 +6165,11 @@ async function createRsbuild(options = {}) {
         rsbuild.addPlugins(plugins);
     }
     return rsbuildConfig.environments && await Promise.all(Object.entries(rsbuildConfig.environments).map(async ([name, config])=>{
-        let isEnvironmentEnabled = !rsbuildOptions.environment || rsbuildOptions.environment.includes(name);
-        if (config.plugins && isEnvironmentEnabled) {
-            let plugins = await getFlattenedPlugins(config.plugins);
-            rsbuild.addPlugins(plugins, {
-                environment: name
-            });
-        }
+        if (!config.plugins || context.specifiedEnvironments && !context.specifiedEnvironments.includes(name)) return;
+        let plugins = await getFlattenedPlugins(config.plugins);
+        rsbuild.addPlugins(plugins, {
+            environment: name
+        });
     })), rsbuild;
 }
 function toArr(any) {
@@ -6476,12 +6497,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.2\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.4\n`);
     }();
     try {
         !function() {
             let cli = cac_dist('rsbuild');
-            cli.help(), cli.version("1.2.2"), applyCommonOptions(cli);
+            cli.help(), cli.version("1.2.4"), 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 {
@@ -6532,6 +6553,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.2";
+let src_version = "1.2.4";
 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/transformLoader.mjs

@@ -6,13 +6,15 @@ async function transformLoader_rslib_entry_transform(source, map) {
     if (!transform) return bypass();
     let result = await transform({
         code: source,
+        context: this.context,
         resource: this.resource,
         resourcePath: this.resourcePath,
         resourceQuery: this.resourceQuery,
         environment: getEnvironment(),
         addDependency: this.addDependency.bind(this),
         emitFile: this.emitFile.bind(this),
-        importModule: this.importModule.bind(this)
+        importModule: this.importModule.bind(this),
+        resolve: this.resolve.bind(this)
     });
     if (null == result) return bypass();
     if ('string' == typeof result) return callback(null, result, map);

package/dist/transformRawLoader.mjs

@@ -6,13 +6,15 @@ let transformRawLoader_rslib_entry_ = async function(source, map) {
     if (!transform) return bypass();
     let result = await transform({
         code: source,
+        context: this.context,
         resource: this.resource,
         resourcePath: this.resourcePath,
         resourceQuery: this.resourceQuery,
         environment: getEnvironment(),
         addDependency: this.addDependency.bind(this),
         emitFile: this.emitFile.bind(this),
-        importModule: this.importModule.bind(this)
+        importModule: this.importModule.bind(this),
+        resolve: this.resolve.bind(this)
     });
     if (null == result) return bypass();
     if ('string' == typeof result) return callback(null, result, map);