@rsbuild/core 0.1.0 → 0.1.1

package/dist/cli/commands.js

@@ -62,7 +62,7 @@ async function init({
   }
 }
 function runCli() {
-  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.1.0");
+  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.1.1");
   import_commander.program.command("dev").option(`--open`, "open the page in browser on startup").option(
     "-c --config <config>",
     "specify the configuration file, can be a relative or absolute path"
@@ -73,7 +73,7 @@ function runCli() {
         open: options.open
       }));
     } catch (err) {
-      import_shared.logger.error("Failed to start dev server, please check logs.");
+      import_shared.logger.error("Failed to start dev server.");
       import_shared.logger.error(err);
       process.exit(1);
     }
@@ -86,7 +86,7 @@ function runCli() {
       const rsbuild = await init({ cliOptions: options });
       await (rsbuild == null ? void 0 : rsbuild.build());
     } catch (err) {
-      import_shared.logger.error("Failed to build, please check logs.");
+      import_shared.logger.error("Failed to build.");
       import_shared.logger.error(err);
       process.exit(1);
     }
@@ -99,7 +99,7 @@ function runCli() {
       const rsbuild = await init({ cliOptions: options });
       await (rsbuild == null ? void 0 : rsbuild.preview());
     } catch (err) {
-      import_shared.logger.error("Failed to start preview server, please check logs.");
+      import_shared.logger.error("Failed to start preview server.");
       import_shared.logger.error(err);
       process.exit(1);
     }
@@ -117,7 +117,7 @@ function runCli() {
         writeToDisk: true
       }));
     } catch (err) {
-      import_shared.logger.error("Failed to inspect config, please check logs.");
+      import_shared.logger.error("Failed to inspect config.");
       import_shared.logger.error(err);
       process.exit(1);
     }

package/dist/cli/prepare.js

@@ -34,7 +34,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js")) {
     console.log();
   }
