feat: split lazy compilation case

benchmark.mjs

@@ -141,6 +141,15 @@ const buildTools = [
     "build:rspack",
     "@rspack/cli/bin/rspack.js"
   ),
+  new BuildTool(
+    "Rspack CLI (Lazy Compilation) " +
+      require("@rspack/core/package.json").version,
+    8080,
+    "start:rspack:lazy",
+    /in (.+) (s|ms)/,
+    "build:rspack",
+    "@rspack/cli/bin/rspack.js"
+  ),
   // new BuildTool(
   //   "Farm " + require("@farmfe/core/package.json").version,
   //   9000,

package.json

@@ -52,6 +52,7 @@
     "start:webpack": "NODE_ENV=development webpack serve --mode development",
     "build:webpack": "NODE_ENV=production webpack build --mode production",
     "start:rspack": "NODE_ENV=development rspack serve",
+    "start:rspack:lazy": "NODE_ENV=development LAZY=true rspack serve",
     "build:rspack": "NODE_ENV=production rspack build",
     "start:rsbuild": "rsbuild dev",
     "build:rsbuild": "rsbuild build",

rspack.config.mjs

@@ -52,11 +52,11 @@ export default defineConfig({
     ],
   },
   plugins: [
-    new rspack.HtmlRspackPlugin({ template: "./index.webpack.html" }),
+    new rspack.HtmlRspackPlugin({ template: "./index.rspack.html" }),
     !isProduction && new ReactRefreshPlugin(),
   ].filter(Boolean),
   experiments: {
     css: true,
-    lazyCompilation: !isProduction, // lazyCompilation should only be enabled in development mode
+    lazyCompilation: Boolean(process.env.LAZY) && !isProduction, // lazyCompilation should only be enabled in development mode
   },
 });

webpack.config.js

@@ -54,7 +54,7 @@ module.exports = {
   plugins: [
     new MiniCssExtractPlugin(),
     new HtmlWebpackPlugin({
-      template: "./index.webpack.html",
+      template: "./index.rspack.html",
     }),
     isProd ? null : new ReactRefreshWebpackPlugin(),
   ].filter(Boolean),