@rsbuild/core 0.0.20 → 0.0.21

package/dist/cli/commands.js

@@ -22,11 +22,11 @@ __export(commands_exports, {
 });
 module.exports = __toCommonJS(commands_exports);
 var import_path = require("path");
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
+var import_shared = require("@rsbuild/shared");
 var import_commander = require("commander");
 function setupProgram(rsbuild) {
   const pkgJson = (0, import_path.join)(__dirname, "../../package.json");
-  const { version } = import_fs_extra.fs.readJSONSync(pkgJson);
+  const { version } = import_shared.fse.readJSONSync(pkgJson);
   import_commander.program.name("rsbuild").usage("<command> [options]").version(version);
   import_commander.program.command("dev").option(`--open`, "open the page in browser on startup").description("starting the dev server").action(async (options) => {
     await rsbuild.startDevServer({

package/dist/cli/config.js

@@ -33,10 +33,11 @@ __export(config_exports, {
   loadConfig: () => loadConfig
 });
 module.exports = __toCommonJS(config_exports);
+var import_fs = __toESM(require("fs"));
 var import_jiti = __toESM(require("jiti"));
 var import_path = require("path");
 var import_shared = require("@rsbuild/shared");
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
+var import_restart = require("../server/restart");
 const defineConfig = (config) => config;
 const resolveConfigPath = () => {
   const CONFIG_FILES = [
@@ -50,19 +51,35 @@ const resolveConfigPath = () => {
   const root = process.cwd();
   for (const file of CONFIG_FILES) {
     const configFile = (0, import_path.join)(root, file);
-    if (import_fs_extra.fs.existsSync(configFile)) {
+    if (import_fs.default.existsSync(configFile)) {
       return configFile;
     }
   }
   return null;
 };
+async function watchConfig(configFile) {
+  const chokidar = await Promise.resolve().then(() => __toESM(require("@rsbuild/shared/chokidar")));
+  const watcher = chokidar.watch(configFile, {});
+  const callback = async () => {
+    watcher.close();
+    await (0, import_restart.restartDevServer)({ filePath: configFile });
+  };
+  watcher.on("change", callback);
+  watcher.on("unlink", callback);
+}
 async function loadConfig() {
   const configFile = resolveConfigPath();
   if (configFile) {
     const loadConfig2 = (0, import_jiti.default)(__filename, {
       esmResolve: true,
+      // disable require cache to support restart CLI and read the new config
+      requireCache: false,
       interopDefault: true
     });
+    const command = process.argv[2];
+    if (command === "dev") {
+      watchConfig(configFile);
+    }
     return loadConfig2(configFile);
   }
   return {};

package/dist/cli/index.d.ts

@@ -1,6 +1,2 @@
-import { RsbuildPlugin } from '..';
 export { defineConfig } from './config';
-type RunCliOptions = {
-  defaultPlugins?: RsbuildPlugin[];
-};
-export declare function runCli(options?: RunCliOptions): Promise<void>;
+export { runCli } from './run';

package/dist/cli/index.js

@@ -18,30 +18,12 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var cli_exports = {};
 __export(cli_exports, {
-  defineConfig: () => import_config2.defineConfig,
-  runCli: () => runCli
+  defineConfig: () => import_config.defineConfig,
+  runCli: () => import_run.runCli
 });
 module.exports = __toCommonJS(cli_exports);
-var import__ = require("..");
-var import_commands = require("./commands");
 var import_config = require("./config");
-var import_config2 = require("./config");
-async function runCli(options = {}) {
-  var _a;
-  const config = await (0, import_config.loadConfig)();
-  const rsbuild = await (0, import__.createRsbuild)({
-    rsbuildConfig: config,
-    entry: ((_a = config.source) == null ? void 0 : _a.entries) || (0, import_config.getDefaultEntries)(),
-    provider: config.provider
-  });
-  if (options.defaultPlugins) {
-    rsbuild.addPlugins(options.defaultPlugins);
-  }
-  if (config.plugins) {
-    rsbuild.addPlugins(config.plugins);
-  }
-  (0, import_commands.setupProgram)(rsbuild);
-}
+var import_run = require("./run");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   defineConfig,

package/dist/cli/run.d.ts

@@ -0,0 +1,7 @@
+import { RsbuildPlugin } from '..';
+type RunCliOptions = {
+  isRestart?: boolean;
+  defaultPlugins?: RsbuildPlugin[];
+};
+export declare function runCli(options?: RunCliOptions): Promise<import("..").RsbuildInstance<any>>;
+export {};

package/dist/cli/run.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var run_exports = {};
+__export(run_exports, {
+  runCli: () => runCli
+});
+module.exports = __toCommonJS(run_exports);
+var import__ = require("..");
+var import_commands = require("./commands");
+var import_config = require("./config");
+async function runCli(options = {}) {
+  var _a;
+  const config = await (0, import_config.loadConfig)();
+  const rsbuild = await (0, import__.createRsbuild)({
+    rsbuildConfig: config,
+    entry: ((_a = config.source) == null ? void 0 : _a.entries) || (0, import_config.getDefaultEntries)(),
+    provider: config.provider
+  });
+  if (options.defaultPlugins) {
+    rsbuild.addPlugins(options.defaultPlugins);
+  }
+  if (config.plugins) {
+    rsbuild.addPlugins(config.plugins);
+  }
+  if (!options.isRestart) {
+    (0, import_commands.setupProgram)(rsbuild);
+  }
+  return rsbuild;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  runCli
+});

package/dist/plugins/cache.js

@@ -33,18 +33,18 @@ __export(cache_exports, {
 module.exports = __toCommonJS(cache_exports);
 var import_crypto = __toESM(require("crypto"));
 var import_path = require("path");
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
 var import_shared = require("@rsbuild/shared");
+var import_shared2 = require("@rsbuild/shared");
 async function validateCache(cacheDirectory, buildDependencies) {
   const configFile = (0, import_path.join)(cacheDirectory, "buildDependencies.json");
-  if (await (0, import_shared.isFileExists)(configFile)) {
-    const prevBuildDependencies = await import_fs_extra.fs.readJSON(configFile);
+  if (await (0, import_shared2.isFileExists)(configFile)) {
+    const prevBuildDependencies = await import_shared.fse.readJSON(configFile);
     if (JSON.stringify(prevBuildDependencies) === JSON.stringify(buildDependencies)) {
       return;
     }
-    await import_fs_extra.fs.remove(cacheDirectory);
+    await import_shared.fse.remove(cacheDirectory);
   }
-  await import_fs_extra.fs.outputJSON(configFile, buildDependencies);
+  await import_shared.fse.outputJSON(configFile, buildDependencies);
 }
 function getDigestHash(digest) {
   const fsHash = import_crypto.default.createHash("md5");
@@ -61,7 +61,7 @@ async function getBuildDependencies(context) {
   const rootPackageJson = (0, import_path.join)(context.rootPath, "package.json");
   const browserslistConfig = (0, import_path.join)(context.rootPath, ".browserslistrc");
   const buildDependencies = {};
-  if (await (0, import_shared.isFileExists)(rootPackageJson)) {
+  if (await (0, import_shared2.isFileExists)(rootPackageJson)) {
     buildDependencies.packageJson = [rootPackageJson];
   }
   if (context.configPath) {
@@ -70,14 +70,14 @@ async function getBuildDependencies(context) {
   if (context.tsconfigPath) {
     buildDependencies.tsconfig = [context.tsconfigPath];
   }
-  if (await (0, import_shared.isFileExists)(browserslistConfig)) {
+  if (await (0, import_shared2.isFileExists)(browserslistConfig)) {
     buildDependencies.browserslistrc = [browserslistConfig];
   }
   const tailwindExts = ["ts", "js", "cjs", "mjs"];
   const configs = tailwindExts.map(
     (ext) => (0, import_path.join)(context.rootPath, `tailwind.config.${ext}`)
   );
-  const tailwindConfig = (0, import_shared.findExists)(configs);
+  const tailwindConfig = (0, import_shared2.findExists)(configs);
   if (tailwindConfig) {
     buildDependencies.tailwindcss = [tailwindConfig];
   }

package/dist/plugins/cleanOutput.js

@@ -21,10 +21,10 @@ __export(cleanOutput_exports, {
   pluginCleanOutput: () => pluginCleanOutput
 });
 module.exports = __toCommonJS(cleanOutput_exports);
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
+var import_shared = require("@rsbuild/shared");
 const emptyDir = async (dir) => {
-  if (await import_fs_extra.fs.pathExists(dir)) {
-    await import_fs_extra.fs.emptyDir(dir);
+  if (await import_shared.fse.pathExists(dir)) {
+    await import_shared.fse.emptyDir(dir);
   }
 };
 const pluginCleanOutput = () => ({

package/dist/plugins/fileSize.js

@@ -33,19 +33,18 @@ __export(fileSize_exports, {
 });
 module.exports = __toCommonJS(fileSize_exports);
 var import_path = __toESM(require("path"));
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
 var import_shared = require("@rsbuild/shared");
-var import_filesize = __toESM(require("filesize"));
+var import_shared2 = require("@rsbuild/shared");
 var import_gzip_size = __toESM(require("gzip-size"));
 const filterAsset = (asset) => !/\.map$/.test(asset) && !/\.LICENSE\.txt$/.test(asset);
 const getAssetColor = (size) => {
   if (size > 300 * 1e3) {
-    return import_shared.color.red;
+    return import_shared2.color.red;
   }
   if (size > 100 * 1e3) {
-    return import_shared.color.yellow;
+    return import_shared2.color.yellow;
   }
-  return import_shared.color.green;
+  return import_shared2.color.green;
 };
 async function printHeader(longestFileLength, longestLabelLength) {
   const longestLengths = [longestFileLength, longestLabelLength];
@@ -57,11 +56,15 @@ async function printHeader(longestFileLength, longestLabelLength) {
     }
     return `${prev + curLabel}    `;
   }, "  ");
-  import_shared.logger.log(import_shared.color.bold(import_shared.color.blue(headerRow)));
+  import_shared2.logger.log(import_shared2.color.bold(import_shared2.color.blue(headerRow)));
 }
+const calcFileSize = (len) => {
+  const val = len / 1e3;
+  return `${val.toFixed(val < 1 ? 2 : 1)} kB`;
+};
 async function printFileSizes(stats, distPath) {
   const formatAsset = (asset) => {
-    const contents = import_fs_extra.fs.readFileSync(import_path.default.join(distPath, asset.name));
+    const contents = import_shared.fse.readFileSync(import_path.default.join(distPath, asset.name));
     const size = contents.length;
     const gzippedSize = import_gzip_size.default.sync(contents);
     return {
@@ -69,10 +72,8 @@ async function printFileSizes(stats, distPath) {
       folder: import_path.default.join(import_path.default.basename(distPath), import_path.default.dirname(asset.name)),
       name: import_path.default.basename(asset.name),
       gzippedSize,
-      sizeLabel: (0, import_filesize.default)(size, { round: 1 }),
-      gzipSizeLabel: getAssetColor(gzippedSize)(
-        (0, import_filesize.default)(gzippedSize, { round: 1 })
-      )
+      sizeLabel: calcFileSize(size),
+      gzipSizeLabel: getAssetColor(gzippedSize)(calcFileSize(gzippedSize))
     };
   };
   const multiStats = "stats" in stats ? stats.stats : [stats];
@@ -100,7 +101,7 @@ async function printFileSizes(stats, distPath) {
   const longestFileLength = Math.max(
     ...assets.map((a) => (a.folder + import_path.default.sep + a.name).length)
   );
-  import_shared.logger.info(`Production file sizes:
+  import_shared2.logger.info(`Production file sizes:
 `);
   printHeader(longestFileLength, longestLabelLength);
   let totalSize = 0;
@@ -116,21 +117,20 @@ async function printFileSizes(stats, distPath) {
       const rightPadding = " ".repeat(longestLabelLength - sizeLength);
       sizeLabel += rightPadding;
     }
-    let fileNameLabel = import_shared.color.dim(asset.folder + import_path.default.sep) + import_shared.color.cyan(asset.name);
+    let fileNameLabel = import_shared2.color.dim(asset.folder + import_path.default.sep) + import_shared2.color.cyan(asset.name);
     if (fileNameLength < longestFileLength) {
       const rightPadding = " ".repeat(longestFileLength - fileNameLength);
       fileNameLabel += rightPadding;
     }
-    import_shared.logger.log(`  ${fileNameLabel}    ${sizeLabel}    ${gzipSizeLabel}`);
+    import_shared2.logger.log(`  ${fileNameLabel}    ${sizeLabel}    ${gzipSizeLabel}`);
   });
-  const totalSizeLabel = `${import_shared.color.bold(import_shared.color.blue("Total size:"))}  ${(0, import_filesize.default)(
-    totalSize,
-    { round: 1 }
-  )}`;
-  const gzippedSizeLabel = `${import_shared.color.bold(
-    import_shared.color.blue("Gzipped size:")
-  )}  ${(0, import_filesize.default)(totalGzipSize, { round: 1 })}`;
-  import_shared.logger.log(`
+  const totalSizeLabel = `${import_shared2.color.bold(
+    import_shared2.color.blue("Total size:")
+  )}  ${calcFileSize(totalSize)}`;
+  const gzippedSizeLabel = `${import_shared2.color.bold(
+    import_shared2.color.blue("Gzipped size:")
+  )}  ${calcFileSize(totalGzipSize)}`;
+  import_shared2.logger.log(`
   ${totalSizeLabel}
   ${gzippedSizeLabel}
 `);
@@ -144,8 +144,8 @@ const pluginFileSize = () => ({
         try {
           await printFileSizes(stats, api.context.distPath);
         } catch (err) {
-          import_shared.logger.error("Failed to print file size.");
-          import_shared.logger.error(err);
+          import_shared2.logger.error("Failed to print file size.");
+          import_shared2.logger.error(err);
         }
       }
     });

package/dist/plugins/html.js

@@ -40,8 +40,6 @@ __export(html_exports, {
 module.exports = __toCommonJS(html_exports);
 var import_path = __toESM(require("path"));
 var import_shared = require("@rsbuild/shared");
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
-var import_lodash = __toESM(require("lodash"));
 var import_HtmlBasicPlugin = require("../rspack-plugins/HtmlBasicPlugin");
 function getTitle(entryName, config) {
   return (0, import_shared.mergeChainedOptions)({
@@ -133,11 +131,13 @@ const applyInjectTags = (api) => {
   api.modifyBundlerChain(async (chain, { HtmlPlugin, CHAIN_ID }) => {
     const config = api.getNormalizedConfig();
     const tags = (0, import_shared.castArray)(config.html.tags).filter(Boolean);
-    const tagsByEntries = import_lodash.default.mapValues(
-      config.html.tagsByEntries,
-      (tags2) => (0, import_shared.castArray)(tags2).filter(Boolean)
+    const tagsByEntries = config.html.tagsByEntries || {};
+    Object.keys(tagsByEntries).forEach(
+      (key) => tagsByEntries[key] = (0, import_shared.castArray)(tagsByEntries[key]).filter(Boolean)
+    );
+    const shouldByEntries = Object.values(tagsByEntries).some(
+      (entry) => Array.isArray(entry) && entry.length > 0
     );
-    const shouldByEntries = import_lodash.default.some(tagsByEntries, "length");
     if (!tags.length && !shouldByEntries) {
       return;
     }
@@ -163,7 +163,6 @@ const applyInjectTags = (api) => {
 const pluginHtml = () => ({
   name: "plugin-html",
   setup(api) {
-    const routesInfo = [];
     api.modifyBundlerChain(
       async (chain, { HtmlPlugin, isProd, CHAIN_ID, target }) => {
         const config = api.getNormalizedConfig();
@@ -225,12 +224,6 @@ const pluginHtml = () => ({
                 entryValue
               }
             });
-            routesInfo.push({
-              urlPath: index === 0 ? "/" : `/${entryName}`,
-              entryName,
-              entryPath: filename,
-              isSPA: true
-            });
             chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).use(HtmlPlugin, [finalOptions]);
           })
         );
@@ -261,17 +254,6 @@ const pluginHtml = () => ({
         }
       }
     );
-    const emitRouteJson = async () => {
-      const routeFilePath = import_path.default.join(api.context.distPath, import_shared.ROUTE_SPEC_FILE);
-      if (!await (0, import_shared.isFileExists)(routeFilePath) && routesInfo.length) {
-        await import_fs_extra.fs.outputFile(
-          routeFilePath,
-          JSON.stringify({ routes: routesInfo }, null, 2)
-        );
-      }
-    };
-    api.onBeforeBuild(emitRouteJson);
-    api.onBeforeStartDevServer(emitRouteJson);
     applyInjectTags(api);
   }
 });

package/dist/plugins/rem.js

@@ -31,8 +31,8 @@ __export(rem_exports, {
   pluginRem: () => pluginRem
 });
 module.exports = __toCommonJS(rem_exports);
-var import_lodash = __toESM(require("lodash"));
 var import_shared = require("@rsbuild/shared");
+var import_shared2 = require("@rsbuild/shared");
 const defaultOptions = {
   enableRuntime: true,
   rootFontSize: 50
@@ -65,7 +65,7 @@ const pluginRem = () => ({
           rootValue: userOptions.rootFontSize,
           unitPrecision: 5,
           propList: ["*"],
-          ...import_lodash.default.cloneDeep(userOptions.pxtorem || {})
+          ...userOptions.pxtorem ? (0, import_shared2.cloneDeep)(userOptions.pxtorem) : {}
         });
         applyRules.forEach((name) => {
           chain.module.rules.has(name) && chain.module.rule(name).use(CHAIN_ID.USE.POSTCSS).tap((options = {}) => {

package/dist/plugins/startUrl.js

@@ -96,7 +96,7 @@ function pluginStartUrl() {
     name: "plugin-start-url",
     setup(api) {
       api.onAfterStartDevServer(async (params) => {
-        const { port } = params;
+        const { port, routes } = params;
         const config = api.getNormalizedConfig();
         const { startUrl, beforeStartUrl } = config.dev;
         const { open, https } = api.context.devServer || {};
@@ -106,8 +106,6 @@ function pluginStartUrl() {
         }
         const urls = [];
         if (startUrl === true || !startUrl) {
-          const { entry } = api.context;
-          const routes = (0, import_shared.formatRoutes)(entry);
           const protocol = https ? "https" : "http";
           urls.push(
             (0, import_shared.normalizeUrl)(`${protocol}://localhost:${port}/${routes[0].route}`)

package/dist/rspack-provider/core/initHooks.d.ts

@@ -1,5 +1,6 @@
 import { OnExitFn, OnAfterBuildFn, OnBeforeBuildFn, OnDevCompileDoneFn, ModifyRsbuildConfigFn, OnAfterStartDevServerFn, OnBeforeStartDevServerFn, OnAfterCreateCompilerFn, OnBeforeCreateCompilerFn, ModifyBundlerChainFn, type RspackConfig, type ModifyRspackConfigFn } from '@rsbuild/shared';
 import type { RsbuildConfig } from '../types';
+import type { Compiler, MultiCompiler } from '@rspack/core';
 export declare function initHooks(): {
   /** parameters are not bundler-related */
   onExitHook: import("@rsbuild/shared").AsyncHook<OnExitFn>;
@@ -11,7 +12,7 @@ export declare function initHooks(): {
   onBeforeBuildHook: import("@rsbuild/shared").AsyncHook<OnBeforeBuildFn<RspackConfig>>;
   modifyRspackConfigHook: import("@rsbuild/shared").AsyncHook<ModifyRspackConfigFn>;
   modifyRsbuildConfigHook: import("@rsbuild/shared").AsyncHook<ModifyRsbuildConfigFn<RsbuildConfig>>;
-  onAfterCreateCompilerHook: import("@rsbuild/shared").AsyncHook<OnAfterCreateCompilerFn<import("@rspack/core/dist/Compiler").Compiler | import("@rspack/core").MultiCompiler>>;
+  onAfterCreateCompilerHook: import("@rsbuild/shared").AsyncHook<OnAfterCreateCompilerFn<Compiler | MultiCompiler>>;
   onBeforeCreateCompilerHook: import("@rsbuild/shared").AsyncHook<OnBeforeCreateCompilerFn<RspackConfig>>;
   modifyBundlerChainHook: import("@rsbuild/shared").AsyncHook<ModifyBundlerChainFn>;
 };

package/dist/rspack-provider/plugins/rspack-profile.js

@@ -35,18 +35,18 @@ module.exports = __toCommonJS(rspack_profile_exports);
 var import_path = __toESM(require("path"));
 var import_core = require("@rspack/core");
 var import_inspector = __toESM(require("inspector"));
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
 var import_shared = require("@rsbuild/shared");
+var import_shared2 = require("@rsbuild/shared");
 const stopProfiler = (output, profileSession) => {
   if (!profileSession) {
     return;
   }
   profileSession.post("Profiler.stop", (error, param) => {
     if (error) {
-      import_shared.logger.error("Failed to generate JS CPU profile:", error);
+      import_shared2.logger.error("Failed to generate JS CPU profile:", error);
       return;
     }
-    import_fs_extra.fs.writeFileSync(output, JSON.stringify(param.profile));
+    import_shared.fse.writeFileSync(output, JSON.stringify(param.profile));
   });
 };
 const pluginRspackProfile = () => ({
@@ -70,7 +70,7 @@ const pluginRspackProfile = () => ({
     const cpuProfilePath = import_path.default.join(profileDir, "jscpuprofile.json");
     const loggingFilePath = import_path.default.join(profileDir, "logging.json");
     const onStart = () => {
-      import_fs_extra.fs.ensureDirSync(profileDir);
+      import_shared.fse.ensureDirSync(profileDir);
       if (enableProfileTrace) {
         (0, import_core.experimental_registerGlobalTrace)("trace", "chrome", traceFilePath);
       }
@@ -90,13 +90,13 @@ const pluginRspackProfile = () => ({
           logging: "verbose",
           loggingTrace: true
         });
-        import_fs_extra.fs.writeFileSync(loggingFilePath, JSON.stringify(logging));
+        import_shared.fse.writeFileSync(loggingFilePath, JSON.stringify(logging));
       }
     });
     api.onExit(() => {
       enableProfileTrace && (0, import_core.experimental_cleanupGlobalTrace)();
       stopProfiler(cpuProfilePath, profileSession);
-      import_shared.logger.info(`Saved Rspack profile file to ${profileDir}`);
+      import_shared2.logger.info(`Saved Rspack profile file to ${profileDir}`);
     });
   }
 });

package/dist/rspack-provider/plugins/swc.js

@@ -33,7 +33,6 @@ __export(swc_exports, {
 });
 module.exports = __toCommonJS(swc_exports);
 var import_shared = require("@rsbuild/shared");
-var import_lodash = require("lodash");
 var path = __toESM(require("path"));
 const builtinSwcLoaderName = "builtin:swc-loader";
 async function getDefaultSwcConfig(config, rootPath, target) {
@@ -99,7 +98,7 @@ const pluginSwc = () => ({
         rule.use(CHAIN_ID.USE.SWC).loader(builtinSwcLoaderName).options(swcConfig);
         chain.module.rule(CHAIN_ID.RULE.JS_DATA_URI).mimetype({
           or: ["text/javascript", "application/javascript"]
-        }).use(CHAIN_ID.USE.SWC).loader(builtinSwcLoaderName).options((0, import_lodash.cloneDeep)(swcConfig));
+        }).use(CHAIN_ID.USE.SWC).loader(builtinSwcLoaderName).options((0, import_shared.cloneDeep)(swcConfig));
       }
     );
     api.modifyRspackConfig(async (config) => {

package/dist/rspack-provider/provider.js

@@ -80,8 +80,8 @@ function rspackProvider({
           options
         );
       },
-      async preview() {
-        return (0, import_server.startProdServer)(context, context.config);
+      async preview(options) {
+        return (0, import_server.startProdServer)(context, context.config, options);
       },
       async build(options) {
         const { build: buildImpl, rspackBuild } = await Promise.resolve().then(() => __toESM(require("./core/build")));

package/dist/rspack-provider/rspackLoader/css-modules-typescript-pre-loader/postcss-icss-extract-plugin.d.ts

@@ -1,4 +1,4 @@
-import type { CssModuleLocalsConvention } from '@rsbuild/shared';
+import { type CssModuleLocalsConvention } from '@rsbuild/shared';
 import type { AcceptedPlugin as PostCSSPlugin } from 'postcss';
 export type PostcssParsePluginOptions = {
   exportLocalsConvention: CssModuleLocalsConvention;

package/dist/rspack-provider/rspackLoader/css-modules-typescript-pre-loader/postcss-icss-extract-plugin.js

@@ -22,16 +22,16 @@ __export(postcss_icss_extract_plugin_exports, {
 });
 module.exports = __toCommonJS(postcss_icss_extract_plugin_exports);
 var import_icss_utils = require("@rsbuild/shared/icss-utils");
-var import_lodash = require("lodash");
+var import_shared = require("@rsbuild/shared");
 const dashesCamelCase = (str) => str.replace(/-+(\w)/g, (_match, firstLetter) => firstLetter.toUpperCase());
 const getExportLocalsConvention = (name, exportLocalsConventionType) => {
   switch (exportLocalsConventionType) {
     case "camelCase": {
-      const camelName = (0, import_lodash.camelCase)(name);
-      return camelName === name ? [name] : [name, (0, import_lodash.camelCase)(name)];
+      const camelName = (0, import_shared.camelCase)(name);
+      return camelName === name ? [name] : [name, (0, import_shared.camelCase)(name)];
     }
     case "camelCaseOnly": {
-      return [(0, import_lodash.camelCase)(name)];
+      return [(0, import_shared.camelCase)(name)];
     }
     case "dashes": {
       const dashesCamelName = dashesCamelCase(name);

package/dist/rspack-provider/shared/fs.js

@@ -23,10 +23,10 @@ __export(fs_exports, {
 module.exports = __toCommonJS(fs_exports);
 var import_path = require("path");
 var import_shared = require("@rsbuild/shared");
-var import_fs_extra = require("@rsbuild/shared/fs-extra");
+var import_shared2 = require("@rsbuild/shared");
 const getCompiledPath = (packageName) => {
   const providerCompilerPath = (0, import_path.join)(__dirname, "../../compiled", packageName);
-  if (import_fs_extra.fs.existsSync(providerCompilerPath)) {
+  if (import_shared2.fse.existsSync(providerCompilerPath)) {
     return providerCompilerPath;
   } else {
     return (0, import_shared.getSharedPkgCompiledPath)(packageName);

package/dist/server/dev-middleware/hmr-client/index.js

@@ -1,27 +1,4 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_strip_ansi = __toESM(require("strip-ansi"));
 var import_format_stats = require("@rsbuild/shared/format-stats");
 var import_createSocketUrl = require("./createSocketUrl");
 const hadRuntimeError = false;
@@ -74,7 +51,7 @@ function handleWarnings(warnings) {
           );
           break;
         }
-        console.warn((0, import_strip_ansi.default)(formatted.warnings[i]));
+        console.warn(formatted.warnings[i]);
       }
     }
   }
@@ -93,7 +70,7 @@ function handleErrors(errors) {
   });
   if (typeof console !== "undefined" && typeof console.error === "function") {
     for (const error of formatted.errors) {
-      console.error((0, import_strip_ansi.default)(error));
+      console.error(error);
     }
   }
 }

package/dist/server/devServer.js

@@ -41,6 +41,7 @@ var import_connect = __toESM(require("connect"));
 var import_proxy = require("./proxy");
 var import_middlewares = require("./middlewares");
 var import_path = require("path");
+var import_restart = require("./restart");
 class RsbuildDevServer {
   constructor(options) {
     this.middlewares = (0, import_connect.default)();
@@ -164,7 +165,7 @@ async function startDevServer(options, startDevCompile, {
   logger: customLogger,
   getPortSilently
 } = {}) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   if (!process.env.NODE_ENV) {
     process.env.NODE_ENV = "development";
   }
@@ -183,6 +184,10 @@ async function startDevServer(options, startDevCompile, {
   };
   const protocol = https ? "https" : "http";
   let urls = (0, import_shared.getAddressUrls)(protocol, port, (_a = rsbuildConfig.dev) == null ? void 0 : _a.host);
+  const routes = (0, import_shared.formatRoutes)(
+    options.context.entry,
+    (_c = (_b = rsbuildConfig.output) == null ? void 0 : _b.distPath) == null ? void 0 : _c.html
+  );
   if (printURLs) {
     if ((0, import_shared.isFunction)(printURLs)) {
       urls = printURLs(urls);
@@ -190,7 +195,7 @@ async function startDevServer(options, startDevCompile, {
         throw new Error("Please return an array in the `printURLs` function.");
       }
     }
-    (0, import_shared.printServerURLs)(urls, options.context.entry, logger);
+    (0, import_shared.printServerURLs)(urls, routes, logger);
   }
   (0, import_shared.debug)("create dev server");
   const devMiddleware = await startDevCompile(options, compiler);
@@ -199,7 +204,7 @@ async function startDevServer(options, startDevCompile, {
     devMiddleware,
     dev: devServerConfig,
     output: {
-      distPath: ((_c = (_b = rsbuildConfig.output) == null ? void 0 : _b.distPath) == null ? void 0 : _c.root) || import_shared.ROOT_DIST_DIR,
+      distPath: ((_e = (_d = rsbuildConfig.output) == null ? void 0 : _d.distPath) == null ? void 0 : _e.root) || import_shared.ROOT_DIST_DIR,
       assetPrefix: typeof devServerConfig.assetPrefix === "string" && !(0, import_shared.isURL)(devServerConfig.assetPrefix) ? devServerConfig.assetPrefix : ""
     }
   });
@@ -219,7 +224,11 @@ async function startDevServer(options, startDevCompile, {
           throw err;
         }
         (0, import_shared.debug)("listen dev server done");
-        await options.context.hooks.onAfterStartDevServerHook.call({ port });
+        await options.context.hooks.onAfterStartDevServerHook.call({
+          port,
+          routes
+        });
+        (0, import_restart.registerCleaner)(() => server.close());
         resolve({
           port,
           urls: urls.map((item) => item.url),

package/dist/server/prodServer.d.ts

@@ -3,7 +3,7 @@
 import type { ListenOptions } from 'net';
 import { Server } from 'http';
 import connect from 'connect';
-import { Context, RsbuildConfig, StartServerResult } from '@rsbuild/shared';
+import { Context, RsbuildConfig, StartServerResult, PreviewServerOptions } from '@rsbuild/shared';
 type RsbuildProdServerOptions = {
   pwd: string;
   output: {
@@ -23,5 +23,7 @@ export declare class RsbuildProdServer {
   listen(options?: number | ListenOptions | undefined, listener?: () => void): void;
   close(): void;
 }
-export declare function startProdServer(context: Context, rsbuildConfig: RsbuildConfig): Promise<StartServerResult>;
+export declare function startProdServer(context: Context, rsbuildConfig: RsbuildConfig, {
+  printURLs
+}?: PreviewServerOptions): Promise<StartServerResult>;
 export {};

package/dist/server/prodServer.js

@@ -92,7 +92,7 @@ class RsbuildProdServer {
     this.app.close();
   }
 }
-async function startProdServer(context, rsbuildConfig) {
+async function startProdServer(context, rsbuildConfig, { printURLs = true } = {}) {
   var _a, _b, _c, _d;
   if (!process.env.NODE_ENV) {
     process.env.NODE_ENV = "production";
@@ -114,8 +114,18 @@ async function startProdServer(context, rsbuildConfig) {
         port
       },
       () => {
+        var _a2, _b2;
         const urls = (0, import_shared.getAddressUrls)("http", port);
-        (0, import_shared.printServerURLs)(urls, context.entry);
+        if (printURLs) {
+          const routes = (0, import_shared.formatRoutes)(
+            context.entry,
+            (_b2 = (_a2 = rsbuildConfig.output) == null ? void 0 : _a2.distPath) == null ? void 0 : _b2.html
+          );
+          (0, import_shared.printServerURLs)(
+            (0, import_shared.isFunction)(printURLs) ? printURLs(urls) : urls,
+            routes
+          );
+        }
         resolve({
           port,
           urls: urls.map((item) => item.url),

package/dist/server/restart.d.ts

@@ -0,0 +1,11 @@
+type Cleaner = () => Promise<unknown> | unknown;
+/**
+ * Add a cleaner to handle side effects
+ */
+export declare const registerCleaner: (cleaner: Cleaner) => void;
+export declare const restartDevServer: ({
+  filePath
+}: {
+  filePath: string;
+}) => Promise<void>;
+export {};

package/dist/server/restart.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var restart_exports = {};
+__export(restart_exports, {
+  registerCleaner: () => registerCleaner,
+  restartDevServer: () => restartDevServer
+});
+module.exports = __toCommonJS(restart_exports);
+var import_path = __toESM(require("path"));
+var import_shared = require("@rsbuild/shared");
+var import_run = require("../cli/run");
+const cleaners = [];
+const registerCleaner = (cleaner) => {
+  cleaners.push(cleaner);
+};
+const clearConsole = () => {
+  if (process.stdout.isTTY && !process.env.DEBUG) {
+    process.stdout.write("\x1B[H\x1B[2J");
+  }
+};
+const restartDevServer = async ({ filePath }) => {
+  clearConsole();
+  const filename = import_path.default.basename(filePath);
+  import_shared.logger.info(`Restart because ${import_shared.color.yellow(filename)} is changed.
+`);
+  for (const cleaner of cleaners) {
+    await cleaner();
+  }
+  const rsbuild = await (0, import_run.runCli)({
+    isRestart: true
+  });
+  await rsbuild.startDevServer();
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerCleaner,
+  restartDevServer
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/core",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "Unleash the power of Rspack with the out-of-the-box build tool.",
   "homepage": "https://rsbuild.dev",
   "bugs": {
@@ -47,28 +47,6 @@
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "cli": [
-        "./dist/cli/index.d.ts"
-      ],
-      "server": [
-        "./dist/server/index.d.ts"
-      ],
-      "hmr-client": [
-        "./dist/server/dev-middleware/hmr-client/index.d.ts"
-      ],
-      "plugins/*": [
-        "./dist/plugins/*.d.ts"
-      ],
-      "rspack-plugin-css": [
-        "./dist/rspack-provider/plugins/css.d.ts"
-      ],
-      "rspack-provider": [
-        "./dist/rspack-provider/index.d.ts"
-      ]
-    }
-  },
   "bin": {
     "rsbuild": "./bin/rsbuild.js"
   },
@@ -84,26 +62,22 @@
     "connect-history-api-fallback": "^2.0.0",
     "commander": "^10.0.1",
     "core-js": "~3.32.2",
-    "filesize": "^8.0.7",
     "gzip-size": "^6.0.0",
-    "html-webpack-plugin": "npm:html-rspack-plugin@5.5.4",
+    "html-webpack-plugin": "npm:html-rspack-plugin@5.5.5",
     "http-compression": "1.0.6",
     "http-proxy-middleware": "^2.0.1",
     "jiti": "^1.20.0",
-    "lodash": "^4.17.21",
     "open": "^8.4.0",
     "postcss": "8.4.31",
     "rslog": "^1.1.0",
     "semver": "^7.5.4",
     "sirv": "^2.0.3",
-    "strip-ansi": "^6.0.1",
     "ws": "^8.2.0",
-    "@rsbuild/shared": "0.0.20"
+    "@rsbuild/shared": "0.0.21"
   },
   "devDependencies": {
     "@types/connect": "3.4.35",
     "@types/connect-history-api-fallback": "^1.3.5",
-    "@types/lodash": "^4.14.200",
     "@types/node": "^16",
     "@types/ws": "^8.2.0",
     "@types/semver": "^7.5.4",