@rsbuild/core 0.7.0-beta.6 → 0.7.0-beta.7

package/dist/index.cjs

@@ -333,8 +333,8 @@ var init_mergeConfig = __esm({
       "provider"
     ];
     isOverridePath = (key) => OVERRIDE_PATH.includes(key);
-    merge = (x, y, path15 = "") => {
-      if (isOverridePath(path15)) {
+    merge = (x, y, path13 = "") => {
+      if (isOverridePath(path13)) {
         return y ?? x;
       }
       if (x === void 0) {
@@ -356,7 +356,7 @@ var init_mergeConfig = __esm({
       const merged = {};
       const keys = /* @__PURE__ */ new Set([...Object.keys(x), ...Object.keys(y)]);
       for (const key of keys) {
-        const childPath = path15 ? `${path15}.${key}` : key;
+        const childPath = path13 ? `${path13}.${key}` : key;
         merged[key] = merge(x[key], y[key], childPath);
       }
       return merged;
@@ -459,10 +459,10 @@ async function watchFiles(files) {
 }
 async function loadConfig({
   cwd = process.cwd(),
-  path: path15,
+  path: path13,
   envMode
 } = {}) {
-  const configFilePath = resolveConfigPath(cwd, path15);
+  const configFilePath = resolveConfigPath(cwd, path13);
   if (!configFilePath) {
     return {
       content: {},
@@ -1043,7 +1043,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   const context = {
     entry: getEntryObject(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.7.0-beta.6",
+    version: "0.7.0-beta.7",
     rootPath,
     distPath,
     cachePath,
@@ -3434,10 +3434,10 @@ var init_rsdoctor = __esm({
           const packageName = isRspack ? "@rsdoctor/rspack-plugin" : "@rsdoctor/webpack-plugin";
           let module2;
           try {
-            const path15 = require.resolve(packageName, {
+            const path13 = require.resolve(packageName, {
               paths: [api.context.rootPath]
             });
-            module2 = await import(path15);
+            module2 = await import(path13);
           } catch (err) {
             import_shared30.logger.warn(
               `\`process.env.RSDOCTOR\` enabled, please install ${import_shared30.color.bold(import_shared30.color.yellow(packageName))} package.`
@@ -4100,227 +4100,17 @@ var init_define = __esm({
   }
 });
 
-// src/plugins/less.ts
-var less_exports = {};
-__export(less_exports, {
-  pluginLess: () => pluginLess
-});
-function pluginLess() {
-  return {
-    name: "rsbuild:less",
-    setup(api) {
-      api.modifyBundlerChain(async (chain, utils) => {
-        const config = api.getNormalizedConfig();
-        const { applyCSSRule: applyCSSRule2 } = await Promise.resolve().then(() => (init_css(), css_exports));
-        const rule = chain.module.rule(utils.CHAIN_ID.RULE.LESS).test(/\.less$/);
-        const { excludes, options } = getLessLoaderOptions(
-          config.tools.less,
-          config.output.sourceMap.css,
-          api.context.rootPath
-        );
-        for (const item of excludes) {
-          rule.exclude.add(item);
-        }
-        await applyCSSRule2({
-          rule,
-          utils,
-          config,
-          context: api.context,
-          importLoaders: 2
-        });
-        rule.use(utils.CHAIN_ID.USE.LESS).loader(getCompiledPath("less-loader")).options(options);
-      });
-    }
-  };
-}
-var import_node_path21, import_shared37, getLessLoaderOptions;
-var init_less = __esm({
-  "src/plugins/less.ts"() {
-    "use strict";
-    import_node_path21 = __toESM(require("path"));
-    import_shared37 = require("@rsbuild/shared");
-    init_helpers();
-    getLessLoaderOptions = (rsbuildLessConfig, isUseCssSourceMap, rootPath) => {
-      const excludes = [];
-      const addExcludes = (items) => {
-        excludes.push(...(0, import_shared37.castArray)(items));
-      };
-      const defaultLessLoaderOptions = {
-        lessOptions: {
-          javascriptEnabled: true,
-          // let less resolve from node_modules in the current root directory,
-          // Avoid resolving from wrong node_modules.
-          paths: [import_node_path21.default.join(rootPath, "node_modules")]
-        },
-        sourceMap: isUseCssSourceMap,
-        implementation: (0, import_shared37.getSharedPkgCompiledPath)("less")
-      };
-      const mergeFn = (defaults, userOptions) => {
-        const getLessOptions = () => {
-          if (defaults.lessOptions && userOptions.lessOptions) {
-            return (0, import_shared37.deepmerge)(defaults.lessOptions, userOptions.lessOptions);
-          }
-          return userOptions.lessOptions || defaults.lessOptions;
-        };
-        return {
-          ...defaults,
-          ...userOptions,
-          lessOptions: getLessOptions()
-        };
-      };
-      const mergedOptions = (0, import_shared37.mergeChainedOptions)({
-        defaults: defaultLessLoaderOptions,
-        options: rsbuildLessConfig,
-        utils: { addExcludes },
-        mergeFn
-      });
-      return {
-        options: mergedOptions,
-        excludes
-      };
-    };
-  }
-});
-
-// src/plugins/sass.ts
-var sass_exports = {};
-__export(sass_exports, {
-  patchCompilerGlobalLocation: () => patchCompilerGlobalLocation,
-  pluginSass: () => pluginSass
-});
-function patchGlobalLocation() {
-  if (!global.location) {
-    const href = (0, import_node_url2.pathToFileURL)(process.cwd()).href + import_node_path22.default.sep;
-    const location = Object.freeze({ [GLOBAL_PATCHED_SYMBOL]: true, href });
-    global.location = location;
-  }
-}
-function unpatchGlobalLocation() {
-  if (global.location?.[GLOBAL_PATCHED_SYMBOL]) {
-    delete global.location;
-  }
-}
-function patchCompilerGlobalLocation(compiler) {
-  compiler.hooks.run.tap("PatchGlobalLocation", patchGlobalLocation);
-  compiler.hooks.watchRun.tap("PatchGlobalLocation", patchGlobalLocation);
-  compiler.hooks.watchClose.tap("PatchGlobalLocation", unpatchGlobalLocation);
-  compiler.hooks.done.tap("PatchGlobalLocation", unpatchGlobalLocation);
-}
-function pluginSass() {
-  return {
-    name: "rsbuild:sass",
-    setup(api) {
-      api.onAfterCreateCompiler(({ compiler }) => {
-        patchCompilerGlobalLocation(compiler);
-      });
-      api.modifyBundlerChain(async (chain, utils) => {
-        const config = api.getNormalizedConfig();
-        const { applyCSSRule: applyCSSRule2 } = await Promise.resolve().then(() => (init_css(), css_exports));
-        const { excludes, options } = getSassLoaderOptions(
-          config.tools.sass,
-          // source-maps required for loaders preceding resolve-url-loader
-          // otherwise the resolve-url-loader will throw an error
-          true
-        );
-        const rule = chain.module.rule(utils.CHAIN_ID.RULE.SASS).test(/\.s(?:a|c)ss$/);
-        for (const item of excludes) {
-          rule.exclude.add(item);
-        }
-        await applyCSSRule2({
-          rule,
-          utils,
-          config,
-          context: api.context,
-          // postcss-loader, resolve-url-loader, sass-loader
-          importLoaders: 3
-        });
-        rule.use(utils.CHAIN_ID.USE.RESOLVE_URL).loader(getCompiledPath("resolve-url-loader")).options({
-          join: await getResolveUrlJoinFn(),
-          // 'resolve-url-loader' relies on 'adjust-sourcemap-loader',
-          // it has performance regression issues in some scenarios,
-          // so we need to disable the sourceMap option.
-          sourceMap: false
-        }).end().use(utils.CHAIN_ID.USE.SASS).loader((0, import_shared38.getSharedPkgCompiledPath)("sass-loader")).options(options);
-      });
-    }
-  };
-}
-var import_node_path22, import_node_url2, import_shared38, GLOBAL_PATCHED_SYMBOL, getSassLoaderOptions, getResolveUrlJoinFn;
-var init_sass = __esm({
-  "src/plugins/sass.ts"() {
-    "use strict";
-    import_node_path22 = __toESM(require("path"));
-    import_node_url2 = require("url");
-    import_shared38 = require("@rsbuild/shared");
-    init_helpers();
-    GLOBAL_PATCHED_SYMBOL = Symbol("GLOBAL_PATCHED_SYMBOL");
-    getSassLoaderOptions = (rsbuildSassConfig, isUseCssSourceMap) => {
-      const excludes = [];
-      const addExcludes = (items) => {
-        excludes.push(...(0, import_shared38.castArray)(items));
-      };
-      const mergeFn = (defaults, userOptions) => {
-        const getSassOptions = () => {
-          if (defaults.sassOptions && userOptions.sassOptions) {
-            return (0, import_shared38.deepmerge)(
-              defaults.sassOptions,
-              userOptions.sassOptions
-            );
-          }
-          return userOptions.sassOptions || defaults.sassOptions;
-        };
-        return {
-          ...defaults,
-          ...userOptions,
-          sassOptions: getSassOptions()
-        };
-      };
-      const mergedOptions = (0, import_shared38.mergeChainedOptions)({
-        defaults: {
-          sourceMap: isUseCssSourceMap,
-          implementation: (0, import_shared38.getSharedPkgCompiledPath)("sass")
-        },
-        options: rsbuildSassConfig,
-        utils: { addExcludes },
-        mergeFn
-      });
-      return {
-        options: mergedOptions,
-        excludes
-      };
-    };
-    getResolveUrlJoinFn = async () => {
-      const {
-        createJoinFunction,
-        asGenerator,
-        createJoinImplementation,
-        defaultJoinGenerator
-      } = await import("../compiled/resolve-url-loader/index.js");
-      const rsbuildGenerator = asGenerator((item, ...rest) => {
-        if (!item.uri.startsWith(".")) {
-          return [null];
-        }
-        return defaultJoinGenerator(item, ...rest);
-      });
-      return createJoinFunction(
-        "rsbuild-resolve-join-fn",
-        createJoinImplementation(rsbuildGenerator)
-      );
-    };
-  }
-});
-
 // src/plugins/server.ts
 var server_exports = {};
 __export(server_exports, {
   pluginServer: () => pluginServer
 });
-var import_node_path23, import_shared39, pluginServer;
+var import_node_path21, import_shared37, pluginServer;
 var init_server = __esm({
   "src/plugins/server.ts"() {
     "use strict";
-    import_node_path23 = require("path");
-    import_shared39 = require("@rsbuild/shared");
+    import_node_path21 = require("path");
+    import_shared37 = require("@rsbuild/shared");
     pluginServer = () => ({
       name: "rsbuild:server",
       setup(api) {
@@ -4331,12 +4121,12 @@ var init_server = __esm({
             if (!copyOnBuild || !name) {
               return;
             }
-            const publicDir = (0, import_node_path23.isAbsolute)(name) ? name : (0, import_node_path23.join)(api.context.rootPath, name);
-            if (!import_shared39.fse.existsSync(publicDir)) {
+            const publicDir = (0, import_node_path21.isAbsolute)(name) ? name : (0, import_node_path21.join)(api.context.rootPath, name);
+            if (!import_shared37.fse.existsSync(publicDir)) {
               return;
             }
             try {
-              await import_shared39.fse.copy(publicDir, api.context.distPath, {
+              await import_shared37.fse.copy(publicDir, api.context.distPath, {
                 // dereference symlinks
                 dereference: true
               });
@@ -4386,18 +4176,18 @@ function pluginModuleFederation() {
           chain.plugin("mf-patch-split-chunks").use(PatchSplitChunksPlugin, [options.name]);
         }
         const publicPath = chain.output.get("publicPath");
-        if (publicPath === import_shared40.DEFAULT_ASSET_PREFIX) {
+        if (publicPath === import_shared38.DEFAULT_ASSET_PREFIX) {
           chain.output.set("publicPath", "auto");
         }
       });
     }
   };
 }
-var import_shared40, import_core4, PatchSplitChunksPlugin;
+var import_shared38, import_core4, PatchSplitChunksPlugin;
 var init_moduleFederation = __esm({
   "src/plugins/moduleFederation.ts"() {
     "use strict";
-    import_shared40 = require("@rsbuild/shared");
+    import_shared38 = require("@rsbuild/shared");
     import_core4 = require("@rspack/core");
     PatchSplitChunksPlugin = class {
       constructor(name) {
@@ -4605,8 +4395,6 @@ var init_plugins = __esm({
       performance: () => Promise.resolve().then(() => (init_performance(), performance_exports)).then((m) => m.pluginPerformance()),
       define: () => Promise.resolve().then(() => (init_define(), define_exports)).then((m) => m.pluginDefine()),
       css: () => Promise.resolve().then(() => (init_css(), css_exports)).then((m) => m.pluginCss()),
-      less: () => Promise.resolve().then(() => (init_less(), less_exports)).then((m) => m.pluginLess()),
-      sass: () => Promise.resolve().then(() => (init_sass(), sass_exports)).then((m) => m.pluginSass()),
       server: () => Promise.resolve().then(() => (init_server(), server_exports)).then((m) => m.pluginServer()),
       moduleFederation: () => Promise.resolve().then(() => (init_moduleFederation(), moduleFederation_exports)).then((m) => m.pluginModuleFederation()),
       manifest: () => Promise.resolve().then(() => (init_manifest(), manifest_exports)).then((m) => m.pluginManifest())
@@ -4627,9 +4415,9 @@ async function inspectConfig({
   inspectOptions = {}
 }) {
   if (inspectOptions.env) {
-    (0, import_shared41.setNodeEnv)(inspectOptions.env);
-  } else if (!(0, import_shared41.getNodeEnv)()) {
-    (0, import_shared41.setNodeEnv)("development");
+    (0, import_shared39.setNodeEnv)(inspectOptions.env);
+  } else if (!(0, import_shared39.getNodeEnv)()) {
+    (0, import_shared39.setNodeEnv)("development");
   }
   const rspackConfigs = bundlerConfigs || (await initConfigs({
     context,
@@ -4640,21 +4428,21 @@ async function inspectConfig({
     ...context.normalizedConfig,
     pluginNames: pluginManager.getPlugins().map((p) => p.name)
   };
-  const rawRsbuildConfig = await (0, import_shared41.stringifyConfig)(
+  const rawRsbuildConfig = await (0, import_shared39.stringifyConfig)(
     rsbuildDebugConfig,
     inspectOptions.verbose
   );
   const rawBundlerConfigs = await Promise.all(
     rspackConfigs.map(
-      (config) => (0, import_shared41.stringifyConfig)(config, inspectOptions.verbose)
+      (config) => (0, import_shared39.stringifyConfig)(config, inspectOptions.verbose)
     )
   );
   let outputPath = inspectOptions.outputPath || context.distPath;
-  if (!(0, import_node_path24.isAbsolute)(outputPath)) {
-    outputPath = (0, import_node_path24.join)(context.rootPath, outputPath);
+  if (!(0, import_node_path22.isAbsolute)(outputPath)) {
+    outputPath = (0, import_node_path22.join)(context.rootPath, outputPath);
   }
   if (inspectOptions.writeToDisk) {
-    await (0, import_shared41.outputInspectConfigFiles)({
+    await (0, import_shared39.outputInspectConfigFiles)({
       rsbuildConfig: context.normalizedConfig,
       rawRsbuildConfig,
       bundlerConfigs: rawBundlerConfigs,
@@ -4674,32 +4462,32 @@ async function inspectConfig({
     }
   };
 }
-var import_node_path24, import_shared41;
+var import_node_path22, import_shared39;
 var init_inspectConfig = __esm({
   "src/provider/inspectConfig.ts"() {
     "use strict";
-    import_node_path24 = require("path");
-    import_shared41 = require("@rsbuild/shared");
+    import_node_path22 = require("path");
+    import_shared39 = require("@rsbuild/shared");
     init_initConfigs();
   }
 });
 
 // src/provider/rspackConfig.ts
 async function modifyRspackConfig(context, rspackConfig, utils) {
-  (0, import_shared42.debug)("modify Rspack config");
+  (0, import_shared40.debug)("modify Rspack config");
   let [modifiedConfig] = await context.hooks.modifyRspackConfig.call(
     rspackConfig,
     utils
   );
   if (context.config.tools?.rspack) {
-    modifiedConfig = (0, import_shared42.mergeChainedOptions)({
+    modifiedConfig = (0, import_shared40.mergeChainedOptions)({
       defaults: modifiedConfig,
       options: context.config.tools.rspack,
       utils,
       mergeFn: utils.mergeConfig
     });
   }
-  (0, import_shared42.debug)("modify Rspack config done");
+  (0, import_shared40.debug)("modify Rspack config done");
   return modifiedConfig;
 }
 async function getConfigUtils(config, chainUtils) {
@@ -4709,7 +4497,7 @@ async function getConfigUtils(config, chainUtils) {
     rspack: import_core5.rspack,
     mergeConfig: merge2,
     addRules(rules) {
-      const ruleArr = (0, import_shared42.castArray)(rules);
+      const ruleArr = (0, import_shared40.castArray)(rules);
       if (!config.module) {
         config.module = {};
       }
@@ -4719,14 +4507,14 @@ async function getConfigUtils(config, chainUtils) {
       config.module.rules.unshift(...ruleArr);
     },
     prependPlugins(plugins2) {
-      const pluginArr = (0, import_shared42.castArray)(plugins2);
+      const pluginArr = (0, import_shared40.castArray)(plugins2);
       if (!config.plugins) {
         config.plugins = [];
       }
       config.plugins.unshift(...pluginArr);
     },
     appendPlugins(plugins2) {
-      const pluginArr = (0, import_shared42.castArray)(plugins2);
+      const pluginArr = (0, import_shared40.castArray)(plugins2);
       if (!config.plugins) {
         config.plugins = [];
       }
@@ -4742,7 +4530,7 @@ async function getConfigUtils(config, chainUtils) {
   };
 }
 function getChainUtils(target) {
-  const nodeEnv = (0, import_shared42.getNodeEnv)();
+  const nodeEnv = (0, import_shared40.getNodeEnv)();
   return {
     env: nodeEnv,
     target,
@@ -4751,7 +4539,7 @@ function getChainUtils(target) {
     isServer: target === "node",
     isWebWorker: target === "web-worker",
     isServiceWorker: target === "service-worker",
-    CHAIN_ID: import_shared42.CHAIN_ID,
+    CHAIN_ID: import_shared40.CHAIN_ID,
     HtmlPlugin: getHTMLPlugin()
   };
 }
@@ -4767,7 +4555,7 @@ async function generateRspackConfig({
     ProvidePlugin,
     HotModuleReplacementPlugin
   } = import_core5.rspack;
-  const chain = await (0, import_shared42.modifyBundlerChain)(context, {
+  const chain = await (0, import_shared40.modifyBundlerChain)(context, {
     ...chainUtils,
     bundler: {
       BannerPlugin,
@@ -4777,7 +4565,7 @@ async function generateRspackConfig({
       HotModuleReplacementPlugin
     }
   });
-  let rspackConfig = (0, import_shared42.chainToConfig)(chain);
+  let rspackConfig = (0, import_shared40.chainToConfig)(chain);
   rspackConfig = await modifyRspackConfig(
     context,
     rspackConfig,
@@ -4785,11 +4573,11 @@ async function generateRspackConfig({
   );
   return rspackConfig;
 }
-var import_shared42, import_core5;
+var import_shared40, import_core5;
 var init_rspackConfig = __esm({
   "src/provider/rspackConfig.ts"() {
     "use strict";
-    import_shared42 = require("@rsbuild/shared");
+    import_shared40 = require("@rsbuild/shared");
     import_core5 = require("@rspack/core");
     init_pluginHelper();
   }
@@ -4797,13 +4585,13 @@ var init_rspackConfig = __esm({
 
 // src/provider/initConfigs.ts
 async function modifyRsbuildConfig(context) {
-  (0, import_shared43.debug)("modify Rsbuild config");
+  (0, import_shared41.debug)("modify Rsbuild config");
   const [modified] = await context.hooks.modifyRsbuildConfig.call(
     context.config,
     { mergeRsbuildConfig }
   );
   context.config = modified;
-  (0, import_shared43.debug)("modify Rsbuild config done");
+  (0, import_shared41.debug)("modify Rsbuild config done");
 }
 async function initRsbuildConfig({
   context,
@@ -4831,7 +4619,7 @@ async function initConfigs({
   const rspackConfigs = await Promise.all(
     targets.map((target) => generateRspackConfig({ target, context }))
   );
-  if ((0, import_shared43.isDebug)()) {
+  if ((0, import_shared41.isDebug)()) {
     const inspect = () => {
       const inspectOptions = {
         verbose: true,
@@ -4852,11 +4640,11 @@ async function initConfigs({
     rspackConfigs
   };
 }
-var import_shared43;
+var import_shared41;
 var init_initConfigs = __esm({
   "src/provider/initConfigs.ts"() {
     "use strict";
-    import_shared43 = require("@rsbuild/shared");
+    import_shared41 = require("@rsbuild/shared");
     init_config();
     init_createContext();
     init_mergeConfig();
@@ -4878,7 +4666,7 @@ function applyHMREntry({
   clientConfig = {},
   liveReload = true
 }) {
-  if (!(0, import_shared44.isClientCompiler)(compiler)) {
+  if (!(0, import_shared42.isClientCompiler)(compiler)) {
     return;
   }
   new compiler.webpack.DefinePlugin({
@@ -4891,13 +4679,13 @@ function applyHMREntry({
     }).apply(compiler);
   }
 }
-var import_shared44, setupServerHooks, getDevMiddleware;
+var import_shared42, setupServerHooks, getDevMiddleware;
 var init_devMiddleware = __esm({
   "src/server/devMiddleware.ts"() {
     "use strict";
-    import_shared44 = require("@rsbuild/shared");
+    import_shared42 = require("@rsbuild/shared");
     setupServerHooks = (compiler, hookCallbacks) => {
-      if ((0, import_shared44.isNodeCompiler)(compiler)) {
+      if ((0, import_shared42.isNodeCompiler)(compiler)) {
         return;
       }
       const { compile, invalid, done } = compiler.hooks;
@@ -4920,7 +4708,7 @@ var init_devMiddleware = __esm({
           }
           setupServerHooks(compiler, callbacks);
         };
-        (0, import_shared44.applyToCompiler)(multiCompiler, setupCompiler);
+        (0, import_shared42.applyToCompiler)(multiCompiler, setupCompiler);
         return webpackDevMiddleware(multiCompiler, restOptions);
       };
     };
@@ -4937,13 +4725,13 @@ async function createCompiler({
   context,
   rspackConfigs
 }) {
-  (0, import_shared45.debug)("create compiler");
+  (0, import_shared43.debug)("create compiler");
   await context.hooks.onBeforeCreateCompiler.call({
     bundlerConfigs: rspackConfigs
   });
   if (!await isSatisfyRspackVersion(import_core6.rspack.rspackVersion)) {
     throw new Error(
-      `The current Rspack version does not meet the requirements, the minimum supported version of Rspack is ${import_shared45.color.green(
+      `The current Rspack version does not meet the requirements, the minimum supported version of Rspack is ${import_shared43.color.green(
         rspackMinVersion
       )}`
     );
@@ -4954,18 +4742,18 @@ async function createCompiler({
   let isCompiling = false;
   const logRspackVersion = () => {
     if (!isVersionLogged) {
-      (0, import_shared45.debug)(`Use Rspack v${import_core6.rspack.rspackVersion}`);
+      (0, import_shared43.debug)(`Use Rspack v${import_core6.rspack.rspackVersion}`);
       isVersionLogged = true;
     }
   };
   compiler.hooks.watchRun.tap("rsbuild:compiling", () => {
     logRspackVersion();
     if (!isCompiling) {
-      import_shared45.logger.start("Compiling...");
+      import_shared43.logger.start("Compiling...");
     }
     isCompiling = true;
   });
-  if ((0, import_shared45.isProd)()) {
+  if ((0, import_shared43.isProd)()) {
     compiler.hooks.run.tap("rsbuild:run", logRspackVersion);
   }
   const done = async (stats) => {
@@ -4975,10 +4763,10 @@ async function createCompiler({
     });
     const printTime = (c, index) => {
       if (c.time) {
-        const time = (0, import_shared45.prettyTime)(c.time / 1e3);
+        const time = (0, import_shared43.prettyTime)(c.time / 1e3);
         const target = context.targets[index];
-        const name = import_shared45.TARGET_ID_MAP[target || "web"];
-        import_shared45.logger.ready(`${name} compiled in ${time}`);
+        const name = import_shared43.TARGET_ID_MAP[target || "web"];
+        import_shared43.logger.ready(`${name} compiled in ${time}`);
       }
     };
     if (!stats.hasErrors()) {
@@ -4992,12 +4780,12 @@ async function createCompiler({
     }
     const { message, level } = formatStats(stats, getStatsOptions(compiler));
     if (level === "error") {
-      import_shared45.logger.error(message);
+      import_shared43.logger.error(message);
     }
     if (level === "warning") {
-      import_shared45.logger.warn(message);
+      import_shared43.logger.warn(message);
     }
-    if ((0, import_shared45.isDev)()) {
+    if ((0, import_shared43.isDev)()) {
       await context.hooks.onDevCompileDone.call({
         isFirstCompile,
         stats
@@ -5006,14 +4794,14 @@ async function createCompiler({
     isCompiling = false;
     isFirstCompile = false;
   };
-  (0, import_shared45.onCompileDone)(
+  (0, import_shared43.onCompileDone)(
     compiler,
     done,
     // @ts-expect-error type mismatch
     import_core6.rspack.MultiStats
   );
   await context.hooks.onAfterCreateCompiler.call({ compiler });
-  (0, import_shared45.debug)("create compiler done");
+  (0, import_shared43.debug)("create compiler done");
   return compiler;
 }
 async function createDevMiddleware(options, customCompiler) {
@@ -5033,11 +4821,11 @@ async function createDevMiddleware(options, customCompiler) {
     compiler
   };
 }
-var import_shared45, import_core6;
+var import_shared43, import_core6;
 var init_createCompiler = __esm({
   "src/provider/createCompiler.ts"() {
     "use strict";
-    import_shared45 = require("@rsbuild/shared");
+    import_shared43 = require("@rsbuild/shared");
     import_core6 = require("@rspack/core");
     init_helpers();
     init_initConfigs();
@@ -5049,11 +4837,11 @@ var progress_exports = {};
 __export(progress_exports, {
   pluginProgress: () => pluginProgress
 });
-var import_shared46, import_core7, pluginProgress;
+var import_shared44, import_core7, pluginProgress;
 var init_progress = __esm({
   "src/plugins/progress.ts"() {
     "use strict";
-    import_shared46 = require("@rsbuild/shared");
+    import_shared44 = require("@rsbuild/shared");
     import_core7 = require("@rspack/core");
     pluginProgress = () => ({
       name: "rsbuild:progress",
@@ -5061,11 +4849,11 @@ var init_progress = __esm({
         api.modifyBundlerChain(async (chain, { target, CHAIN_ID: CHAIN_ID3 }) => {
           const config = api.getNormalizedConfig();
           const options = config.dev.progressBar ?? // enable progress bar in production by default
-          (0, import_shared46.isProd)();
+          (0, import_shared44.isProd)();
           if (!options) {
             return;
           }
-          const prefix = options !== true && options.id !== void 0 ? options.id : import_shared46.TARGET_ID_MAP[target];
+          const prefix = options !== true && options.id !== void 0 ? options.id : import_shared44.TARGET_ID_MAP[target];
           chain.plugin(CHAIN_ID3.PLUGIN.PROGRESS).use(import_core7.rspack.ProgressPlugin, [
             {
               prefix,
@@ -5099,14 +4887,14 @@ async function getDefaultSwcConfig(config, rootPath, target) {
     },
     isModule: "unknown",
     env: {
-      targets: await (0, import_shared47.getBrowserslistWithDefault)(rootPath, config, target)
+      targets: await (0, import_shared45.getBrowserslistWithDefault)(rootPath, config, target)
     }
   };
 }
 async function applyCoreJs(swcConfig, chain, polyfillMode) {
   const coreJsPath = require.resolve("core-js/package.json");
-  const version2 = (0, import_shared47.getCoreJsVersion)(coreJsPath);
-  const coreJsDir = import_node_path25.default.dirname(coreJsPath);
+  const version2 = (0, import_shared45.getCoreJsVersion)(coreJsPath);
+  const coreJsDir = import_node_path23.default.dirname(coreJsPath);
   swcConfig.env.coreJs = version2;
   if (polyfillMode === "usage") {
     swcConfig.env.shippedProposals = true;
@@ -5142,12 +4930,12 @@ function applySwcDecoratorConfig(swcConfig, config) {
       throw new Error("Unknown decorators version: ${version}");
   }
 }
-var import_node_path25, import_shared47, builtinSwcLoaderName, pluginSwc;
+var import_node_path23, import_shared45, builtinSwcLoaderName, pluginSwc;
 var init_swc = __esm({
   "src/plugins/swc.ts"() {
     "use strict";
-    import_node_path25 = __toESM(require("path"));
-    import_shared47 = require("@rsbuild/shared");
+    import_node_path23 = __toESM(require("path"));
+    import_shared45 = require("@rsbuild/shared");
     init_constants();
     builtinSwcLoaderName = "builtin:swc-loader";
     pluginSwc = () => ({
@@ -5157,8 +4945,8 @@ var init_swc = __esm({
           order: "pre",
           handler: async (chain, { CHAIN_ID: CHAIN_ID3, target }) => {
             const config = api.getNormalizedConfig();
-            const rule = chain.module.rule(CHAIN_ID3.RULE.JS).test(import_shared47.SCRIPT_REGEX).type("javascript/auto");
-            (0, import_shared47.applyScriptCondition)({
+            const rule = chain.module.rule(CHAIN_ID3.RULE.JS).test(import_shared45.SCRIPT_REGEX).type("javascript/auto");
+            (0, import_shared45.applyScriptCondition)({
               rule,
               chain,
               config,
@@ -5176,10 +4964,10 @@ var init_swc = __esm({
             if (swcConfig.jsc?.externalHelpers) {
               chain.resolve.alias.set(
                 "@swc/helpers",
-                import_node_path25.default.dirname(require.resolve("@swc/helpers/package.json"))
+                import_node_path23.default.dirname(require.resolve("@swc/helpers/package.json"))
               );
             }
-            if ((0, import_shared47.isWebTarget)(target)) {
+            if ((0, import_shared45.isWebTarget)(target)) {
               const polyfillMode = config.output.polyfill;
               if (polyfillMode === "off") {
                 swcConfig.env.mode = void 0;
@@ -5188,15 +4976,15 @@ var init_swc = __esm({
                 await applyCoreJs(swcConfig, chain, polyfillMode);
               }
             }
-            const mergedSwcConfig = (0, import_shared47.mergeChainedOptions)({
+            const mergedSwcConfig = (0, import_shared45.mergeChainedOptions)({
               defaults: swcConfig,
               options: config.tools.swc,
-              mergeFn: import_shared47.deepmerge
+              mergeFn: import_shared45.deepmerge
             });
             rule.use(CHAIN_ID3.USE.SWC).loader(builtinSwcLoaderName).options(mergedSwcConfig);
             chain.module.rule(CHAIN_ID3.RULE.JS_DATA_URI).mimetype({
               or: ["text/javascript", "application/javascript"]
-            }).resolve.set("fullySpecified", false).end().use(CHAIN_ID3.USE.SWC).loader(builtinSwcLoaderName).options((0, import_shared47.cloneDeep)(mergedSwcConfig));
+            }).resolve.set("fullySpecified", false).end().use(CHAIN_ID3.USE.SWC).loader(builtinSwcLoaderName).options((0, import_shared45.cloneDeep)(mergedSwcConfig));
           }
         });
       }
@@ -5210,14 +4998,14 @@ __export(rspackProfile_exports, {
   pluginRspackProfile: () => pluginRspackProfile,
   stopProfiler: () => stopProfiler
 });
-var import_node_inspector, import_node_path26, import_shared48, import_shared49, import_core8, stopProfiler, pluginRspackProfile;
+var import_node_inspector, import_node_path24, import_shared46, import_shared47, import_core8, stopProfiler, pluginRspackProfile;
 var init_rspackProfile = __esm({
   "src/plugins/rspackProfile.ts"() {
     "use strict";
     import_node_inspector = __toESM(require("inspector"));
-    import_node_path26 = __toESM(require("path"));
-    import_shared48 = require("@rsbuild/shared");
-    import_shared49 = require("@rsbuild/shared");
+    import_node_path24 = __toESM(require("path"));
+    import_shared46 = require("@rsbuild/shared");
+    import_shared47 = require("@rsbuild/shared");
     import_core8 = require("@rspack/core");
     stopProfiler = (output, profileSession) => {
       if (!profileSession) {
@@ -5225,10 +5013,10 @@ var init_rspackProfile = __esm({
       }
       profileSession.post("Profiler.stop", (error, param) => {
         if (error) {
-          import_shared49.logger.error("Failed to generate JS CPU profile:", error);
+          import_shared47.logger.error("Failed to generate JS CPU profile:", error);
           return;
         }
-        import_shared48.fse.writeFileSync(output, JSON.stringify(param.profile));
+        import_shared46.fse.writeFileSync(output, JSON.stringify(param.profile));
       });
     };
     pluginRspackProfile = () => ({
@@ -5239,7 +5027,7 @@ var init_rspackProfile = __esm({
           return;
         }
         const timestamp = Date.now();
-        const profileDir = import_node_path26.default.join(
+        const profileDir = import_node_path24.default.join(
           api.context.distPath,
           `rspack-profile-${timestamp}`
         );
@@ -5247,11 +5035,11 @@ var init_rspackProfile = __esm({
         const enableProfileTrace = RSPACK_PROFILE === "ALL" || RSPACK_PROFILE.includes("TRACE");
         const enableCPUProfile = RSPACK_PROFILE === "ALL" || RSPACK_PROFILE.includes("CPU");
         const enableLogging = RSPACK_PROFILE === "ALL" || RSPACK_PROFILE.includes("LOGGING");
-        const traceFilePath = import_node_path26.default.join(profileDir, "trace.json");
-        const cpuProfilePath = import_node_path26.default.join(profileDir, "jscpuprofile.json");
-        const loggingFilePath = import_node_path26.default.join(profileDir, "logging.json");
+        const traceFilePath = import_node_path24.default.join(profileDir, "trace.json");
+        const cpuProfilePath = import_node_path24.default.join(profileDir, "jscpuprofile.json");
+        const loggingFilePath = import_node_path24.default.join(profileDir, "logging.json");
         const onStart = () => {
-          import_shared48.fse.ensureDirSync(profileDir);
+          import_shared46.fse.ensureDirSync(profileDir);
           if (enableProfileTrace) {
             import_core8.rspack.experimental_registerGlobalTrace(
               "trace",
@@ -5275,7 +5063,7 @@ var init_rspackProfile = __esm({
               logging: "verbose",
               loggingTrace: true
             });
-            import_shared48.fse.writeFileSync(loggingFilePath, JSON.stringify(logging));
+            import_shared46.fse.writeFileSync(loggingFilePath, JSON.stringify(logging));
           }
         });
         api.onExit(() => {
@@ -5283,7 +5071,7 @@ var init_rspackProfile = __esm({
             import_core8.rspack.experimental_cleanupGlobalTrace();
           }
           stopProfiler(cpuProfilePath, profileSession);
-          import_shared49.logger.info(`Saved Rspack profile file to ${profileDir}`);
+          import_shared47.logger.info(`Saved Rspack profile file to ${profileDir}`);
         });
       }
     });
@@ -5291,13 +5079,13 @@ var init_rspackProfile = __esm({
 });
 
 // src/server/middlewares.ts
-var import_node_path27, import_node_url3, import_shared50, faviconFallbackMiddleware, getStatusCodeColor, getRequestLoggerMiddleware, notFoundMiddleware, getHtmlFallbackMiddleware;
+var import_node_path25, import_node_url2, import_shared48, faviconFallbackMiddleware, getStatusCodeColor, getRequestLoggerMiddleware, notFoundMiddleware, getHtmlFallbackMiddleware;
 var init_middlewares = __esm({
   "src/server/middlewares.ts"() {
     "use strict";
-    import_node_path27 = __toESM(require("path"));
-    import_node_url3 = require("url");
-    import_shared50 = require("@rsbuild/shared");
+    import_node_path25 = __toESM(require("path"));
+    import_node_url2 = require("url");
+    import_shared48 = require("@rsbuild/shared");
     faviconFallbackMiddleware = (req, res, next) => {
       if (req.url === "/favicon.ico") {
         res.statusCode = 204;
@@ -5308,16 +5096,16 @@ var init_middlewares = __esm({
     };
     getStatusCodeColor = (status) => {
       if (status >= 500) {
-        return import_shared50.color.red;
+        return import_shared48.color.red;
       }
       if (status >= 400) {
-        return import_shared50.color.yellow;
+        return import_shared48.color.yellow;
       }
       if (status >= 300) {
-        return import_shared50.color.cyan;
+        return import_shared48.color.cyan;
       }
       if (status >= 200) {
-        return import_shared50.color.green;
+        return import_shared48.color.green;
       }
       return (res) => res;
     };
@@ -5332,8 +5120,8 @@ var init_middlewares = __esm({
           const statusColor = getStatusCodeColor(status);
           const endAt = process.hrtime();
           const totalTime = (endAt[0] - _startAt[0]) * 1e3 + (endAt[1] - _startAt[1]) * 1e-6;
-          (0, import_shared50.debug)(
-            `${statusColor(status)} ${method} ${import_shared50.color.gray(url2)} ${import_shared50.color.gray(
+          (0, import_shared48.debug)(
+            `${statusColor(status)} ${method} ${import_shared48.color.gray(url2)} ${import_shared48.color.gray(
               `${totalTime.toFixed(3)} ms`
             )}`
           );
@@ -5360,10 +5148,10 @@ var init_middlewares = __esm({
         const { url: url2 } = req;
         let pathname = url2;
         try {
-          pathname = (0, import_node_url3.parse)(url2, false, true).pathname;
+          pathname = (0, import_node_url2.parse)(url2, false, true).pathname;
         } catch (err) {
-          import_shared50.logger.error(
-            new Error(`Invalid URL: ${import_shared50.color.yellow(url2)}`, { cause: err })
+          import_shared48.logger.error(
+            new Error(`Invalid URL: ${import_shared48.color.yellow(url2)}`, { cause: err })
           );
           return next();
         }
@@ -5375,10 +5163,10 @@ var init_middlewares = __esm({
           });
         };
         const rewrite = (newUrl, isFallback = false) => {
-          if (isFallback && (0, import_shared50.isDebug)()) {
-            (0, import_shared50.debug)(
-              `${req.method} ${import_shared50.color.gray(
-                `${req.url} ${import_shared50.color.yellow("fallback")} to ${newUrl}`
+          if (isFallback && (0, import_shared48.isDebug)()) {
+            (0, import_shared48.debug)(
+              `${req.method} ${import_shared48.color.gray(
+                `${req.url} ${import_shared48.color.yellow("fallback")} to ${newUrl}`
               )}`
             );
           }
@@ -5392,7 +5180,7 @@ var init_middlewares = __esm({
         };
         if (pathname.endsWith("/")) {
           const newUrl = `${pathname}index.html`;
-          const filePath = import_node_path27.default.join(distPath, pathname, "index.html");
+          const filePath = import_node_path25.default.join(distPath, pathname, "index.html");
           if (await isFileExists2(filePath)) {
             return rewrite(newUrl);
           }
@@ -5401,13 +5189,13 @@ var init_middlewares = __esm({
           !pathname.endsWith(".html")
         ) {
           const newUrl = `${pathname}.html`;
-          const filePath = import_node_path27.default.join(distPath, `${pathname}.html`);
+          const filePath = import_node_path25.default.join(distPath, `${pathname}.html`);
           if (await isFileExists2(filePath)) {
             return rewrite(newUrl);
           }
         }
         if (htmlFallback === "index") {
-          if (await isFileExists2(import_node_path27.default.join(distPath, "index.html"))) {
+          if (await isFileExists2(import_node_path25.default.join(distPath, "index.html"))) {
             return rewrite("/index.html", true);
           }
         }
@@ -5444,17 +5232,17 @@ function formatProxyOptions(proxyOptions) {
       ret.push(opts);
     }
   }
-  const handleError = (err) => import_shared51.logger.error(err);
+  const handleError = (err) => import_shared49.logger.error(err);
   for (const opts of ret) {
     opts.onError ?? (opts.onError = handleError);
   }
   return ret;
 }
-var import_shared51, import_http_proxy_middleware, createProxyMiddleware;
+var import_shared49, import_http_proxy_middleware, createProxyMiddleware;
 var init_proxy = __esm({
   "src/server/proxy.ts"() {
     "use strict";
-    import_shared51 = require("@rsbuild/shared");
+    import_shared49 = require("@rsbuild/shared");
     import_http_proxy_middleware = require("@rsbuild/shared/http-proxy-middleware");
     createProxyMiddleware = (proxyOptions) => {
       const formattedOptionsList = formatProxyOptions(proxyOptions);
@@ -5495,13 +5283,13 @@ var init_proxy = __esm({
 });
 
 // src/server/getDevMiddlewares.ts
-var import_node_path28, import_node_url4, import_shared52, applySetupMiddlewares, applyDefaultMiddlewares, getMiddlewares;
+var import_node_path26, import_node_url3, import_shared50, applySetupMiddlewares, applyDefaultMiddlewares, getMiddlewares;
 var init_getDevMiddlewares = __esm({
   "src/server/getDevMiddlewares.ts"() {
     "use strict";
-    import_node_path28 = require("path");
-    import_node_url4 = __toESM(require("url"));
-    import_shared52 = require("@rsbuild/shared");
+    import_node_path26 = require("path");
+    import_node_url3 = __toESM(require("url"));
+    import_shared50 = require("@rsbuild/shared");
     init_middlewares();
     applySetupMiddlewares = (dev, compileMiddlewareAPI) => {
       const setupMiddlewares = dev.setupMiddlewares || [];
@@ -5541,8 +5329,8 @@ var init_getDevMiddlewares = __esm({
       }
       middlewares.push((req, res, next) => {
         res.setHeader("Access-Control-Allow-Origin", "*");
-        const path15 = req.url ? import_node_url4.default.parse(req.url).pathname : "";
-        if (path15?.includes("hot-update")) {
+        const path13 = req.url ? import_node_url3.default.parse(req.url).pathname : "";
+        if (path13?.includes("hot-update")) {
           res.setHeader("Access-Control-Allow-Credentials", "false");
         }
         const confHeaders = server.headers;
@@ -5582,7 +5370,7 @@ var init_getDevMiddlewares = __esm({
       if (server.publicDir !== false && server.publicDir?.name) {
         const { default: sirv2 } = await import("../compiled/sirv/index.js");
         const { name } = server.publicDir;
-        const publicDir = (0, import_node_path28.isAbsolute)(name) ? name : (0, import_node_path28.join)(pwd, name);
+        const publicDir = (0, import_node_path26.isAbsolute)(name) ? name : (0, import_node_path26.join)(pwd, name);
         const assetMiddleware = sirv2(publicDir, {
           etag: true,
           dev: true
@@ -5592,7 +5380,7 @@ var init_getDevMiddlewares = __esm({
       const { distPath } = output;
       compileMiddlewareAPI && middlewares.push(
         getHtmlFallbackMiddleware({
-          distPath: (0, import_node_path28.isAbsolute)(distPath) ? distPath : (0, import_node_path28.join)(pwd, distPath),
+          distPath: (0, import_node_path26.isAbsolute)(distPath) ? distPath : (0, import_node_path26.join)(pwd, distPath),
           callback: compileMiddlewareAPI.middleware,
           htmlFallback: server.htmlFallback,
           outputFileSystem
@@ -5618,7 +5406,7 @@ var init_getDevMiddlewares = __esm({
     getMiddlewares = async (options) => {
       const middlewares = [];
       const { compileMiddlewareAPI } = options;
-      if ((0, import_shared52.isDebug)()) {
+      if ((0, import_shared50.isDebug)()) {
         middlewares.push(await getRequestLoggerMiddleware());
       }
       const { before, after } = applySetupMiddlewares(
@@ -5646,8 +5434,8 @@ var init_getDevMiddlewares = __esm({
 function getURLMessages(urls, routes) {
   if (routes.length === 1) {
     return urls.map(
-      ({ label, url: url2 }) => `  ${`> ${label.padEnd(10)}`}${import_shared53.color.cyan(
-        (0, import_shared53.normalizeUrl)(`${url2}${routes[0].pathname}`)
+      ({ label, url: url2 }) => `  ${`> ${label.padEnd(10)}`}${import_shared51.color.cyan(
+        (0, import_shared51.normalizeUrl)(`${url2}${routes[0].pathname}`)
       )}
 `
     ).join("");
@@ -5661,9 +5449,9 @@ function getURLMessages(urls, routes) {
     message += `  ${`> ${label}`}
 `;
     for (const r of routes) {
-      message += `  ${import_shared53.color.dim("-")} ${import_shared53.color.dim(
+      message += `  ${import_shared51.color.dim("-")} ${import_shared51.color.dim(
         r.entryName.padEnd(maxNameLength + 4)
-      )}${import_shared53.color.cyan((0, import_shared53.normalizeUrl)(`${url2}${r.pathname}`))}
+      )}${import_shared51.color.cyan((0, import_shared51.normalizeUrl)(`${url2}${r.pathname}`))}
 `;
     }
   });
@@ -5680,7 +5468,7 @@ function printServerURLs({
     return;
   }
   let urls = originalUrls;
-  if ((0, import_shared53.isFunction)(printUrls)) {
+  if ((0, import_shared51.isFunction)(printUrls)) {
     const newUrls = printUrls({
       urls: urls.map((item) => item.url),
       port,
@@ -5704,17 +5492,17 @@ function printServerURLs({
     return;
   }
   const message = getURLMessages(urls, routes);
-  import_shared53.logger.log(message);
+  import_shared51.logger.log(message);
   return message;
 }
-var import_node_net, import_node_net2, import_node_os, import_shared53, formatPrefix, formatRoutes, HMR_SOCK_PATH, mergeDevOptions, getPort, getServerOptions, getDevOptions, getIpv4Interfaces, isLoopbackHost, getHostInUrl, concatUrl, LOCAL_LABEL, NETWORK_LABEL, getUrlLabel, getAddressUrls;
+var import_node_net, import_node_net2, import_node_os, import_shared51, formatPrefix, formatRoutes, HMR_SOCK_PATH, getPort, getServerConfig, getDevConfig, getIpv4Interfaces, isLoopbackHost, getHostInUrl, concatUrl, LOCAL_LABEL, NETWORK_LABEL, getUrlLabel, getAddressUrls;
 var init_helper = __esm({
   "src/server/helper.ts"() {
     "use strict";
     import_node_net = __toESM(require("net"));
     import_node_net2 = require("net");
     import_node_os = __toESM(require("os"));
-    import_shared53 = require("@rsbuild/shared");
+    import_shared51 = require("@rsbuild/shared");
     formatPrefix = (prefix) => {
       if (!prefix) {
         return "/";
@@ -5735,25 +5523,6 @@ var init_helper = __esm({
       }).sort((a) => a.entryName === "index" ? -1 : 1);
     };
     HMR_SOCK_PATH = "/rsbuild-hmr";
-    mergeDevOptions = ({
-      rsbuildConfig,
-      port
-    }) => {
-      const defaultDevConfig = {
-        client: {
-          path: HMR_SOCK_PATH,
-          port: port.toString(),
-          // By default it is set to "location.hostname"
-          host: "",
-          // By default it is set to "location.protocol === 'https:' ? 'wss' : 'ws'""
-          protocol: void 0
-        },
-        writeToDisk: false,
-        liveReload: true
-      };
-      const devConfig = rsbuildConfig.dev ? (0, import_shared53.deepmerge)(defaultDevConfig, rsbuildConfig.dev) : defaultDevConfig;
-      return devConfig;
-    };
     getPort = async ({
       host,
       port,
@@ -5796,46 +5565,46 @@ var init_helper = __esm({
           );
         }
         if (!silent) {
-          import_shared53.logger.info(
-            `Port ${original} is in use, ${import_shared53.color.yellow(`using port ${port}.`)}
+          import_shared51.logger.info(
+            `Port ${original} is in use, ${import_shared51.color.yellow(`using port ${port}.`)}
 `
           );
         }
       }
       return port;
     };
-    getServerOptions = async ({
-      rsbuildConfig,
+    getServerConfig = async ({
+      config,
       getPortSilently
     }) => {
-      const host = rsbuildConfig.server?.host || import_shared53.DEFAULT_DEV_HOST;
+      const host = config.server.host || import_shared51.DEFAULT_DEV_HOST;
       const port = await getPort({
         host,
-        port: rsbuildConfig.server?.port || import_shared53.DEFAULT_PORT,
-        strictPort: rsbuildConfig.server?.strictPort || false,
+        port: config.server.port || import_shared51.DEFAULT_PORT,
+        strictPort: config.server.strictPort || false,
         silent: getPortSilently
       });
-      const https = Boolean(rsbuildConfig.server?.https) || false;
-      return { port, host, https, serverConfig: rsbuildConfig.server || {} };
+      const https = Boolean(config.server.https) || false;
+      return { port, host, https };
     };
-    getDevOptions = async ({
-      rsbuildConfig,
-      getPortSilently
+    getDevConfig = ({
+      config,
+      port
     }) => {
-      const { port, host, https, serverConfig } = await getServerOptions({
-        rsbuildConfig,
-        getPortSilently
-      });
-      const devConfig = mergeDevOptions({ rsbuildConfig, port });
-      const liveReload = devConfig.liveReload;
-      return {
-        devConfig,
-        serverConfig,
-        port,
-        host,
-        https,
-        liveReload
+      const defaultDevConfig = {
+        client: {
+          path: HMR_SOCK_PATH,
+          port: port.toString(),
+          // By default it is set to "location.hostname"
+          host: "",
+          // By default it is set to "location.protocol === 'https:' ? 'wss' : 'ws'""
+          protocol: void 0
+        },
+        writeToDisk: false,
+        liveReload: true
       };
+      const devConfig = config.dev ? (0, import_shared51.deepmerge)(defaultDevConfig, config.dev) : defaultDevConfig;
+      return devConfig;
     };
     getIpv4Interfaces = () => {
       const interfaces = import_node_os.default.networkInterfaces();
@@ -5885,7 +5654,7 @@ var init_helper = __esm({
       port,
       host
     }) => {
-      if (host && host !== import_shared53.DEFAULT_DEV_HOST) {
+      if (host && host !== import_shared51.DEFAULT_DEV_HOST) {
         return [
           {
             label: isLoopbackHost(host) ? LOCAL_LABEL : NETWORK_LABEL,
@@ -5999,11 +5768,11 @@ var init_watchFiles = __esm({
 });
 
 // src/server/socketServer.ts
-var import_shared54, import_ws, SocketServer;
+var import_shared52, import_ws, SocketServer;
 var init_socketServer = __esm({
   "src/server/socketServer.ts"() {
     "use strict";
-    import_shared54 = require("@rsbuild/shared");
+    import_shared52 = require("@rsbuild/shared");
     import_ws = __toESM(require("../compiled/ws/index.js"));
     init_helpers();
     SocketServer = class {
@@ -6030,7 +5799,7 @@ var init_socketServer = __esm({
           path: this.options.client?.path
         });
         this.wsServer.on("error", (err) => {
-          import_shared54.logger.error(err);
+          import_shared52.logger.error(err);
         });
         this.timer = setInterval(() => {
           for (const socket of this.wsServer.clients) {
@@ -6246,24 +6015,28 @@ var devServer_exports = {};
 __export(devServer_exports, {
   createDevServer: () => createDevServer
 });
-async function createDevServer(options, createDevMiddleware2, {
+async function createDevServer(options, createDevMiddleware2, config, {
   compiler: customCompiler,
   getPortSilently,
   runCompile = true
 } = {}) {
-  if (!(0, import_shared55.getNodeEnv)()) {
-    (0, import_shared55.setNodeEnv)("development");
+  if (!(0, import_shared53.getNodeEnv)()) {
+    (0, import_shared53.setNodeEnv)("development");
   }
-  (0, import_shared55.debug)("create dev server");
-  const rsbuildConfig = options.context.config;
-  const { devConfig, serverConfig, port, host, https } = await getDevOptions({
-    rsbuildConfig,
+  (0, import_shared53.debug)("create dev server");
+  const serverConfig = config.server;
+  const { port, host, https } = await getServerConfig({
+    config,
     getPortSilently
   });
+  const devConfig = getDevConfig({
+    config,
+    port
+  });
   const routes = formatRoutes(
     options.context.entry,
-    rsbuildConfig.output?.distPath?.html,
-    rsbuildConfig.html?.outputStructure
+    config.output.distPath.html,
+    config.html.outputStructure
   );
   options.context.devServer = {
     hostname: host,
@@ -6277,7 +6050,7 @@ async function createDevServer(options, createDevMiddleware2, {
       customCompiler
     );
     const { CompilerDevMiddleware: CompilerDevMiddleware2 } = await Promise.resolve().then(() => (init_compilerDevMiddleware(), compilerDevMiddleware_exports));
-    const publicPaths = (0, import_shared55.isMultiCompiler)(compiler) ? compiler.compilers.map(import_shared55.getPublicPathFromCompiler) : [(0, import_shared55.getPublicPathFromCompiler)(compiler)];
+    const publicPaths = (0, import_shared53.isMultiCompiler)(compiler) ? compiler.compilers.map(import_shared53.getPublicPathFromCompiler) : [(0, import_shared53.getPublicPathFromCompiler)(compiler)];
     const compilerDevMiddleware = new CompilerDevMiddleware2({
       dev: devConfig,
       server: serverConfig,
@@ -6285,7 +6058,7 @@ async function createDevServer(options, createDevMiddleware2, {
       devMiddleware
     });
     compilerDevMiddleware.init();
-    outputFileSystem = ((0, import_shared55.isMultiCompiler)(compiler) ? compiler.compilers[0].outputFileSystem : compiler.outputFileSystem) || import_node_fs4.default;
+    outputFileSystem = ((0, import_shared53.isMultiCompiler)(compiler) ? compiler.compilers[0].outputFileSystem : compiler.outputFileSystem) || import_node_fs4.default;
     return {
       middleware: compilerDevMiddleware.middleware,
       sockWrite: (...args) => compilerDevMiddleware.sockWrite(...args),
@@ -6327,7 +6100,7 @@ async function createDevServer(options, createDevMiddleware2, {
     dev: devConfig,
     server: serverConfig,
     output: {
-      distPath: rsbuildConfig.output?.distPath?.root || import_shared55.ROOT_DIST_DIR
+      distPath: config.output.distPath.root || import_shared53.ROOT_DIST_DIR
     },
     outputFileSystem
   });
@@ -6348,7 +6121,7 @@ async function createDevServer(options, createDevMiddleware2, {
         https: serverConfig.https,
         middlewares
       });
-      (0, import_shared55.debug)("listen dev server");
+      (0, import_shared53.debug)("listen dev server");
       return new Promise((resolve) => {
         httpServer.listen(
           {
@@ -6361,7 +6134,7 @@ async function createDevServer(options, createDevMiddleware2, {
             }
             middlewares.use(notFoundMiddleware);
             httpServer.on("upgrade", devMiddlewares.onUpgrade);
-            (0, import_shared55.debug)("listen dev server done");
+            (0, import_shared53.debug)("listen dev server done");
             await server.afterListen();
             const closeServer = async () => {
               await server.close();
@@ -6392,15 +6165,15 @@ async function createDevServer(options, createDevMiddleware2, {
       await fileWatcher?.close();
     }
   };
-  (0, import_shared55.debug)("create dev server done");
+  (0, import_shared53.debug)("create dev server done");
   return server;
 }
-var import_node_fs4, import_shared55, import_connect;
+var import_node_fs4, import_shared53, import_connect;
 var init_devServer = __esm({
   "src/server/devServer.ts"() {
     "use strict";
     import_node_fs4 = __toESM(require("fs"));
-    import_shared55 = require("@rsbuild/shared");
+    import_shared53 = require("@rsbuild/shared");
     import_connect = __toESM(require("@rsbuild/shared/connect"));
     init_getDevMiddlewares();
     init_helper();
@@ -6417,19 +6190,20 @@ __export(prodServer_exports, {
   RsbuildProdServer: () => RsbuildProdServer,
   startProdServer: () => startProdServer
 });
-async function startProdServer(context, rsbuildConfig, { getPortSilently } = {}) {
-  if (!(0, import_shared56.getNodeEnv)()) {
-    (0, import_shared56.setNodeEnv)("production");
+async function startProdServer(context, config, { getPortSilently } = {}) {
+  if (!(0, import_shared54.getNodeEnv)()) {
+    (0, import_shared54.setNodeEnv)("production");
   }
-  const { serverConfig, port, host, https } = await getServerOptions({
-    rsbuildConfig,
+  const { port, host, https } = await getServerConfig({
+    config,
     getPortSilently
   });
+  const serverConfig = config.server;
   const server = new RsbuildProdServer({
     pwd: context.rootPath,
     output: {
-      path: rsbuildConfig.output?.distPath?.root || import_shared56.ROOT_DIST_DIR,
-      assetPrefix: rsbuildConfig.output?.assetPrefix
+      path: config.output.distPath.root || import_shared54.ROOT_DIST_DIR,
+      assetPrefix: config.output.assetPrefix
     },
     serverConfig
   });
@@ -6448,8 +6222,8 @@ async function startProdServer(context, rsbuildConfig, { getPortSilently } = {})
       async () => {
         const routes = formatRoutes(
           context.entry,
-          rsbuildConfig.output?.distPath?.html,
-          rsbuildConfig.html?.outputStructure
+          config.output.distPath.html,
+          config.html.outputStructure
         );
         await context.hooks.onAfterStartProdServer.call({
           port,
@@ -6481,12 +6255,12 @@ async function startProdServer(context, rsbuildConfig, { getPortSilently } = {})
     );
   });
 }
-var import_node_path29, import_shared56, import_connect2, import_sirv, RsbuildProdServer;
+var import_node_path27, import_shared54, import_connect2, import_sirv, RsbuildProdServer;
 var init_prodServer = __esm({
   "src/server/prodServer.ts"() {
     "use strict";
-    import_node_path29 = require("path");
-    import_shared56 = require("@rsbuild/shared");
+    import_node_path27 = require("path");
+    import_shared54 = require("@rsbuild/shared");
     import_connect2 = __toESM(require("@rsbuild/shared/connect"));
     import_sirv = __toESM(require("../compiled/sirv/index.js"));
     init_helper();
@@ -6506,7 +6280,7 @@ var init_prodServer = __esm({
       }
       async applyDefaultMiddlewares() {
         const { headers, proxy, historyApiFallback, compress } = this.options.serverConfig;
-        if ((0, import_shared56.isDebug)()) {
+        if ((0, import_shared54.isDebug)()) {
           this.middlewares.use(await getRequestLoggerMiddleware());
         }
         if (compress) {
@@ -6547,11 +6321,11 @@ var init_prodServer = __esm({
       }
       applyStaticAssetMiddleware() {
         const {
-          output: { path: path15, assetPrefix },
+          output: { path: path13, assetPrefix },
           serverConfig: { htmlFallback },
           pwd
         } = this.options;
-        const assetMiddleware = (0, import_sirv.default)((0, import_node_path29.join)(pwd, path15), {
+        const assetMiddleware = (0, import_sirv.default)((0, import_node_path27.join)(pwd, path13), {
           etag: true,
           dev: true,
           ignores: ["favicon.ico"],
@@ -6581,17 +6355,17 @@ var build_exports = {};
 __export(build_exports, {
   build: () => build
 });
-var import_shared57, import_core9, build;
+var import_shared55, import_core9, build;
 var init_build = __esm({
   "src/provider/build.ts"() {
     "use strict";
-    import_shared57 = require("@rsbuild/shared");
+    import_shared55 = require("@rsbuild/shared");
     import_core9 = require("@rspack/core");
     init_createCompiler();
     init_initConfigs();
     build = async (initOptions, { mode = "production", watch, compiler: customCompiler } = {}) => {
-      if (!(0, import_shared57.getNodeEnv)()) {
-        (0, import_shared57.setNodeEnv)(mode);
+      if (!(0, import_shared55.getNodeEnv)()) {
+        (0, import_shared55.setNodeEnv)(mode);
       }
       const { context } = initOptions;
       let compiler;
@@ -6615,7 +6389,7 @@ var init_build = __esm({
         isFirstCompile = false;
         await p;
       };
-      (0, import_shared57.onCompileDone)(
+      (0, import_shared55.onCompileDone)(
         compiler,
         onDone,
         // @ts-expect-error type mismatch
@@ -6624,7 +6398,7 @@ var init_build = __esm({
       if (watch) {
         compiler.watch({}, (err) => {
           if (err) {
-            import_shared57.logger.error(err);
+            import_shared55.logger.error(err);
           }
         });
         return;
@@ -6650,11 +6424,11 @@ var provider_exports = {};
 __export(provider_exports, {
   rspackProvider: () => rspackProvider
 });
-var import_shared58, rspackProvider;
+var import_shared56, rspackProvider;
 var init_provider = __esm({
   "src/provider/provider.ts"() {
     "use strict";
-    import_shared58 = require("@rsbuild/shared");
+    import_shared56 = require("@rsbuild/shared");
     init_createContext();
     init_initPlugins();
     init_plugins();
@@ -6663,7 +6437,7 @@ var init_provider = __esm({
       pluginManager,
       rsbuildOptions
     }) => {
-      const rsbuildConfig = (0, import_shared58.pickRsbuildConfig)(rsbuildOptions.rsbuildConfig);
+      const rsbuildConfig = (0, import_shared56.pickRsbuildConfig)(rsbuildOptions.rsbuildConfig);
       const context = await createContext(rsbuildOptions, rsbuildConfig, "rspack");
       const pluginAPI = getPluginAPI({ context, pluginManager });
       context.pluginAPI = pluginAPI;
@@ -6705,8 +6479,6 @@ var init_provider = __esm({
             plugins.nodeAddons(),
             plugins.define(),
             plugins.css(),
-            plugins.less(),
-            plugins.sass(),
             Promise.resolve().then(() => (init_minimize(), minimize_exports)).then((m) => m.pluginMinimize()),
             Promise.resolve().then(() => (init_progress(), progress_exports)).then((m) => m.pluginProgress()),
             Promise.resolve().then(() => (init_swc(), swc_exports)).then((m) => m.pluginSwc()),
@@ -6728,28 +6500,30 @@ var init_provider = __esm({
         async createDevServer(options) {
           const { createDevServer: createDevServer2 } = await Promise.resolve().then(() => (init_devServer(), devServer_exports));
           const { createDevMiddleware: createDevMiddleware2 } = await Promise.resolve().then(() => (init_createCompiler(), createCompiler_exports));
-          await initRsbuildConfig({ context, pluginManager });
+          const config = await initRsbuildConfig({ context, pluginManager });
           return createDevServer2(
             { context, pluginManager, rsbuildOptions },
             createDevMiddleware2,
+            config,
             options
           );
         },
         async startDevServer(options) {
           const { createDevServer: createDevServer2 } = await Promise.resolve().then(() => (init_devServer(), devServer_exports));
           const { createDevMiddleware: createDevMiddleware2 } = await Promise.resolve().then(() => (init_createCompiler(), createCompiler_exports));
-          await initRsbuildConfig({ context, pluginManager });
+          const config = await initRsbuildConfig({ context, pluginManager });
           const server = await createDevServer2(
             { context, pluginManager, rsbuildOptions },
             createDevMiddleware2,
+            config,
             options
           );
           return server.listen();
         },
         async preview(options) {
           const { startProdServer: startProdServer2 } = await Promise.resolve().then(() => (init_prodServer(), prodServer_exports));
-          await initRsbuildConfig({ context, pluginManager });
-          return startProdServer2(context, context.config, options);
+          const config = await initRsbuildConfig({ context, pluginManager });
+          return startProdServer2(context, config, options);
         },
         async build(options) {
           const { build: build2 } = await Promise.resolve().then(() => (init_build(), build_exports));
@@ -6806,17 +6580,17 @@ async function createRsbuild(options = {}) {
     pluginManager,
     rsbuildOptions
   });
-  (0, import_shared59.debug)("add default plugins");
+  (0, import_shared57.debug)("add default plugins");
   await applyDefaultPlugins(pluginManager);
-  (0, import_shared59.debug)("add default plugins done");
+  (0, import_shared57.debug)("add default plugins done");
   const rsbuild = {
-    ...(0, import_shared59.pick)(pluginManager, [
+    ...(0, import_shared57.pick)(pluginManager, [
       "addPlugins",
       "getPlugins",
       "removePlugins",
       "isPluginExists"
     ]),
-    ...(0, import_shared59.pick)(pluginAPI, [
+    ...(0, import_shared57.pick)(pluginAPI, [
       "onBeforeBuild",
       "onBeforeCreateCompiler",
       "onBeforeStartDevServer",
@@ -6847,11 +6621,11 @@ async function createRsbuild(options = {}) {
   }
   return rsbuild;
 }
-var import_shared59, getRspackProvider;
+var import_shared57, getRspackProvider;
 var init_createRsbuild = __esm({
   "src/createRsbuild.ts"() {
     "use strict";
-    import_shared59 = require("@rsbuild/shared");
+    import_shared57 = require("@rsbuild/shared");
     init_pluginManager();
     getRspackProvider = async () => {
       const { rspackProvider: rspackProvider2 } = await Promise.resolve().then(() => (init_provider(), provider_exports));
@@ -6874,7 +6648,7 @@ async function init({
       cwd: root,
       mode: cliOptions?.envMode
     });
-    if ((0, import_shared60.isDev)()) {
+    if ((0, import_shared58.isDev)()) {
       onBeforeRestartServer(envs.cleanup);
     }
     const { content: config, filePath: configFilePath } = await loadConfig({
@@ -6914,17 +6688,17 @@ async function init({
     });
   } catch (err) {
     if (isRestart) {
-      import_shared60.logger.error(err);
+      import_shared58.logger.error(err);
     } else {
       throw err;
     }
   }
 }
-var import_shared60, commonOpts;
+var import_shared58, commonOpts;
 var init_init = __esm({
   "src/cli/init.ts"() {
     "use strict";
-    import_shared60 = require("@rsbuild/shared");
+    import_shared58 = require("@rsbuild/shared");
     init_config();
     init_loadEnv();
     init_restart();
@@ -6945,7 +6719,7 @@ __export(src_exports, {
   defineConfig: () => defineConfig,
   loadConfig: () => loadConfig,
   loadEnv: () => loadEnv,
-  logger: () => import_shared63.logger,
+  logger: () => import_shared61.logger,
   mergeRsbuildConfig: () => mergeRsbuildConfig,
   rspack: () => import_core10.rspack,
   version: () => version
@@ -6982,8 +6756,8 @@ __export(internal_exports, {
 
 // src/cli/commands.ts
 var import_node_fs5 = require("fs");
-var import_node_path30 = require("path");
-var import_shared61 = require("@rsbuild/shared");
+var import_node_path28 = require("path");
+var import_shared59 = require("@rsbuild/shared");
 var import_commander = require("../compiled/commander/index.js");
 init_init();
 var applyCommonOptions = (command) => {
@@ -6999,7 +6773,7 @@ var applyServerOptions = (command) => {
   command.option("-o --open [url]", "open the page in browser on startup").option("--port <port>", "specify a port number for server to listen").option("--host <host>", "specify the host that the server listens to");
 };
 function runCli() {
-  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.7.0-beta.6");
+  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.7.0-beta.7");
   const devCommand = import_commander.program.command("dev");
   const buildCommand = import_commander.program.command("build");
   const previewCommand = import_commander.program.command("preview");
@@ -7013,8 +6787,8 @@ function runCli() {
       const rsbuild = await init({ cliOptions: options });
       await rsbuild?.startDevServer();
     } catch (err) {
-      import_shared61.logger.error("Failed to start dev server.");
-      import_shared61.logger.error(err);
+      import_shared59.logger.error("Failed to start dev server.");
+      import_shared59.logger.error(err);
       process.exit(1);
     }
   });
@@ -7025,8 +6799,8 @@ function runCli() {
         watch: options.watch
       });
     } catch (err) {
-      import_shared61.logger.error("Failed to build.");
-      import_shared61.logger.error(err);
+      import_shared59.logger.error("Failed to build.");
+      import_shared59.logger.error(err);
       process.exit(1);
     }
   });
@@ -7035,15 +6809,15 @@ function runCli() {
       const rsbuild = await init({ cliOptions: options });
       if (rsbuild && !(0, import_node_fs5.existsSync)(rsbuild.context.distPath)) {
         throw new Error(
-          `The output directory ${import_shared61.color.yellow(
+          `The output directory ${import_shared59.color.yellow(
             rsbuild.context.distPath
           )} does not exist, please build the project before previewing.`
         );
       }
       await rsbuild?.preview();
     } catch (err) {
-      import_shared61.logger.error("Failed to start preview server.");
-      import_shared61.logger.error(err);
+      import_shared59.logger.error("Failed to start preview server.");
+      import_shared59.logger.error(err);
       process.exit(1);
     }
   });
@@ -7053,12 +6827,12 @@ function runCli() {
       await rsbuild?.inspectConfig({
         env: options.env,
         verbose: options.verbose,
-        outputPath: (0, import_node_path30.join)(rsbuild.context.distPath, options.output),
+        outputPath: (0, import_node_path28.join)(rsbuild.context.distPath, options.output),
         writeToDisk: true
       });
     } catch (err) {
-      import_shared61.logger.error("Failed to inspect config.");
-      import_shared61.logger.error(err);
+      import_shared59.logger.error("Failed to inspect config.");
+      import_shared59.logger.error(err);
       process.exit(1);
     }
   });
@@ -7066,7 +6840,7 @@ function runCli() {
 }
 
 // src/cli/prepare.ts
-var import_shared62 = require("@rsbuild/shared");
+var import_shared60 = require("@rsbuild/shared");
 function initNodeEnv() {
   if (!process.env.NODE_ENV) {
     const command = process.argv[2];
@@ -7079,7 +6853,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  import_shared62.logger.greet(`  ${`Rsbuild v${"0.7.0-beta.6"}`}
+  import_shared60.logger.greet(`  ${`Rsbuild v${"0.7.0-beta.7"}`}
 `);
 }
 
@@ -7108,10 +6882,10 @@ init_plugins();
 init_loadEnv();
 init_createRsbuild();
 init_config();
-var import_shared63 = require("@rsbuild/shared");
+var import_shared61 = require("@rsbuild/shared");
 init_mergeConfig();
 init_constants();
-var version = "0.7.0-beta.6";
+var version = "0.7.0-beta.7";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_CSS_NAME,