@rsbuild/core 0.7.0 → 0.7.2

package/dist/index.js

@@ -23,12 +23,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.50.0_eslint@9.3.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.50.0_eslint@9.4.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename, getDirname, __dirname, __filename;
 var init_esm = __esm({
-  "../../node_modules/.pnpm/@modern-js+module-tools@2.50.0_eslint@9.3.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js"() {
+  "../../node_modules/.pnpm/@modern-js+module-tools@2.50.0_eslint@9.4.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js"() {
     "use strict";
     getFilename = () => fileURLToPath(import.meta.url);
     getDirname = () => path.dirname(getFilename());
@@ -37,24 +37,6 @@ var init_esm = __esm({
   }
 });
 
-// src/constants.ts
-import { join } from "path";
-var PLUGIN_SWC_NAME, PLUGIN_CSS_NAME, LOADER_PATH, STATIC_PATH, COMPILED_PATH, TS_CONFIG_FILE, HTML_REGEX, CSS_REGEX;
-var init_constants = __esm({
-  "src/constants.ts"() {
-    "use strict";
-    init_esm();
-    PLUGIN_SWC_NAME = "rsbuild:swc";
-    PLUGIN_CSS_NAME = "rsbuild:css";
-    LOADER_PATH = join(__dirname);
-    STATIC_PATH = join(__dirname, "../static");
-    COMPILED_PATH = join(__dirname, "../compiled");
-    TS_CONFIG_FILE = "tsconfig.json";
-    HTML_REGEX = /\.html$/;
-    CSS_REGEX = /\.css$/;
-  }
-});
-
 // src/client/format.ts
 function resolveFileName(stats) {
   if (stats.moduleIdentifier) {
@@ -68,8 +50,8 @@ function resolveFileName(stats) {
       }
     }
   }
-  return `File: ${stats.moduleName}
-`;
+  return stats.moduleName ? `File: ${stats.moduleName}
+` : "";
 }
 function hintUnknownFiles(message) {
   const hint = "You may need an appropriate loader to handle this file type.";
@@ -134,6 +116,24 @@ var init_format = __esm({
   }
 });
 
+// src/constants.ts
+import { join } from "path";
+var PLUGIN_SWC_NAME, PLUGIN_CSS_NAME, LOADER_PATH, STATIC_PATH, COMPILED_PATH, TS_CONFIG_FILE, HTML_REGEX, CSS_REGEX;
+var init_constants = __esm({
+  "src/constants.ts"() {
+    "use strict";
+    init_esm();
+    PLUGIN_SWC_NAME = "rsbuild:swc";
+    PLUGIN_CSS_NAME = "rsbuild:css";
+    LOADER_PATH = join(__dirname);
+    STATIC_PATH = join(__dirname, "../static");
+    COMPILED_PATH = join(__dirname, "../compiled");
+    TS_CONFIG_FILE = "tsconfig.json";
+    HTML_REGEX = /\.html$/;
+    CSS_REGEX = /\.css$/;
+  }
+});
+
 // src/helpers.ts
 import path2 from "path";
 import {
@@ -201,6 +201,10 @@ function formatStats(stats, options = {}) {
   }
   return {};
 }
+function isEmptyDir(path14) {
+  const files = fse.readdirSync(path14);
+  return files.length === 0 || files.length === 1 && files[0] === ".git";
+}
 async function isFileExists(file) {
   return fse.promises.access(file, fse.constants.F_OK).then(() => true).catch(() => false);
 }
@@ -690,6 +694,7 @@ var init_config = __esm({
       inlineStyles: false,
       cssModules: {
         auto: true,
+        namedExport: false,
         exportGlobals: false,
         exportLocalsConvention: "camelCase"
       },
@@ -707,7 +712,7 @@ var init_config = __esm({
     });
     withDefaultConfig = async (rootPath, config) => {
       const merged = mergeRsbuildConfig(createDefaultConfig(), config);
-      merged.source || (merged.source = {});
+      merged.source ||= {};
       if (!merged.source.entry) {
         merged.source.entry = getDefaultEntry(rootPath);
       }
@@ -962,7 +967,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   return {
     entry: getEntryObject(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.7.0",
+    version: "0.7.2",
     rootPath,
     distPath,
     cachePath,
@@ -1984,7 +1989,7 @@ function formatProxyOptions(proxyOptions) {
   }
   const handleError = (err) => logger7.error(err);
   for (const opts of ret) {
-    opts.onError ?? (opts.onError = handleError);
+    opts.onError ??= handleError;
   }
   return ret;
 }
@@ -3206,7 +3211,10 @@ var init_build = __esm({
             const buildError = err || new Error("Rspack build failed!");
             reject(buildError);
           } else {
-            compiler.close(() => {
+            compiler.close((closeErr) => {
+              if (closeErr) {
+                logger10.error(closeErr);
+              }
               resolve({ stats });
             });
           }
@@ -3318,7 +3326,6 @@ var init_basic = __esm({
       setup(api) {
         api.modifyBundlerChain(
           (chain, { env, isProd: isProd4, target, bundler, CHAIN_ID: CHAIN_ID3 }) => {
-            var _a;
             const config = api.getNormalizedConfig();
             chain.name(TARGET_ID_MAP2[target]);
             chain.devtool(getJsSourceMap(config));
@@ -3348,7 +3355,7 @@ var init_basic = __esm({
               );
             }
             process.env.RSPACK_CONFIG_VALIDATE = "loose-silent";
-            (_a = process.env).WATCHPACK_WATCHER_LIMIT || (_a.WATCHPACK_WATCHER_LIMIT = "20");
+            process.env.WATCHPACK_WATCHER_LIMIT ||= "20";
           }
         );
       }
@@ -3670,7 +3677,7 @@ var init_css = __esm({
       if (extraPlugins.length) {
         mergedConfig?.postcssOptions?.plugins.push(...extraPlugins);
       }
-      mergedConfig.postcssOptions || (mergedConfig.postcssOptions = {});
+      mergedConfig.postcssOptions ||= {};
       mergedConfig.postcssOptions.config = false;
       return mergedConfig;
     };
@@ -3684,10 +3691,7 @@ var init_css = __esm({
       const defaultOptions2 = {
         importLoaders,
         modules: {
-          auto: cssModules.auto,
-          namedExport: false,
-          exportGlobals: cssModules.exportGlobals,
-          exportLocalsConvention: cssModules.exportLocalsConvention,
+          ...cssModules,
           localIdentName
         },
         sourceMap: config.output.sourceMap.css
@@ -3721,7 +3725,7 @@ var init_css = __esm({
           }
         });
         api.modifyRspackConfig(async (rspackConfig) => {
-          rspackConfig.experiments || (rspackConfig.experiments = {});
+          rspackConfig.experiments ||= {};
           rspackConfig.experiments.css = false;
         });
       }
@@ -3908,7 +3912,7 @@ var init_resolve = __esm({
         api.modifyRspackConfig(async (rspackConfig) => {
           const isTsProject = Boolean(api.context.tsconfigPath);
           const config = api.getNormalizedConfig();
-          rspackConfig.resolve || (rspackConfig.resolve = {});
+          rspackConfig.resolve ||= {};
           if (isTsProject && config.source.aliasStrategy === "prefer-tsconfig") {
             rspackConfig.resolve.tsConfigPath = api.context.tsconfigPath;
           }
@@ -4263,7 +4267,7 @@ var init_minimize = __esm({
           pure_funcs: pureFuncs
         };
       }
-      options.format || (options.format = {});
+      options.format ||= {};
       switch (config.output.legalComments) {
         case "inline":
           options.format.comments = "some";
@@ -4954,7 +4958,6 @@ var init_html = __esm({
           // ensure `crossorigin` and `nonce` can be applied to all tags
           order: "post",
           handler: ({ headTags, bodyTags }) => {
-            var _a;
             const config = api.getNormalizedConfig();
             const { crossorigin } = config.html;
             const { nonce } = config.security;
@@ -4963,15 +4966,15 @@ var init_html = __esm({
               const formattedCrossorigin = crossorigin === true ? "anonymous" : crossorigin;
               for (const tag of allTags) {
                 if (tag.tag === "script" && tag.attrs?.src || tag.tag === "link" && tag.attrs?.rel === "stylesheet") {
-                  tag.attrs || (tag.attrs = {});
-                  (_a = tag.attrs).crossorigin ?? (_a.crossorigin = formattedCrossorigin);
+                  tag.attrs ||= {};
+                  tag.attrs.crossorigin ??= formattedCrossorigin;
                 }
               }
             }
             if (nonce) {
               for (const tag of allTags) {
                 if (tag.tag === "script" || tag.tag === "style") {
-                  tag.attrs ?? (tag.attrs = {});
+                  tag.attrs ??= {};
                   tag.attrs.nonce = nonce;
                 }
               }
@@ -5219,17 +5222,15 @@ async function applyCoreJs(swcConfig, chain, polyfillMode) {
   });
 }
 function applyTransformImport(swcConfig, pluginImport) {
-  var _a;
   if (pluginImport !== false && pluginImport) {
-    swcConfig.rspackExperiments ?? (swcConfig.rspackExperiments = {});
-    (_a = swcConfig.rspackExperiments).import ?? (_a.import = []);
+    swcConfig.rspackExperiments ??= {};
+    swcConfig.rspackExperiments.import ??= [];
     swcConfig.rspackExperiments.import.push(...pluginImport);
   }
 }
 function applySwcDecoratorConfig(swcConfig, config) {
-  var _a;
-  swcConfig.jsc || (swcConfig.jsc = {});
-  (_a = swcConfig.jsc).transform || (_a.transform = {});
+  swcConfig.jsc ||= {};
+  swcConfig.jsc.transform ||= {};
   const { version: version2 } = config.source.decorators;
   switch (version2) {
     case "legacy":
@@ -5920,7 +5921,7 @@ function pluginBundleAnalyzer() {
         if (isProd3() || !isUseAnalyzer(config)) {
           return;
         }
-        config.dev || (config.dev = {});
+        config.dev ||= {};
         config.dev.writeToDisk = true;
         return config;
       });
@@ -5995,7 +5996,7 @@ var init_rsdoctor = __esm({
             if (registered) {
               return;
             }
-            config.plugins || (config.plugins = []);
+            config.plugins ||= [];
             config.plugins.push(new module[pluginName]());
             isAutoRegister = true;
           }
@@ -6380,7 +6381,7 @@ var init_performance = __esm({
         api.modifyRsbuildConfig((rsbuildConfig) => {
           if (rsbuildConfig.performance?.profile) {
             if (!rsbuildConfig.performance?.bundleAnalyze) {
-              rsbuildConfig.performance ?? (rsbuildConfig.performance = {});
+              rsbuildConfig.performance ??= {};
               rsbuildConfig.performance.bundleAnalyze = {
                 analyzerMode: "disabled",
                 generateStatsFile: true
@@ -6767,6 +6768,81 @@ var init_rspackProfile = __esm({
   }
 });
 
+// src/plugins/lazyCompilation.ts
+var lazyCompilation_exports = {};
+__export(lazyCompilation_exports, {
+  pluginLazyCompilation: () => pluginLazyCompilation
+});
+import { isRegExp } from "@rsbuild/shared";
+var pluginLazyCompilation;
+var init_lazyCompilation = __esm({
+  "src/plugins/lazyCompilation.ts"() {
+    "use strict";
+    init_esm();
+    pluginLazyCompilation = () => ({
+      name: "rsbuild:lazy-compilation",
+      setup(api) {
+        api.modifyBundlerChain((chain, { isProd: isProd4, target }) => {
+          if (isProd4 || target !== "web") {
+            return;
+          }
+          const config = api.getNormalizedConfig();
+          const options = config.dev?.lazyCompilation;
+          if (!options) {
+            return;
+          }
+          const clientRegExp = /[\\/]core[\\/]dist[\\/]client[\\/]/;
+          const cssRegExp = /\.(?:css|less|sass|scss|styl|stylus)$/;
+          const isExcludedModule = (name) => {
+            return (
+              // alway include Rsbuild client code, such as HMR
+              clientRegExp.test(name) || // exclude CSS files because Rspack does not support it yet
+              // TODO: remove this after Rspack supporting it
+              cssRegExp.test(name)
+            );
+          };
+          const defaultTest = (module) => {
+            const name = module.nameForCondition();
+            if (!name) {
+              return false;
+            }
+            return !isExcludedModule(name);
+          };
+          const mergeOptions = () => {
+            if (options === true) {
+              return { test: defaultTest };
+            }
+            const { test } = options;
+            if (!test) {
+              return {
+                ...options,
+                test: defaultTest
+              };
+            }
+            return {
+              ...options,
+              test(module) {
+                const name = module.nameForCondition();
+                if (!name || isExcludedModule(name)) {
+                  return false;
+                }
+                if (isRegExp(test)) {
+                  return name ? test.test(name) : false;
+                }
+                return test(module);
+              }
+            };
+          };
+          chain.experiments({
+            ...chain.get("experiments"),
+            lazyCompilation: mergeOptions()
+          });
+        });
+      }
+    });
+  }
+});
+
 // src/createRsbuild.ts
 var createRsbuild_exports = {};
 __export(createRsbuild_exports, {
@@ -6805,6 +6881,7 @@ async function applyDefaultPlugins(pluginManager, context) {
   const { pluginManifest: pluginManifest2 } = await Promise.resolve().then(() => (init_manifest(), manifest_exports));
   const { pluginModuleFederation: pluginModuleFederation2 } = await Promise.resolve().then(() => (init_moduleFederation(), moduleFederation_exports));
   const { pluginRspackProfile: pluginRspackProfile2 } = await Promise.resolve().then(() => (init_rspackProfile(), rspackProfile_exports));
+  const { pluginLazyCompilation: pluginLazyCompilation2 } = await Promise.resolve().then(() => (init_lazyCompilation(), lazyCompilation_exports));
   pluginManager.addPlugins([
     pluginBasic2(),
     pluginEntry2(),
@@ -6839,7 +6916,8 @@ async function applyDefaultPlugins(pluginManager, context) {
     pluginServer2(),
     pluginManifest2(),
     pluginModuleFederation2(),
-    pluginRspackProfile2()
+    pluginRspackProfile2(),
+    pluginLazyCompilation2()
   ]);
 }
 async function createRsbuild(options = {}) {
@@ -6970,21 +7048,21 @@ async function init({
       watchFiles(files);
     }
     const { createRsbuild: createRsbuild2 } = await Promise.resolve().then(() => (init_createRsbuild(), createRsbuild_exports));
-    config.source || (config.source = {});
+    config.source ||= {};
     config.source.define = {
       ...envs.publicVars,
       ...config.source.define
     };
     if (commonOpts.open && !config.dev?.startUrl) {
-      config.dev || (config.dev = {});
+      config.dev ||= {};
       config.dev.startUrl = commonOpts.open;
     }
     if (commonOpts.host) {
-      config.server || (config.server = {});
+      config.server ||= {};
       config.server.host = commonOpts.host;
     }
     if (commonOpts.port) {
-      config.server || (config.server = {});
+      config.server ||= {};
       config.server.port = commonOpts.port;
     }
     return createRsbuild2({
@@ -7039,6 +7117,7 @@ init_esm();
 
 // src/cli/commands.ts
 init_esm();
+init_helpers();
 init_init();
 import { existsSync } from "fs";
 import { join as join12 } from "path";
@@ -7057,7 +7136,7 @@ var applyServerOptions = (command) => {
   command.option("-o --open [url]", "open the page in browser on startup").option("--port <port>", "specify a port number for server to listen").option("--host <host>", "specify the host that the server listens to");
 };
 function runCli() {
-  program.name("rsbuild").usage("<command> [options]").version("0.7.0");
+  program.name("rsbuild").usage("<command> [options]").version("0.7.2");
   const devCommand = program.command("dev");
   const buildCommand = program.command("build");
   const previewCommand = program.command("preview");
@@ -7091,12 +7170,22 @@ function runCli() {
   previewCommand.description("preview the production build locally").action(async (options) => {
     try {
       const rsbuild = await init({ cliOptions: options });
-      if (rsbuild && !existsSync(rsbuild.context.distPath)) {
-        throw new Error(
-          `The output directory ${color13.yellow(
-            rsbuild.context.distPath
-          )} does not exist, please build the project before previewing.`
-        );
+      if (rsbuild) {
+        const { distPath } = rsbuild.context;
+        if (!existsSync(distPath)) {
+          throw new Error(
+            `The output directory ${color13.yellow(
+              distPath
+            )} does not exist, please build the project before previewing.`
+          );
+        }
+        if (isEmptyDir(distPath)) {
+          throw new Error(
+            `The output directory ${color13.yellow(
+              distPath
+            )} is empty, please build the project before previewing.`
+          );
+        }
       }
       await rsbuild?.preview();
     } catch (err) {
@@ -7138,7 +7227,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  logger18.greet(`  ${`Rsbuild v${"0.7.0"}`}
+  logger18.greet(`  ${`Rsbuild v${"0.7.2"}`}
 `);
 }
 
@@ -7165,7 +7254,7 @@ init_config();
 init_mergeConfig();
 init_constants();
 import { logger as logger19 } from "@rsbuild/shared";
-var version = "0.7.0";
+var version = "0.7.2";
 export {
   PLUGIN_CSS_NAME,
   PLUGIN_SWC_NAME,

package/dist-types/helpers.d.ts

@@ -23,6 +23,7 @@ export declare const getPublicPathFromChain: (chain: BundlerChain, withSlash?: b
  */
 export declare const ensureAbsolutePath: (base: string, filePath: string) => string;
 export declare const isFileSync: (filePath: string) => boolean | undefined;
+export declare function isEmptyDir(path: string): boolean;
 /**
  * Find first already exists file.
  * @param files - Absolute file paths with extension.

package/dist-types/plugins/lazyCompilation.d.ts

@@ -0,0 +1,2 @@
+import type { RsbuildPlugin } from '@rsbuild/core';
+export declare const pluginLazyCompilation: () => RsbuildPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/core",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "The Rspack-based build tool.",
   "homepage": "https://rsbuild.dev",
   "bugs": {
@@ -51,7 +51,7 @@
     "core-js": "~3.36.0",
     "html-webpack-plugin": "npm:html-rspack-plugin@5.7.2",
     "postcss": "^8.4.38",
-    "@rsbuild/shared": "0.7.0"
+    "@rsbuild/shared": "0.7.2"
   },
   "devDependencies": {
     "@types/connect": "3.4.38",
@@ -62,7 +62,7 @@
     "commander": "^12.1.0",
     "connect": "3.7.0",
     "connect-history-api-fallback": "^2.0.0",
-    "css-loader": "7.1.1",
+    "css-loader": "7.1.2",
     "dotenv": "16.4.5",
     "dotenv-expand": "11.0.6",
     "fs-extra": "^11.2.0",