-  import_rslog.logger.greet(`  ${`Rsbuild v${"0.1.0"}`}
+  import_rslog.logger.greet(`  ${`Rsbuild v${"0.1.1"}`}
 `);
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/client/hmr.js

@@ -45,136 +45,6 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var createSocketUrl = function createSocketUrl(resourceQuery) {
-    var searchParams = resourceQuery.substr(1).split("&");
-    var options = {};
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        for(var _iterator = searchParams[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var pair = _step.value;
-            var ary = pair.split("=");
-            options[ary[0]] = decodeURIComponent(ary[1]);
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
-        }
-    }
-    var currentLocation = self.location;
-    return getSocketUrl(options, currentLocation);
-};
-var formatURL = function formatURL(param) {
-    var port = param.port, protocol = param.protocol, hostname = param.hostname, pathname = param.pathname;
-    if (window.URL) {
-        var url = new URL("http://localhost");
-        url.port = port;
-        url.hostname = hostname;
-        url.protocol = protocol;
-        url.pathname = pathname;
-        return url.toString();
-    }
-    var colon = protocol.indexOf(":") === -1 ? ":" : "";
-    return "".concat(protocol).concat(colon, "//").concat(hostname, ":").concat(port).concat(pathname);
-};
-var getSocketUrl = function getSocketUrl(urlParts, location) {
-    var host = urlParts.host, port = urlParts.port, path = urlParts.path, protocol = urlParts.protocol;
-    return formatURL({
-        protocol: protocol || (location.protocol === "https:" ? "wss" : "ws"),
-        hostname: host || location.hostname,
-        port: port || location.port,
-        pathname: path || HMR_SOCK_PATH
-    });
-};
-var clearOutdatedErrors = function clearOutdatedErrors() {
-    if (typeof console !== "undefined" && typeof console.clear === "function") {
-        if (hasCompileErrors) {
-            console.clear();
-        }
-    }
-};
-var handleSuccess = function handleSuccess() {
-    clearOutdatedErrors();
-    var isHotUpdate = !isFirstCompilation;
-    isFirstCompilation = false;
-    hasCompileErrors = false;
-    if (isHotUpdate) {
-        tryApplyUpdates();
-    }
-};
-var handleWarnings = function handleWarnings(warnings) {
-    clearOutdatedErrors();
-    var isHotUpdate = !isFirstCompilation;
-    isFirstCompilation = false;
-    hasCompileErrors = false;
-    function printWarnings() {
-        var formatted = (0, import_format_stats.formatStatsMessages)({
-            warnings: warnings,
-            errors: []
-        });
-        if (typeof console !== "undefined" && typeof console.warn === "function") {
-            for(var i = 0; i < formatted.warnings.length; i++){
-                if (i === 5) {
-                    console.warn("There were more warnings in other files.\nYou can find a complete log in the terminal.");
-                    break;
-                }
-                console.warn(formatted.warnings[i]);
-            }
-        }
-    }
-    printWarnings();
-    if (isHotUpdate) {
-        tryApplyUpdates();
-    }
-};
-var handleErrors = function handleErrors(errors) {
-    clearOutdatedErrors();
-    isFirstCompilation = false;
-    hasCompileErrors = true;
-    var formatted = (0, import_format_stats.formatStatsMessages)({
-        errors: errors,
-        warnings: []
-    });
-    if (typeof console !== "undefined" && typeof console.error === "function") {
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            for(var _iterator = formatted.errors[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var error = _step.value;
-                console.error(error);
-            }
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-    }
-};
-var handleAvailableHash = function handleAvailableHash(hash) {
-    mostRecentCompilationHash = hash;
-};
-var isUpdateAvailable = function isUpdateAvailable() {
-    return mostRecentCompilationHash !== __webpack_hash__;
-};
-var canApplyUpdates = function canApplyUpdates() {
-    return module.hot.status() === "idle";
-};
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -233,63 +103,6 @@ var __toESM = function(mod, isNodeMode, target) {
 var require_formatStats = __commonJS({
     "../shared/dist/formatStats.js": function(exports2, module2) {
         "use strict";
-        var isLikelyASyntaxError = function isLikelyASyntaxError(message) {
-            return message.includes(friendlySyntaxErrorLabel);
-        };
-        var formatMessage = function formatMessage(stats) {
-            var lines = [];
-            var message;
-            if (typeof stats === "object") {
-                var fileName = stats.moduleName ? "File: ".concat(stats.moduleName, "\n") : "";
-                var mainMessage = typeof stats.formatted === "string" ? stats.formatted : stats.message;
-                var details = stats.details ? "\nDetails: ".concat(stats.details, "\n") : "";
-                var stack = stats.stack ? "\n".concat(stats.stack) : "";
-                message = "".concat(fileName).concat(mainMessage).concat(details).concat(stack);
-            } else {
-                message = stats;
-            }
-            lines = message.split("\n");
-            lines = lines.map(function(line) {
-                var parsingError = /Line (\d+):(?:(\d+):)?\s*Parsing error: (.+)$/.exec(line);
-                if (!parsingError) {
-                    return line;
-                }
-                var _parsingError = _sliced_to_array(parsingError, 4), errorLine = _parsingError[1], errorColumn = _parsingError[2], errorMessage = _parsingError[3];
-                return "".concat(friendlySyntaxErrorLabel, " ").concat(errorMessage, " (").concat(errorLine, ":").concat(errorColumn, ")");
-            });
-            message = lines.join("\n");
-            message = message.replace(/SyntaxError\s+\((\d+):(\d+)\)\s*(.+?)\n/g, "".concat(friendlySyntaxErrorLabel, " $3 ($1:$2)\n"));
-            lines = message.split("\n");
-            if (lines.length > 2 && lines[1].trim() === "") {
-                lines.splice(1, 1);
-            }
-            lines[0] = lines[0].replace(/^(.*) \d+:\d+-\d+$/, "$1");
-            if (lines[1] && lines[1].indexOf("Module not found:") !== -1) {
-                lines[1] = lines[1].replace("Error: ", "");
-            }
-            lines = lines.filter(function(line, index, arr) {
-                return index === 0 || line.trim() !== "" || line.trim() !== arr[index - 1].trim();
-            });
-            message = lines.join("\n");
-            return message.trim();
-        };
-        var formatStatsMessages2 = function formatStatsMessages2(json) {
-            var _a, _b, _c;
-            var formattedErrors = (_a = json == null ? void 0 : json.errors) == null ? void 0 : _a.map(formatMessage);
-            var formattedWarnings = (_b = json == null ? void 0 : json.warnings) == null ? void 0 : _b.map(formatMessage);
-            var result = {
-                errors: formattedErrors || [],
-                warnings: formattedWarnings || [],
-                errorTips: []
-            };
-            if ((_c = result.errors) == null ? void 0 : _c.some(isLikelyASyntaxError)) {
-                result.errors = result.errors.filter(isLikelyASyntaxError);
-            }
-            if (result.errors.length > 1) {
-                result.errors.length = 1;
-            }
-            return result;
-        };
         var __defProp2 = Object.defineProperty;
         var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
         var __getOwnPropNames2 = Object.getOwnPropertyNames;
@@ -344,12 +157,118 @@ var require_formatStats = __commonJS({
         });
         module2.exports = __toCommonJS(formatStats_exports);
         var friendlySyntaxErrorLabel = "SyntaxError:";
+        function isLikelyASyntaxError(message) {
+            return message.includes(friendlySyntaxErrorLabel);
+        }
+        function formatMessage(stats) {
+            var lines = [];
+            var message;
+            if (typeof stats === "object") {
+                var fileName = stats.moduleName ? "File: ".concat(stats.moduleName, "\n") : "";
+                var mainMessage = typeof stats.formatted === "string" ? stats.formatted : stats.message;
+                var details = stats.details ? "\nDetails: ".concat(stats.details, "\n") : "";
+                var stack = stats.stack ? "\n".concat(stats.stack) : "";
+                message = "".concat(fileName).concat(mainMessage).concat(details).concat(stack);
+            } else {
+                message = stats;
+            }
+            lines = message.split("\n");
+            lines = lines.map(function(line) {
+                var parsingError = /Line (\d+):(?:(\d+):)?\s*Parsing error: (.+)$/.exec(line);
+                if (!parsingError) {
+                    return line;
+                }
+                var _parsingError = _sliced_to_array(parsingError, 4), errorLine = _parsingError[1], errorColumn = _parsingError[2], errorMessage = _parsingError[3];
+                return "".concat(friendlySyntaxErrorLabel, " ").concat(errorMessage, " (").concat(errorLine, ":").concat(errorColumn, ")");
+            });
+            message = lines.join("\n");
+            message = message.replace(/SyntaxError\s+\((\d+):(\d+)\)\s*(.+?)\n/g, "".concat(friendlySyntaxErrorLabel, " $3 ($1:$2)\n"));
+            lines = message.split("\n");
+            if (lines.length > 2 && lines[1].trim() === "") {
+                lines.splice(1, 1);
+            }
+            lines[0] = lines[0].replace(/^(.*) \d+:\d+-\d+$/, "$1");
+            if (lines[1] && lines[1].indexOf("Module not found:") !== -1) {
+                lines[1] = lines[1].replace("Error: ", "");
+            }
+            lines = lines.filter(function(line, index, arr) {
+                return index === 0 || line.trim() !== "" || line.trim() !== arr[index - 1].trim();
+            });
+            message = lines.join("\n");
+            return message.trim();
+        }
+        function formatStatsMessages2(json) {
+            var _a, _b, _c;
+            var formattedErrors = (_a = json == null ? void 0 : json.errors) == null ? void 0 : _a.map(formatMessage);
+            var formattedWarnings = (_b = json == null ? void 0 : json.warnings) == null ? void 0 : _b.map(formatMessage);
+            var result = {
+                errors: formattedErrors || [],
+                warnings: formattedWarnings || [],
+                errorTips: []
+            };
+            if ((_c = result.errors) == null ? void 0 : _c.some(isLikelyASyntaxError)) {
+                result.errors = result.errors.filter(isLikelyASyntaxError);
+            }
+            if (result.errors.length > 1) {
+                result.errors.length = 1;
+            }
+            return result;
+        }
     }
 });
 // src/client/hmr/index.ts
 var import_format_stats = __toESM(require_formatStats());
 // src/client/hmr/createSocketUrl.ts
 var HMR_SOCK_PATH = "/rsbuild-hmr";
+function createSocketUrl(resourceQuery) {
+    var searchParams = resourceQuery.substr(1).split("&");
+    var options = {};
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = searchParams[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var pair = _step.value;
+            var ary = pair.split("=");
+            options[ary[0]] = decodeURIComponent(ary[1]);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    var currentLocation = self.location;
+    return getSocketUrl(options, currentLocation);
+}
+function formatURL(param) {
+    var port = param.port, protocol = param.protocol, hostname = param.hostname, pathname = param.pathname;
+    if (window.URL) {
+        var url = new URL("http://localhost");
+        url.port = port;
+        url.hostname = hostname;
+        url.protocol = protocol;
+        url.pathname = pathname;
+        return url.toString();
+    }
+    var colon = protocol.indexOf(":") === -1 ? ":" : "";
+    return "".concat(protocol).concat(colon, "//").concat(hostname, ":").concat(port).concat(pathname);
+}
+function getSocketUrl(urlParts, location) {
+    var host = urlParts.host, port = urlParts.port, path = urlParts.path, protocol = urlParts.protocol;
+    return formatURL({
+        protocol: protocol || (location.protocol === "https:" ? "wss" : "ws"),
+        hostname: host || location.hostname,
+        port: port || location.port,
+        pathname: path || HMR_SOCK_PATH
+    });
+}
 // src/client/hmr/index.ts
 var hadRuntimeError = false;
 var socketUrl = createSocketUrl(__resourceQuery);
@@ -367,6 +286,81 @@ connection.onclose = function() {
 var isFirstCompilation = true;
 var mostRecentCompilationHash = null;
 var hasCompileErrors = false;
+function clearOutdatedErrors() {
+    if (typeof console !== "undefined" && typeof console.clear === "function") {
+        if (hasCompileErrors) {
+            console.clear();
+        }
+    }
+}
+function handleSuccess() {
+    clearOutdatedErrors();
+    var isHotUpdate = !isFirstCompilation;
+    isFirstCompilation = false;
+    hasCompileErrors = false;
+    if (isHotUpdate) {
+        tryApplyUpdates();
+    }
+}
+function handleWarnings(warnings) {
+    clearOutdatedErrors();
+    var isHotUpdate = !isFirstCompilation;
+    isFirstCompilation = false;
+    hasCompileErrors = false;
+    function printWarnings() {
+        var formatted = (0, import_format_stats.formatStatsMessages)({
+            warnings: warnings,
+            errors: []
+        });
+        if (typeof console !== "undefined" && typeof console.warn === "function") {
+            for(var i = 0; i < formatted.warnings.length; i++){
+                if (i === 5) {
+                    console.warn("There were more warnings in other files.\nYou can find a complete log in the terminal.");
+                    break;
+                }
+                console.warn(formatted.warnings[i]);
+            }
+        }
+    }
+    printWarnings();
+    if (isHotUpdate) {
+        tryApplyUpdates();
+    }
+}
+function handleErrors(errors) {
+    clearOutdatedErrors();
+    isFirstCompilation = false;
+    hasCompileErrors = true;
+    var formatted = (0, import_format_stats.formatStatsMessages)({
+        errors: errors,
+        warnings: []
+    });
+    if (typeof console !== "undefined" && typeof console.error === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = formatted.errors[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var error = _step.value;
+                console.error(error);
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+}
+function handleAvailableHash(hash) {
+    mostRecentCompilationHash = hash;
+}
 connection.onmessage = function(e) {
     var message = JSON.parse(e.data);
     switch(message.type){
@@ -389,6 +383,12 @@ connection.onmessage = function(e) {
         default:
     }
 };
+function isUpdateAvailable() {
+    return mostRecentCompilationHash !== __webpack_hash__;
+}
+function canApplyUpdates() {
+    return module.hot.status() === "idle";
+}
 function tryApplyUpdates() {
     if (!module.hot) {
         window.location.reload();

package/dist/plugins/fileSize.js

@@ -64,13 +64,14 @@ const calcFileSize = (len) => {
 async function printFileSizes(stats, distPath) {
   const { default: gzipSize } = await Promise.resolve().then(() => __toESM(require("@rsbuild/shared/gzip-size")));
   const formatAsset = (asset) => {
-    const contents = import_shared.fse.readFileSync(import_path.default.join(distPath, asset.name));
+    const fileName = asset.name.split("?")[0];
+    const contents = import_shared.fse.readFileSync(import_path.default.join(distPath, fileName));
     const size = contents.length;
     const gzippedSize = gzipSize.sync(contents);
     return {
       size,
-      folder: import_path.default.join(import_path.default.basename(distPath), import_path.default.dirname(asset.name)),
-      name: import_path.default.basename(asset.name),
+      folder: import_path.default.join(import_path.default.basename(distPath), import_path.default.dirname(fileName)),
+      name: import_path.default.basename(fileName),
       gzippedSize,
       sizeLabel: calcFileSize(size),
       gzipSizeLabel: getAssetColor(gzippedSize)(calcFileSize(gzippedSize))

package/dist/plugins/html.d.ts

@@ -1,15 +1,17 @@
-import type { MetaAttrs, HtmlConfig, MetaOptions, NormalizedConfig, SharedRsbuildPluginAPI, NormalizedOutputConfig } from '@rsbuild/shared';
+import type { HtmlConfig, NormalizedConfig, SharedRsbuildPluginAPI, NormalizedOutputConfig } from '@rsbuild/shared';
 import type { RsbuildPlugin } from '../types';
 export declare function getTitle(entryName: string, config: NormalizedConfig): string;
 export declare function getInject(entryName: string, config: NormalizedConfig): import("@rsbuild/shared").ScriptInject;
-export declare function getTemplatePath(entryName: string, config: NormalizedConfig): string;
+export declare function getTemplate(entryName: string, config: NormalizedConfig, rootPath: string): Promise<{
+  templatePath: string;
+  templateContent?: string;
+}>;
 export declare function getFavicon(entryName: string, config: {
   html: HtmlConfig;
 }): string;
-export declare const generateMetaTags: (metaOptions?: MetaOptions) => MetaAttrs[];
 export declare function getMetaTags(entryName: string, config: {
   html: HtmlConfig;
   output: NormalizedOutputConfig;
-}): Promise<MetaAttrs[]>;
+}): Promise<import("@rsbuild/shared").MetaOptions>;
 export declare const applyInjectTags: (api: SharedRsbuildPluginAPI) => void;
 export declare const pluginHtml: () => RsbuildPlugin;

package/dist/plugins/html.js

@@ -29,11 +29,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var html_exports = {};
 __export(html_exports, {
   applyInjectTags: () => applyInjectTags,
-  generateMetaTags: () => generateMetaTags,
   getFavicon: () => getFavicon,
   getInject: () => getInject,
   getMetaTags: () => getMetaTags,
-  getTemplatePath: () => getTemplatePath,
+  getTemplate: () => getTemplate,
   getTitle: () => getTitle,
   pluginHtml: () => pluginHtml
 });
@@ -57,17 +56,39 @@ function getInject(entryName, config) {
     useObjectParam: true
   });
 }
-function getTemplatePath(entryName, config) {
+const existTemplatePath = [];
+async function getTemplate(entryName, config, rootPath) {
   const DEFAULT_TEMPLATE = import_path.default.resolve(
     __dirname,
     "../../static/template.html"
   );
-  return (0, import_shared.mergeChainedOptions)({
+  const templatePath = (0, import_shared.mergeChainedOptions)({
     defaults: DEFAULT_TEMPLATE,
     options: config.html.template,
     utils: { entryName },
     useObjectParam: true
   });
+  if (templatePath === DEFAULT_TEMPLATE) {
+    return {
+      templatePath
+    };
+  }
+  const absolutePath = (0, import_path.isAbsolute)(templatePath) ? templatePath : import_path.default.resolve(rootPath, templatePath);
+  if (!existTemplatePath.includes(absolutePath)) {
+    if (!await (0, import_shared.isFileExists)(absolutePath)) {
+      throw new Error(
+        `Failed to resolve HTML template, please check if the file exists: ${import_shared.color.cyan(
+          absolutePath
+        )}`
+      );
+    }
+    existTemplatePath.push(absolutePath);
+  }
+  const templateContent = await import_shared.fse.readFile(absolutePath, "utf-8");
+  return {
+    templatePath: absolutePath,
+    templateContent
+  };
 }
 function getFavicon(entryName, config) {
   return (0, import_shared.mergeChainedOptions)({
@@ -77,26 +98,13 @@ function getFavicon(entryName, config) {
     useObjectParam: true
   });
 }
-const generateMetaTags = (metaOptions) => {
-  if (!metaOptions) {
-    return [];
-  }
-  return Object.keys(metaOptions).map((metaName) => {
-    const metaTagContent = metaOptions[metaName];
-    return typeof metaTagContent === "string" ? {
-      name: metaName,
-      content: metaTagContent
-    } : metaTagContent;
-  }).filter(Boolean);
-};
 async function getMetaTags(entryName, config) {
-  const merged = (0, import_shared.mergeChainedOptions)({
+  return (0, import_shared.mergeChainedOptions)({
     defaults: {},
     options: config.html.meta,
     utils: { entryName },
     useObjectParam: true
   });
-  return generateMetaTags(merged);
 }
 function getTemplateParameters(entryName, config, assetPrefix) {
   return (compilation, assets, assetTags, pluginOptions) => {
@@ -183,31 +191,36 @@ const pluginHtml = () => ({
             const chunks = getChunks(entryName, entryValue);
             const inject = getInject(entryName, config);
             const filename = htmlPaths[entryName];
-            const template = getTemplatePath(entryName, config);
+            const { templatePath, templateContent } = await getTemplate(
+              entryName,
+              config,
+              api.context.rootPath
+            );
             const templateParameters = getTemplateParameters(
               entryName,
               config,
               assetPrefix
             );
+            const metaTags = await getMetaTags(entryName, config);
             const pluginOptions = {
+              meta: metaTags,
               chunks,
               inject,
               minify,
               filename,
-              template,
+              template: templatePath,
               templateParameters,
               scriptLoading: config.html.scriptLoading
             };
             const htmlInfo = {};
             htmlInfoMap[filename] = htmlInfo;
+            if (templateContent) {
+              htmlInfo.templateContent = templateContent;
+            }
             const title = getTitle(entryName, config);
             if (title) {
               htmlInfo.title = title;
             }
-            const metaTags = await getMetaTags(entryName, config);
-            if (metaTags.length) {
-              htmlInfo.meta = metaTags;
-            }
             const favicon = getFavicon(entryName, config);
             if (favicon) {
               if ((0, import_shared.isURL)(favicon)) {
@@ -260,11 +273,10 @@ const pluginHtml = () => ({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   applyInjectTags,
-  generateMetaTags,
   getFavicon,
   getInject,
   getMetaTags,
-  getTemplatePath,
+  getTemplate,
   getTitle,
   pluginHtml
 });

package/dist/rspack-plugins/HtmlBasicPlugin.d.ts

@@ -1,15 +1,15 @@
 import type HtmlWebpackPlugin from 'html-webpack-plugin';
 import type { Compiler } from '@rspack/core';
-import type { MetaAttrs } from '@rsbuild/shared';
 export type HtmlInfo = {
-  meta?: MetaAttrs[];
   title?: string;
   favicon?: string;
+  templateContent?: string;
 };
 export type HtmlBasicPluginOptions = {
   info: Record<string, HtmlInfo>;
   HtmlPlugin: typeof HtmlWebpackPlugin;
 };
+export declare const hasTitle: (html?: string) => boolean;
 export declare class HtmlBasicPlugin {
   readonly name: string;
   readonly options: HtmlBasicPluginOptions;

package/dist/rspack-plugins/HtmlBasicPlugin.js

@@ -18,9 +18,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var HtmlBasicPlugin_exports = {};
 __export(HtmlBasicPlugin_exports, {
-  HtmlBasicPlugin: () => HtmlBasicPlugin
+  HtmlBasicPlugin: () => HtmlBasicPlugin,
+  hasTitle: () => hasTitle
 });
 module.exports = __toCommonJS(HtmlBasicPlugin_exports);
+const hasTitle = (html) => html ? /<title/i.test(html) && /<\/title/i.test(html) : false;
 class HtmlBasicPlugin {
   constructor(options) {
     this.name = "HtmlBasicPlugin";
@@ -40,19 +42,6 @@ class HtmlBasicPlugin {
         });
       }
     };
-    const addMetaTag = (headTags, outputName) => {
-      const { meta } = this.options.info[outputName];
-      if (meta) {
-        headTags.unshift(
-          ...meta.map((attr) => ({
-            tagName: "meta",
-            attributes: attr,
-            meta: {},
-            voidTag: true
-          }))
-        );
-      }
-    };
     const addFavicon = (headTags, outputName) => {
       const { favicon } = this.options.info[outputName];
       if (favicon) {
@@ -72,8 +61,10 @@ class HtmlBasicPlugin {
         this.name,
         (data) => {
           const { headTags, outputName } = data;
-          addTitleTag(headTags, outputName);
-          addMetaTag(headTags, outputName);
+          const { templateContent } = this.options.info[outputName];
+          if (!hasTitle(templateContent)) {
+            addTitleTag(headTags, outputName);
+          }
           addFavicon(headTags, outputName);
           return data;
         }
@@ -83,5 +74,6 @@ class HtmlBasicPlugin {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  HtmlBasicPlugin
+  HtmlBasicPlugin,
+  hasTitle
 });

package/dist/rspack-provider/core/createContext.js

@@ -64,7 +64,7 @@ function createContextByConfig(options, bundlerType, sourceConfig = {}, outputCo
     entry: sourceConfig.entry || // TODO: remove sourceConfig.entries in v0.2.0
     // compat with previous config
     sourceConfig.entries || getDefaultEntry(rootPath),
-    version: "0.1.0",
+    version: "0.1.1",
     target,
     rootPath,
     distPath,

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

@@ -92,7 +92,7 @@ const pluginSwc = () => ({
             swcConfig.env.mode = void 0;
           } else {
             swcConfig.env.mode = polyfillMode;
-            await applyCoreJs(swcConfig, chain, rule, polyfillMode);
+            await applyCoreJs(swcConfig, chain, polyfillMode);
           }
         }
         rule.use(CHAIN_ID.USE.SWC).loader(builtinSwcLoaderName).options(swcConfig);
@@ -110,7 +110,7 @@ const pluginSwc = () => ({
     });
   }
 });
-async function applyCoreJs(swcConfig, chain, rule, polyfillMode) {
+async function applyCoreJs(swcConfig, chain, polyfillMode) {
   const coreJsPath = require.resolve("core-js/package.json");
   const version = (0, import_shared.getCoreJsVersion)(coreJsPath);
   const coreJsDir = path.dirname(coreJsPath);
@@ -121,7 +121,6 @@ async function applyCoreJs(swcConfig, chain, rule, polyfillMode) {
   chain.resolve.alias.merge({
     "core-js": coreJsDir
   });
-  rule.exclude.add(coreJsDir);
 }
 function applyTransformImport(swcConfig, pluginImport) {
   var _a, _b, _c;

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

@@ -21,7 +21,6 @@ __export(transition_exports, {
   pluginTransition: () => pluginTransition
 });
 module.exports = __toCommonJS(transition_exports);
-var import_shared = require("@rsbuild/shared");
 const pluginTransition = () => ({
   name: "rsbuild:transition",
   setup(api) {
@@ -31,9 +30,6 @@ const pluginTransition = () => ({
         chain.optimization.chunkIds("deterministic");
       }
     });
-    api.modifyRspackConfig((config) => {
-      (0, import_shared.setConfig)(config, "experiments.rspackFuture.newResolver", true);
-    });
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/server/dev-middleware/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="node" />
 /// <reference types="node" />
-import { Server } from 'http';
+import type { Server } from 'http';
 import { EventEmitter } from 'events';
 import type { DevConfig, DevMiddlewareAPI, DevMiddleware as CustomDevMiddleware } from '@rsbuild/shared';
 type Options = {
+  publicPaths: string[];
   dev: DevConfig;
   devMiddleware?: CustomDevMiddleware;
 };
@@ -11,10 +12,12 @@ export default class DevMiddleware extends EventEmitter {
   middleware?: DevMiddlewareAPI;
   private devOptions;
   private devMiddleware?;
+  private publicPaths;
   private socketServer;
   constructor({
     dev,
-    devMiddleware
+    devMiddleware,
+    publicPaths
   }: Options);
   init(app: Server): void;
   close(): void;

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

@@ -44,15 +44,19 @@ function getHMRClientPath(client) {
   return clientEntry;
 }
 class DevMiddleware extends import_events.EventEmitter {
-  constructor({ dev, devMiddleware }) {
+  constructor({ dev, devMiddleware, publicPaths }) {
     super();
     this.devOptions = dev;
+    this.publicPaths = publicPaths;
     this.socketServer = new import_socketServer.default(dev);
     this.devMiddleware = devMiddleware;
   }
   init(app) {
     if (this.devMiddleware) {
-      this.middleware = this.setupDevMiddleware(this.devMiddleware);
+      this.middleware = this.setupDevMiddleware(
+        this.devMiddleware,
+        this.publicPaths
+      );
     }
     app.on("listening", () => {
       this.socketServer.prepare(app);
@@ -66,7 +70,7 @@ class DevMiddleware extends import_events.EventEmitter {
   sockWrite(type, data) {
     this.socketServer.sockWrite(type, data);
   }
-  setupDevMiddleware(devMiddleware) {
+  setupDevMiddleware(devMiddleware, publicPaths) {
     const { devOptions } = this;
     const callbacks = {
       onInvalid: () => {
@@ -80,12 +84,27 @@ class DevMiddleware extends import_events.EventEmitter {
     const enableHMR = this.devOptions.hmr;
     const middleware = devMiddleware({
       headers: devOptions.headers,
+      publicPath: "/",
       stats: false,
       callbacks,
       hmrClientPath: enableHMR ? getHMRClientPath(devOptions.client) : void 0,
       serverSideRender: true,
       writeToDisk: devOptions.writeToDisk
     });
-    return middleware;
+    const warp = async (req, res, next) => {
+      const url = req.url;
+      const assetPrefix = url && publicPaths.find((prefix) => url.startsWith(prefix));
+      if (assetPrefix && assetPrefix !== "/") {
+        req.url = url.slice(assetPrefix.length - 1);
+        middleware(req, res, (...args) => {
+          req.url = url;
+          next(...args);
+        });
+      } else {
+        middleware(req, res, next);
+      }
+    };
+    warp.close = middleware.close;
+    return warp;
   }
 }

package/dist/server/devServer.js

@@ -50,6 +50,7 @@ class RsbuildDevServer {
     this.output = options.output;
     this.devMiddleware = new import_dev_middleware.default({
       dev: this.dev,
+      publicPaths: options.output.publicPaths,
       devMiddleware: options.devMiddleware
     });
   }
@@ -116,7 +117,6 @@ class RsbuildDevServer {
     this.middlewares.use(
       (0, import_middlewares.getHtmlFallbackMiddleware)({
         distPath: (0, import_path.isAbsolute)(distPath) ? distPath : (0, import_path.join)(this.pwd, distPath),
-        publicPath: this.output.publicPath,
         callback: devMiddleware.middleware,
         htmlFallback: this.dev.htmlFallback
       })
@@ -192,14 +192,14 @@ async function startDevServer(options, createDevMiddleware, {
     options,
     customCompiler
   );
-  const publicPath = compiler.compilers ? (0, import_shared.getPublicPathFromCompiler)(compiler.compilers[0]) : (0, import_shared.getPublicPathFromCompiler)(compiler);
+  const publicPaths = compiler.compilers ? compiler.compilers.map(import_shared.getPublicPathFromCompiler) : [(0, import_shared.getPublicPathFromCompiler)(compiler)];
   const server = new RsbuildDevServer({
     pwd: options.context.rootPath,
     devMiddleware,
     dev: devServerConfig,
     output: {
       distPath: ((_d = (_c = rsbuildConfig.output) == null ? void 0 : _c.distPath) == null ? void 0 : _d.root) || import_shared.ROOT_DIST_DIR,
-      publicPath
+      publicPaths
     }
   });
   (0, import_shared.debug)("create dev server done");

package/dist/server/middlewares.d.ts

@@ -3,7 +3,6 @@ export declare const faviconFallbackMiddleware: Middleware;
 export declare const notFoundMiddleware: Middleware;
 export declare const getHtmlFallbackMiddleware: (params: {
   distPath: string;
-  publicPath: string;
   callback?: Middleware;
   htmlFallback?: HtmlFallback;
 }) => Middleware;

package/dist/server/middlewares.js

@@ -48,7 +48,7 @@ const notFoundMiddleware = (_req, res, _next) => {
   res.statusCode = 404;
   res.end();
 };
-const getHtmlFallbackMiddleware = ({ htmlFallback, publicPath, distPath, callback }) => {
+const getHtmlFallbackMiddleware = ({ htmlFallback, distPath, callback }) => {
   return (req, res, next) => {
     if (
       // Only accept GET or HEAD
@@ -68,7 +68,6 @@ const getHtmlFallbackMiddleware = ({ htmlFallback, publicPath, distPath, callbac
     }
     const rewrite = (newUrl) => {
       var _a;
-      newUrl = (0, import_shared.urlJoin)(publicPath, newUrl);
       (_a = import_shared.debug) == null ? void 0 : _a(`Rewriting ${req.method} ${req.url} to ${newUrl}`);
       req.url = newUrl;
       if (callback) {
@@ -94,10 +93,6 @@ const getHtmlFallbackMiddleware = ({ htmlFallback, publicPath, distPath, callbac
       if (outputFileSystem.existsSync(filePath)) {
         return rewrite(newUrl);
       }
-    } else {
-      if (outputFileSystem.existsSync(import_path.default.join(distPath, pathname))) {
-        return rewrite(url);
-      }
     }
     if (htmlFallback === "index") {
       if (outputFileSystem.existsSync(import_path.default.join(distPath, "index.html"))) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Unleash the power of Rspack with the out-of-the-box build tool.",
   "homepage": "https://rsbuild.dev",
   "bugs": {
@@ -64,7 +64,7 @@
     "postcss": "8.4.31",
     "semver": "^7.5.4",
     "ws": "^8.2.0",
-    "@rsbuild/shared": "0.1.0"
+    "@rsbuild/shared": "0.1.1"
   },
   "devDependencies": {
     "@types/node": "^16",