@rsbuild/core 2.0.0-rc.0 → 2.0.0-rc.1

package/compiled/postcss-loader/index.js

@@ -1,15 +1,15 @@
 (() => {
   "use strict";
   var __webpack_modules__ = {
-    855: (module, __unused_webpack_exports, __nccwpck_require__) => {
-      module.exports = __nccwpck_require__(433)["default"];
+    864: (module, __unused_webpack_exports, __nccwpck_require__) => {
+      module.exports = __nccwpck_require__(334)["default"];
     },
-    433: (__unused_webpack_module, exports, __nccwpck_require__) => {
+    334: (__unused_webpack_module, exports, __nccwpck_require__) => {
       var __webpack_unused_export__;
       __webpack_unused_export__ = { value: true };
       exports["default"] = loader;
       var _nodePath = _interopRequireDefault(__nccwpck_require__(760));
-      var _utils = __nccwpck_require__(516);
+      var _utils = __nccwpck_require__(791);
       function _interopRequireDefault(e) {
         return e && e.__esModule ? e : { default: e };
       }
@@ -179,7 +179,7 @@
         callback(null, result.css, map, { ast });
       }
     },
-    516: (module, exports, __nccwpck_require__) => {
+    791: (module, exports, __nccwpck_require__) => {
       module = __nccwpck_require__.nmd(module);
       Object.defineProperty(exports, "__esModule", { value: true });
       exports.exec = exec;
@@ -716,6 +716,6 @@
   })();
   if (typeof __nccwpck_require__ !== "undefined")
     __nccwpck_require__.ab = __dirname + "/";
-  var __webpack_exports__ = __nccwpck_require__(855);
+  var __webpack_exports__ = __nccwpck_require__(864);
   module.exports = __webpack_exports__;
 })();

package/compiled/rspack-chain/package.json

@@ -1 +1 @@
-{"name":"rspack-chain","version":"2.0.0-beta.1","license":"MIT","types":"types/index.d.ts","type":"module"}
+{"name":"rspack-chain","version":"2.0.0-rc.1","license":"MIT","types":"types/index.d.ts","type":"module"}

package/compiled/rspack-chain/types/index.d.ts

@@ -1,12 +1,4 @@
-import {
-  Configuration,
-  Compiler,
-  RuleSetRule,
-  ResolveOptions,
-} from '@rspack/core';
-import * as https from 'https';
-
-export default Config;
+import { Configuration, RuleSetRule } from '@rspack/core';
 
 // The compiler type of Rspack / webpack are mismatch,
 // so we use a loose type here to allow using webpack plugins.
@@ -60,24 +52,24 @@ declare namespace __Config {
 }
 
 type RspackConfig = Required<Configuration>;
-declare class Config extends __Config.ChainedMap<void> {
-  entryPoints: Config.TypedChainedMap<
-    Config,
-    { [key: string]: Config.EntryPoint }
+export declare class RspackChain extends __Config.ChainedMap<void> {
+  entryPoints: RspackChain.TypedChainedMap<
+    RspackChain,
+    { [key: string]: RspackChain.EntryPoint }
   >;
-  output: Config.Output;
-  module: Config.Module;
-  node: Config.ChainedMap<this> & ((value: boolean) => this);
-  optimization: Config.Optimization;
-  performance: Config.Performance & ((value: boolean) => this);
-  plugins: Config.Plugins<this, PluginInstance>;
-  resolve: Config.Resolve;
-  resolveLoader: Config.ResolveLoader;
-  devServer: Config.DevServer;
+  output: RspackChain.Output;
+  module: RspackChain.Module;
+  node: RspackChain.ChainedMap<this> & ((value: boolean) => this);
+  optimization: RspackChain.Optimization;
+  performance: RspackChain.Performance & ((value: boolean) => this);
+  plugins: RspackChain.Plugins<this, PluginInstance>;
+  resolve: RspackChain.Resolve;
+  resolveLoader: RspackChain.ResolveLoader;
+  devServer: RspackChain.DevServer;
 
   context(value: RspackConfig['context']): this;
   mode(value: RspackConfig['mode']): this;
-  devtool(value: Config.DevTool): this;
+  devtool(value: RspackChain.DevTool): this;
   target(value: RspackConfig['target']): this;
   watch(value: RspackConfig['watch']): this;
   watchOptions(value: RspackConfig['watchOptions']): this;
@@ -97,8 +89,8 @@ declare class Config extends __Config.ChainedMap<void> {
   snapshot(value: RspackConfig['snapshot']): this;
   lazyCompilation(value: RspackConfig['lazyCompilation']): this;
 
-  entry(name: string): Config.EntryPoint;
-  plugin(name: string): Config.Plugin<this, PluginInstance>;
+  entry(name: string): RspackChain.EntryPoint;
+  plugin(name: string): RspackChain.Plugin<this, PluginInstance>;
 
   toConfig(): Configuration;
 
@@ -114,7 +106,7 @@ declare class Config extends __Config.ChainedMap<void> {
   ): string;
 }
 
-declare namespace Config {
+export declare namespace RspackChain {
   class Chained<Parent> extends __Config.Chained<Parent> {}
   class TypedChainedMap<Parent, OptionsType> extends __Config.TypedChainedMap<
     Parent,
@@ -169,11 +161,11 @@ declare namespace Config {
     string | string[] | Function
   >[string];
 
-  class EntryPoint extends TypedChainedSet<Config, RspackEntryObject> {}
+  class EntryPoint extends TypedChainedSet<RspackChain, RspackEntryObject> {}
 
   type RspackModule = Required<NonNullable<Configuration['module']>>;
 
-  class Module extends ChainedMap<Config> {
+  class Module extends ChainedMap<RspackChain> {
     rules: TypedChainedMap<this, { [key: string]: Rule }>;
     generator: ChainedMap<this>;
     parser: ChainedMap<this>;
@@ -183,7 +175,7 @@ declare namespace Config {
 
   type RspackOutput = Required<NonNullable<Configuration['output']>>;
 
-  class Output extends ChainedMap<Config> {
+  class Output extends ChainedMap<RspackChain> {
     assetModuleFilename(value: RspackOutput['assetModuleFilename']): this;
     bundlerInfo(value: RspackOutput['bundlerInfo']): this;
     chunkFilename(value: RspackOutput['chunkFilename']): this;
@@ -241,92 +233,21 @@ declare namespace Config {
     clean(value: RspackOutput['clean']): this;
   }
 
-  // await for @types/webpack-dev-server update do v4 to remove all any
-  class DevServer extends ChainedMap<Config> {
-    allowedHosts: TypedChainedSet<this, string>;
-    after(value: (app: any, server: any, compiler: Compiler) => void): this;
-    before(value: (app: any, server: any, compiler: Compiler) => void): this;
-    bonjour(value: boolean): this;
-    clientLogLevel(
-      value:
-        | 'silent'
-        | 'trace'
-        | 'debug'
-        | 'info'
-        | 'warn'
-        | 'error'
-        | 'none'
-        | 'warning',
-    ): this;
-    compress(value: boolean): this;
-    contentBase(value: boolean | string | string[]): this;
-    contentBasePublicPath(value: string): this;
-    disableHostCheck(value: boolean): this;
-    filename(value: string): this;
-    headers(value: { [header: string]: string }): this;
-    historyApiFallback(value: boolean | any): this;
-    host(value: string): this;
-    hot(value: boolean): this;
-    hotOnly(value: boolean): this;
-    http2(value: boolean): this;
-    https(value: boolean | https.ServerOptions): this;
-    index(value: string): this;
-    injectClient(value: boolean | ((compiler: Compiler) => boolean)): this;
-    injectHot(value: boolean | ((compiler: Compiler) => boolean)): this;
-    inline(value: boolean): this;
-    lazy(value: boolean): this;
-    liveReload(value: boolean): this;
-    mimeTypes(value: Object): this;
-    noInfo(value: boolean): this;
-    onListening(value: (server: any) => void): this;
-    open(value: boolean): this;
-    openPage(value: string | string[]): this;
-    overlay(value: boolean | { warnings?: boolean; errors?: boolean }): this;
-    pfx(value: string): this;
-    pfxPassphrase(value: string): this;
-    port(value: number): this;
-    progress(value: boolean): this;
-    proxy(value: any): this;
-    public(value: string): this;
-    publicPath(publicPath: string): this;
-    quiet(value: boolean): this;
-    serveIndex(value: boolean): this;
-    setup(value: (expressApp: any) => void): this;
-    socket(value: string): this;
-    sockHost(value: string): this;
-    sockPath(value: string): this;
-    sockPort(value: number): this;
-    staticOptions(value: any): this;
-    stats(value: Configuration['stats']): this;
-    stdin(value: boolean): this;
-    transportMode(
-      value:
-        | 'sockjs'
-        | 'ws'
-        | {
-            server: 'ws';
-            client: object;
-          }
-        | {
-            client: 'sockjs';
-            server: object;
-          }
-        | {
-            client: object;
-            server: object;
-          },
-    ): this;
-    useLocalIp(value: boolean): this;
-    watchContentBase(value: boolean): this;
-    watchOptions(value: Configuration['watchOptions']): this;
-    writeToDisk(value: boolean): this;
-  }
+  type RspackDevServer = Required<NonNullable<Configuration['devServer']>>;
+
+  type DevServerShorthandMethods<T> = {
+    [K in keyof RspackDevServer]-?: (value: RspackDevServer[K]) => T;
+  };
+
+  class DevServer extends TypedChainedMap<RspackChain, RspackDevServer> {}
+
+  interface DevServer extends DevServerShorthandMethods<DevServer> {}
 
   type RspackPerformance = Exclude<
     Required<NonNullable<Configuration['performance']>>,
     false
   >;
-  class Performance extends ChainedMap<Config> {
+  class Performance extends ChainedMap<RspackChain> {
     hints(value: RspackPerformance['hints']): this;
     maxEntrypointSize(value: RspackPerformance['maxEntrypointSize']): this;
     maxAssetSize(value: RspackPerformance['maxAssetSize']): this;
@@ -334,7 +255,7 @@ declare namespace Config {
   }
 
   type RspackResolve = Required<NonNullable<Configuration['resolve']>>;
-  class Resolve<T = Config> extends ChainedMap<T> {
+  class Resolve<T = RspackChain> extends ChainedMap<T> {
     alias: TypedChainedMap<this, { [key: string]: string | false | string[] }>;
     aliasFields: TypedChainedSet<this, RspackResolve['aliasFields'][number]>;
     conditionNames: TypedChainedSet<
@@ -373,7 +294,7 @@ declare namespace Config {
     tsConfig(value: RspackResolve['tsConfig']): this;
   }
 
-  class RuleResolve<T = Config> extends Resolve<T> {
+  class RuleResolve<T = RspackChain> extends Resolve<T> {
     fullySpecified(value: boolean): this;
   }
 
@@ -422,9 +343,9 @@ declare namespace Config {
     NonNullable<Configuration['optimization']>
   >;
   type SplitChunksObject = Exclude<RspackOptimization['splitChunks'], false>;
-  class Optimization extends ChainedMap<Config> {
-    minimizer(name: string): Config.Plugin<this, PluginInstance>;
-    minimizers: TypedChainedMap<this, Config.Plugin<this, PluginInstance>>;
+  class Optimization extends ChainedMap<RspackChain> {
+    minimizer(name: string): RspackChain.Plugin<this, PluginInstance>;
+    minimizers: TypedChainedMap<this, RspackChain.Plugin<this, PluginInstance>>;
     splitChunks: TypedChainedMap<this, SplitChunksObject> &
       ((value: SplitChunksObject | false) => this);
 

package/dist/1~rslib-runtime.js

@@ -5,7 +5,7 @@ function __webpack_require__(moduleId) {
     var module = __webpack_module_cache__[moduleId] = {
         exports: {}
     };
-    return __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__), module.exports;
+    return __webpack_modules__[moduleId](module, module.exports, __webpack_require__), module.exports;
 }
 __webpack_require__.m = __webpack_modules__, __webpack_require__.n = (module)=>{
     var getter = module && module.__esModule ? ()=>module.default : ()=>module;

package/dist/{552.js → 863.js}

@@ -1,5 +1,5 @@
-/*! LICENSE: 552.js.LICENSE.txt */
-let flagForceColor, runtimeProcessArgs, runtimeInfo, swcHelpersPath, pluginHelper_htmlPlugin, cssExtractPlugin;
+/*! LICENSE: 863.js.LICENSE.txt */
+let flagForceColor, runtimeProcessArgs, runtimeInfo, swcHelpersPath, pluginHelper_htmlPlugin;
 import { rspack as core_rspack } from "@rspack/core";
 import node_util, { stripVTControlCharacters } from "node:util";
 import node_process from "node:process";
@@ -612,9 +612,6 @@ __webpack_require__.add({
             throw Error(`'tsx' or 'jiti' is required for the TypeScript configuration files. Make sure it is installed\nError: ${importError.map((error)=>error.message).join('\n')}`);
         };
     },
-    assert (module) {
-        module.exports = __rspack_createRequire_require("assert");
-    },
     async_hooks (module) {
         module.exports = __rspack_createRequire_require("async_hooks");
     },
@@ -672,9 +669,6 @@ __webpack_require__.add({
     process (module) {
         module.exports = __rspack_createRequire_require("process");
     },
-    querystring (module) {
-        module.exports = __rspack_createRequire_require("querystring");
-    },
     stream (module) {
         module.exports = __rspack_createRequire_require("stream");
     },
@@ -1988,69 +1982,32 @@ let ChainedMap = createMap(createChainable(Object)), ChainedValueMap = (superCla
     }
 }, DevServer = class extends ChainedMap {
     constructor(parent){
-        super(parent), this.allowedHosts = new ChainedSet(this), this.extend([
-            'after',
-            'before',
-            'bonjour',
-            'clientLogLevel',
+        super(parent), this.extend([
+            'allowedHosts',
+            'app',
+            'client',
             'compress',
-            'contentBase',
-            'contentBasePublicPath',
-            'disableHostCheck',
-            'filename',
+            'devMiddleware',
             'headers',
-            'historyApiFallback',
             'host',
+            'historyApiFallback',
             'hot',
-            'hotOnly',
-            'http2',
-            'https',
-            'index',
-            'injectClient',
-            'injectHot',
-            'inline',
-            'lazy',
+            'ipc',
             'liveReload',
-            'mimeTypes',
-            'noInfo',
             'onListening',
             'open',
-            'openPage',
-            'overlay',
-            'pfx',
-            'pfxPassphrase',
             'port',
             'proxy',
-            'progress',
-            'public',
-            'publicPath',
-            'quiet',
-            'serveIndex',
-            'setup',
-            'socket',
-            'sockHost',
-            'sockPath',
-            'sockPort',
-            'staticOptions',
-            'stats',
-            'stdin',
-            'transportMode',
-            'useLocalIp',
-            'watchContentBase',
-            'watchOptions',
-            'writeToDisk'
+            'server',
+            'setupExitSignals',
+            'setupMiddlewares',
+            'static',
+            'watchFiles',
+            'webSocketServer'
         ]);
     }
     toConfig() {
-        return this.clean({
-            allowedHosts: this.allowedHosts.values(),
-            ...this.entries() || {}
-        });
-    }
-    merge(obj, omit = []) {
-        return !omit.includes('allowedHosts') && 'allowedHosts' in obj && this.allowedHosts.merge(obj.allowedHosts), super.merge(obj, [
-            'allowedHosts'
-        ]);
+        return this.clean(this.entries() || {});
     }
 }, Orderable = (Class)=>class extends Class {
         before(name) {
@@ -2272,7 +2229,7 @@ let Rule = Orderable(class extends ChainedMap {
         ]);
     }
     minimizer(name) {
-        if (Array.isArray(name)) throw Error("optimization.minimizer() no longer supports being passed an array. Either switch to the new syntax (https://github.com/neutrinojs/webpack-chain#config-optimization-minimizers-adding) or downgrade to webpack-chain 4. If using Vue this likely means a Vue plugin has not yet been updated to support Vue CLI 4+.");
+        if (Array.isArray(name)) throw Error('optimization.minimizer() no longer supports being passed an array.');
         return this.minimizers.getOrCompute(name, ()=>new src_Plugin(this, name, 'optimization.minimizer'));
     }
     toConfig() {
@@ -2298,7 +2255,8 @@ let Rule = Orderable(class extends ChainedMap {
     }
 }, dist = __nested_rspack_require_65__("./node_modules/.pnpm/javascript-stringify@2.1.0/node_modules/javascript-stringify/dist/index.js"), castArray = (value)=>Array.isArray(value) ? value : [
         value
-    ], dist_src = class extends ChainedMap {
+    ];
+class RspackChain extends ChainedMap {
     constructor(){
         super(), this.entryPoints = new ChainedMap(this), this.output = new Output(this), this.module = new dist_Module(this), this.resolve = new Resolve(this), this.resolveLoader = new ResolveLoader(this), this.optimization = new Optimization(this), this.plugins = new ChainedMap(this), this.devServer = new DevServer(this), this.performance = new Performance(this), this.node = new ChainedValueMap(this), this.extend([
             'context',
@@ -2406,7 +2364,8 @@ let Rule = Orderable(class extends ChainedMap {
             'plugin'
         ]);
     }
-}, vendors_require = createRequire(import.meta.url), requireCompiledPackage = (name)=>vendors_require(`${COMPILED_PATH}/${name}/index.js`), cjs_0 = __webpack_require__("../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js");
+}
+let vendors_require = createRequire(import.meta.url), requireCompiledPackage = (name)=>vendors_require(`${COMPILED_PATH}/${name}/index.js`), cjs_0 = __webpack_require__("../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js");
 var cjs_0_default = __webpack_require__.n(cjs_0);
 let setNodeEnv = (env)=>{
     process.env.NODE_ENV = env;
@@ -3087,7 +3046,7 @@ let OVERRIDE_PATHS = new Set([
             define: {},
             preEntry: [],
             decorators: {
-                version: '2022-03'
+                version: '2023-11'
             }
         },
         output: {
@@ -3602,7 +3561,7 @@ function createPublicContext(context) {
 async function createContext(options, userConfig, logger) {
     let { cwd } = options, rootPath = userConfig.root ? ensureAbsolutePath(cwd, userConfig.root) : cwd, rsbuildConfig = await withDefaultConfig(rootPath, userConfig), cachePath = join(rootPath, 'node_modules', '.cache'), specifiedEnvironments = options.environment && options.environment.length > 0 ? options.environment : void 0;
     return {
-        version: "2.0.0-rc.0",
+        version: "2.0.0-rc.1",
         rootPath,
         distPath: '',
         cachePath,
@@ -3664,7 +3623,7 @@ async function emitConfigFiles({ bundlerConfigs, environmentConfigs, extraConfig
     logger.success(`config inspection completed, generated files: \n\n${fileInfos}\n`);
 }
 function stringifyConfig(config, verbose) {
-    return dist_src.toString(config, {
+    return RspackChain.toString(config, {
         verbose
     });
 }
@@ -3733,12 +3692,20 @@ function reduceConfigsWithContext({ initial, config, ctx, mergeFn = Object.assig
         }), initial) : config ?? initial;
 }
 async function reduceConfigsAsyncWithContext({ initial, config, ctx, mergeFn = Object.assign }) {
-    return null == config ? initial : dist_isPlainObject(config) ? dist_isPlainObject(initial) ? mergeFn(initial, config) : config : 'function' == typeof config ? await config(initial, ctx) ?? initial : Array.isArray(config) ? config.reduce((initial, config)=>reduceConfigsWithContext({
-            initial,
-            config,
+    if (null == config) return initial;
+    if (dist_isPlainObject(config)) return dist_isPlainObject(initial) ? mergeFn(initial, config) : config;
+    if ('function' == typeof config) return await config(initial, ctx) ?? initial;
+    if (Array.isArray(config)) {
+        let result = initial;
+        for (let item of config)result = await reduceConfigsAsyncWithContext({
+            initial: result,
+            config: item,
             ctx,
             mergeFn
-        }), initial) : config ?? initial;
+        });
+        return result;
+    }
+    return config ?? initial;
 }
 function reduceConfigsMergeContext({ initial, config, ctx, mergeFn = Object.assign }) {
     return null == config ? initial : dist_isPlainObject(config) ? dist_isPlainObject(initial) ? mergeFn(initial, config) : config : 'function' == typeof config ? config({
@@ -3753,7 +3720,7 @@ function reduceConfigsMergeContext({ initial, config, ctx, mergeFn = Object.assi
 }
 async function modifyBundlerChain(context, utils) {
     context.logger.debug('applying modifyBundlerChain hook');
-    let rspackChain = new dist_src(), [modifiedBundlerChain] = await context.hooks.modifyBundlerChain.callChain({
+    let rspackChain = new RspackChain(), [modifiedBundlerChain] = await context.hooks.modifyBundlerChain.callChain({
         environment: utils.environment.name,
         args: [
             rspackChain,
@@ -6157,6 +6124,7 @@ init(
   ${JSON.stringify(clientConfig)},
   ${JSON.stringify(resolvedHost)},
   ${resolvedPort},
+  ${JSON.stringify(config.server.base)},
   ${liveReloadEnabled},
   ${!!config.dev.browserLogs},
   ${JSON.stringify(config.dev.client.logLevel)}
@@ -6187,7 +6155,7 @@ let assets_middleware_assetsMiddleware = async ({ config, compiler, context, soc
             let errorsCount = null, warningsCount = null;
             compiler.hooks.invalid.tap('rsbuild-dev-server', (fileName)=>{
                 errorsCount = null, warningsCount = null, 'string' == typeof fileName && fileName.endsWith('.html') && normalizeLiveReload(liveReload).html && socketServer.sockWrite({
-                    type: 'static-changed'
+                    type: 'full-reload'
                 }, token);
             }), compiler.hooks.done.tap('rsbuild-dev-server', (stats)=>{
                 let { errors, warnings } = stats.compilation;
@@ -6627,7 +6595,7 @@ class SocketServer {
         if (!result) return null;
         let { stats, errors, warnings } = result, newInitialChunks = this.getInitialChunks(stats), initialChunks = this.initialChunksMap.get(token), shouldReload = stats.entrypoints && initialChunks && !isEqualSet(initialChunks, newInitialChunks);
         if (this.initialChunksMap.set(token, newInitialChunks), shouldReload) return void this.sockWrite({
-            type: 'static-changed'
+            type: 'full-reload'
         }, token);
         if (stats.hash) {
             let prevHash = this.currentHash.get(token);
@@ -6907,7 +6875,7 @@ function formatProxyOptions(proxyOptions, logger) {
         }));
 }
 async function createProxyMiddleware(proxyOptions, logger) {
-    let formattedOptions = formatProxyOptions(proxyOptions, logger), proxyMiddlewares = [], middlewares = [], { createProxyMiddleware: baseMiddleware } = await import("./http-proxy-middleware.js").then(__webpack_require__.t.bind(__webpack_require__, "../../node_modules/.pnpm/http-proxy-middleware@3.0.5_supports-color@10.2.2/node_modules/http-proxy-middleware/dist/index.js", 23));
+    let formattedOptions = formatProxyOptions(proxyOptions, logger), proxyMiddlewares = [], middlewares = [], { createProxyMiddleware: baseMiddleware } = await import("./http-proxy-middleware.js");
     for (let opts of formattedOptions){
         let proxyMiddleware = baseMiddleware(opts), middleware = async (req, res, next)=>{
             let bypassUrl = 'function' == typeof opts.bypass ? await opts.bypass(req, res, opts) : null;
@@ -7354,10 +7322,6 @@ let runner_run = async ({ bundlePath, ...runnerFactoryOptions })=>{
     };
 }, createHttpServer = async ({ serverConfig, middlewares })=>{
     if (serverConfig.https) {
-        if (serverConfig.proxy) {
-            let { createServer } = await import("node:https");
-            return createServer(serverConfig.https, middlewares);
-        }
         let { createSecureServer } = await import("node:http2");
         return createSecureServer({
             allowHTTP1: !0,
@@ -7432,7 +7396,7 @@ async function startWatchFiles({ paths, options, type = 'reload-page' }, buildMa
     let watcher = await createChokidar(paths, root, options);
     return watcher.on('change', ()=>{
         buildManager.socketServer.sockWrite({
-            type: 'static-changed'
+            type: 'full-reload'
         });
     }), watcher;
 }
@@ -8331,7 +8295,7 @@ try {
                                 config: config.tools.styleLoader
                             });
                             mainRule.use(CHAIN_ID.USE.STYLE).loader(join(COMPILED_PATH, 'style-loader', 'index.js')).options(styleLoaderOptions);
-                        } else mainRule.use(CHAIN_ID.USE.MINI_CSS_EXTRACT).loader((cssExtractPlugin || core_rspack.CssExtractRspackPlugin).loader).options(config.tools.cssExtract.loaderOptions);
+                        } else mainRule.use(CHAIN_ID.USE.MINI_CSS_EXTRACT).loader(core_rspack.CssExtractRspackPlugin.loader).options(config.tools.cssExtract.loaderOptions);
                         else mainRule.use(CHAIN_ID.USE.IGNORE_CSS).loader(node_path.join(dirname, 'ignoreCssLoader.mjs'));
                         let importLoaders = {
                             normal: 0,
@@ -8419,7 +8383,7 @@ try {
                         let isStringExport = 'string' === cssLoaderOptions.exportType;
                         if (isStringExport && mainRule.uses.has(CHAIN_ID.USE.MINI_CSS_EXTRACT) && mainRule.uses.delete(CHAIN_ID.USE.MINI_CSS_EXTRACT), emitCss && !config.output.injectStyles && !isStringExport) {
                             let extractPluginOptions = config.tools.cssExtract.pluginOptions, cssPath = config.output.distPath.css, cssFilename = getFilename(config, 'css', isProd), isCssFilenameFn = 'function' == typeof cssFilename, cssAsyncPath = config.output.distPath.cssAsync ?? (cssPath ? `${cssPath}/async` : 'async');
-                            chain.plugin(CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT).use(cssExtractPlugin || core_rspack.CssExtractRspackPlugin, [
+                            chain.plugin(CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT).use(core_rspack.CssExtractRspackPlugin, [
                                 {
                                     filename: isCssFilenameFn ? (...args)=>{
                                         let name = cssFilename(...args);
@@ -8812,7 +8776,7 @@ try {
                 api.modifyBundlerChain(async (chain, { CHAIN_ID, environment, isDev })=>{
                     let { output: { manifest }, dev: { writeToDisk } } = environment.config;
                     if (!1 === manifest) return;
-                    let manifestOptions = normalizeManifestObjectConfig(manifest), { RspackManifestPlugin } = await import("./manifest-plugin.js").then(__webpack_require__.bind(__webpack_require__, "../../node_modules/.pnpm/rspack-manifest-plugin@5.2.1_@rspack+core@2.0.0-rc.0_@emnapi+core@1.8.1_@emnapi+runtime_36ca8bbe9cc8ea53288c7dff23b25fc0/node_modules/rspack-manifest-plugin/dist/index.js")), { htmlPaths } = environment, filter = manifestOptions.filter ?? ((file)=>!file.name.endsWith('.LICENSE.txt'));
+                    let manifestOptions = normalizeManifestObjectConfig(manifest), { RspackManifestPlugin } = await import("./manifest-plugin.js").then(__webpack_require__.bind(__webpack_require__, "../../node_modules/.pnpm/rspack-manifest-plugin@5.2.1_@rspack+core@2.0.0-rc.1_@emnapi+core@1.9.2_@emnapi+runtime_ae0458ffc4f2907bc50e0834703a6ec7/node_modules/rspack-manifest-plugin/dist/index.js")), { htmlPaths } = environment, filter = manifestOptions.filter ?? ((file)=>!file.name.endsWith('.LICENSE.txt'));
                     manifestFilenames.set(environment.name, manifestOptions.filename);
                     let pluginOptions = {
                         fileName: manifestOptions.filename,
@@ -9326,7 +9290,7 @@ let applyServerOptions = (command)=>{
 };
 function setupCommands() {
     let cli = ((name = "")=>new CAC(name))('rsbuild');
-    cli.version("2.0.0-rc.0"), cli.option('--base <base>', 'Set the base path of the server').option('-c, --config <config>', 'Set the configuration file (relative or absolute path)').option('--config-loader <loader>', 'Set the config file loader (auto | jiti | native)', {
+    cli.version("2.0.0-rc.1"), cli.option('--base <base>', 'Set the base path of the server').option('-c, --config <config>', 'Set the configuration file (relative or absolute path)').option('--config-loader <loader>', 'Set the config file loader (auto | jiti | native)', {
         default: 'auto'
     }).option('--env-dir <dir>', 'Set the directory for loading `.env` files').option('--env-mode <mode>', 'Set the env mode to load the `.env.[mode]` file').option('--environment <name>', 'Set the environment name(s) to build', {
         type: [
@@ -9403,7 +9367,7 @@ function initNodeEnv() {
 }
 function showGreeting() {
     let { npm_execpath, npm_lifecycle_event, NODE_RUN_SCRIPT_NAME } = process.env, isBun = npm_execpath?.includes('.bun');
-    src_logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v2.0.0-rc.0\n`);
+    src_logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v2.0.0-rc.1\n`);
 }
 function setupLogLevel() {
     let logLevelIndex = process.argv.findIndex((item)=>'--log-level' === item || '--logLevel' === item);
@@ -9424,5 +9388,5 @@ function runCLI() {
         src_logger.error('Failed to start Rsbuild CLI.'), src_logger.error(err), process.exit(1);
     }
 }
-let src_version = "2.0.0-rc.0";
+let src_version = "2.0.0-rc.1";
 export { PLUGIN_CSS_NAME, PLUGIN_SWC_NAME, core_rspack as rspack, createRsbuild, defaultAllowedOrigins, defineConfig, ensureAssetPrefix, loadConfig_loadConfig as loadConfig, loadEnv, logger_createLogger as createLogger, mergeRsbuildConfig, runCLI, src_logger as logger, src_version as version };

package/dist/client/hmr.js

@@ -25,18 +25,19 @@ const registerOverlay = (createFn, clearFn)=>{
     createOverlay = createFn;
     clearOverlay = clearFn;
 };
-function init(token, config, serverHost, serverPort, liveReload, browserLogs, logLevel) {
+function init(token, config, serverHost, serverPort, serverBase, liveReload, browserLogs, logLevel) {
     logger.level = logLevel;
     const queuedMessages = [];
     const clientErrors = [];
     const customListenersMap = new Map();
     let lastHash;
     let hasBuildErrors = false;
+    const base = serverBase.endsWith('/') ? serverBase : `${serverBase}/`;
     function formatURL(fallback) {
-        const { location } = self;
-        const hostname = (fallback ? serverHost : config.host) || location.hostname;
-        const port = (fallback ? serverPort : config.port) || location.port;
-        const protocol = config.protocol || ('https:' === location.protocol ? 'wss' : 'ws');
+        const { location: location1 } = self;
+        const hostname = (fallback ? serverHost : config.host) || location1.hostname;
+        const port = (fallback ? serverPort : config.port) || location1.port;
+        const protocol = config.protocol || ('https:' === location1.protocol ? 'wss' : 'ws');
         const pathname = config.path;
         if ("u" > typeof URL) {
             const url = new URL('http://localhost');
@@ -85,7 +86,7 @@ function init(token, config, serverHost, serverPort, liveReload, browserLogs, lo
         const forcedReload = err || !updatedModules;
         if (forcedReload) {
             if (err) logger.error('[rsbuild] HMR update failed, performing full reload:', err);
-            reloadPage();
+            fullReload();
             return;
         }
         tryApplyUpdates();
@@ -101,7 +102,7 @@ function init(token, config, serverHost, serverPort, liveReload, browserLogs, lo
             });
             return;
         }
-        reloadPage();
+        fullReload();
     }
     let socket = null;
     let reconnectCount = 0;
@@ -133,8 +134,11 @@ function init(token, config, serverHost, serverPort, liveReload, browserLogs, lo
             case 'ok':
                 handleSuccess();
                 break;
+            case 'full-reload':
+                fullReload(message.data);
+                break;
             case 'static-changed':
-                reloadPage();
+                fullReload();
                 break;
             case 'warnings':
                 handleWarnings(message.data);
@@ -223,8 +227,17 @@ function init(token, config, serverHost, serverPort, liveReload, browserLogs, lo
             socket.removeEventListener('error', onSocketError);
         }
     }
-    function reloadPage() {
-        if (liveReload) window.location.reload();
+    function fullReload(data) {
+        if (!liveReload) return;
+        const path = null == data ? void 0 : data.path;
+        if (null == path ? void 0 : path.endsWith('.html')) {
+            const pathname = decodeURI(location.pathname);
+            const targetPath = base + path.slice(1);
+            const targetPathWithoutExt = targetPath.slice(0, -5);
+            if (pathname === targetPath || pathname === targetPathWithoutExt || pathname.endsWith('/') && `${pathname}index.html` === targetPath) location.reload();
+            return;
+        }
+        location.reload();
     }
     if (browserLogs && "u" > typeof window) {
         window.addEventListener('error', ({ message, error })=>{