@modern-js/app-tools 2.9.0 → 2.10.0

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @modern-js/app-tools
 
+## 2.10.0
+
+### Patch Changes
+
+- 0da32d0: chore: upgrade jest and puppeteer
+  chore: 升级 jest 和 puppeteer 到 latest
+- 0d9962b: fix: add types field in package.json
+  fix: 添加 package.json 中的 types 字段
+- fbefa7e: chore(deps): bump webpack from 5.75.0 to 5.76.2
+
+  chore(deps): 将 webpack 从 5.75.0 升级至 5.76.2
+
+- 7b5dd99: feat(app-tools): support builder-plugin-node-polyfill & output.disableNodePolyfill false when use Rspack
+
+  feat(app-tools): 在启动 Rspack 时，支持 builder-plugin-node-polyfill 插件以及将 output.disableNodePolyfill 设置为 false
+
+- 6db4864: feat: add output.splitRouteChunks
+  feat: 添加 output.splitRouteChunks 配置
+- dcc5610: perf: improve routerPlugin performance
+  perf: 优化 routerPlugin 的性能
+- 84c4372: fix: should get publicPath from webpack stats in router-plugin
+  fix: 应该从 webpack stats 获得 publicPath
+- Updated dependencies [d8bbf28]
+- Updated dependencies [a8db932]
+- Updated dependencies [3e0bd50]
+- Updated dependencies [92d247f]
+- Updated dependencies [0da32d0]
+- Updated dependencies [d3f0642]
+- Updated dependencies [a16b9b0]
+- Updated dependencies [0d9962b]
+- Updated dependencies [fbefa7e]
+- Updated dependencies [4d54233]
+- Updated dependencies [6db4864]
+- Updated dependencies [82326ee]
+- Updated dependencies [d6b6e29]
+- Updated dependencies [cfdbf80]
+- Updated dependencies [ed55acb]
+  - @modern-js/prod-server@2.10.0
+  - @modern-js/builder-webpack-provider@2.10.0
+  - @modern-js/builder-rspack-provider@2.10.0
+  - @modern-js/builder-shared@2.10.0
+  - @modern-js/plugin-data-loader@2.10.0
+  - @modern-js/server@2.10.0
+  - @modern-js/types@2.10.0
+  - @modern-js/node-bundle-require@2.10.0
+  - @modern-js/new-action@2.10.0
+  - @modern-js/plugin-i18n@2.10.0
+  - @modern-js/plugin-lint@2.10.0
+  - @modern-js/upgrade@2.10.0
+  - @modern-js/plugin@2.10.0
+  - @modern-js/utils@2.10.0
+  - @modern-js/core@2.10.0
+  - @modern-js/builder-plugin-esbuild@2.10.0
+  - @modern-js/builder-plugin-node-polyfill@2.10.0
+  - @modern-js/builder@2.10.0
+
 ## 2.9.0
 
 ### Patch Changes

package/dist/cjs/analyze/generateCode.js

@@ -99,6 +99,7 @@ const generateCode = async (appContext, config, entrypoints, api) => {
   const getRoutes = isV5 ? import_getClientRoutes.getClientRoutesLegacy : import_getClientRoutes.getClientRoutes;
   await Promise.all(entrypoints.map(generateEntryCode));
   async function generateEntryCode(entrypoint) {
+    var _a;
     const { entryName, isAutoMount, customBootstrap, fileSystemRoutes } = entrypoint;
     if (isAutoMount) {
       if (fileSystemRoutes) {
@@ -161,7 +162,8 @@ const generateCode = async (appContext, config, entrypoints, api) => {
             ssrMode: useSSG ? "string" : mode,
             nestedRoutesEntry: entrypoint.nestedRoutesEntry,
             entryName: entrypoint.entryName,
-            internalDirectory
+            internalDirectory,
+            splitRouteChunks: (_a = config2 == null ? void 0 : config2.output) == null ? void 0 : _a.splitRouteChunks
           })
         });
         if (entrypoint.nestedRoutesEntry && (0, import_utils.isUseSSRBundle)(config2)) {

package/dist/cjs/analyze/index.js

@@ -247,6 +247,14 @@ var analyze_default = ({
           imports
         };
       },
+      validateSchema() {
+        return {
+          target: "output.splitRouteChunks",
+          schema: {
+            type: "boolean"
+          }
+        };
+      },
       async fileChange(e) {
         const appContext = api.useAppContext();
         const { appDirectory } = appContext;

package/dist/cjs/analyze/templates.js

@@ -176,13 +176,16 @@ const routesForServer = ({
     ${routesCode}
   `;
 };
+const createMatchReg = (keyword) => new RegExp(`("${keyword}":\\s)"([^,]+)"`, "g");
 const fileSystemRoutes = async ({
   routes,
   ssrMode,
   nestedRoutesEntry,
   entryName,
-  internalDirectory
+  internalDirectory,
+  splitRouteChunks = true
 }) => {
+  const components = [];
   const loadings = [];
   const errors = [];
   const loaders = [];
@@ -241,20 +244,30 @@ const fileSystemRoutes = async ({
         };
       }
       if (route._component) {
-        if (route.isRoot) {
-          rootLayoutCode = `import RootLayout from '${route._component}'`;
-          component = `RootLayout`;
-        } else if (ssrMode === "string") {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
-          component = `loadable(${lazyImport})`;
+        if (splitRouteChunks) {
+          if (route.isRoot) {
+            rootLayoutCode = `import RootLayout from '${route._component}'`;
+            component = `RootLayout`;
+          } else if (ssrMode === "string") {
+            lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
+            component = `loadable(${lazyImport})`;
+          } else {
+            lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
+            component = `lazy(${lazyImport})`;
+          }
         } else {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
-          component = `lazy(${lazyImport})`;
+          components.push(route._component);
+          component = `component_${components.length - 1}`;
         }
       }
     } else if (route._component) {
-      lazyImport = `() => import('${route._component}')`;
-      component = `loadable(${lazyImport})`;
+      if (splitRouteChunks) {
+        lazyImport = `() => import('${route._component}')`;
+        component = `loadable(${lazyImport})`;
+      } else {
+        components.push(route._component);
+        component = `component_${components.length - 1}`;
+      }
     }
     const finalRoute = {
       ...route,
@@ -275,20 +288,38 @@ const fileSystemRoutes = async ({
   for (const route of routes) {
     if ("type" in route) {
       const newRoute = traverseRouteTree(route);
-      routeComponentsCode += `${JSON.stringify(newRoute, null, 2).replace(/"(loadable.*\))"/g, "$1").replace(/"(loadableLazy.*\))"/g, "$1").replace(/"(\(\)[^,]+)",/g, "$1,").replace(/"(lazy\(.*\))"/g, "$1").replace(/"(loading_[^"]+)"/g, "$1").replace(/"(loader_[^"]+)"/g, "$1").replace(/"(RootLayout)"/g, "$1").replace(/"(error_[^"]+)"/g, "$1").replace(/\\"/g, '"')},`;
+      const routeStr = JSON.stringify(newRoute, null, 2);
+      const keywords = [
+        "component",
+        "lazyImport",
+        "loader",
+        "loading",
+        "error"
+      ];
+      const regs = keywords.map(createMatchReg);
+      const newRouteStr = regs.reduce((acc, reg) => acc.replace(reg, "$1$2"), routeStr).replace(/"(RootLayout)"/g, "$1").replace(/\\"/g, '"');
+      routeComponentsCode += `${newRouteStr},`;
     } else {
       const component = `loadable(() => import('${route._component}'))`;
       const finalRoute = {
         ...route,
         component
       };
-      routeComponentsCode += `${JSON.stringify(finalRoute, null, 2).replace(/"(loadable[^"]*)"/g, "$1").replace(/"(lazy[^"]*)"/g, "$1")},`;
+      const keywords = ["component", "lazyImport"];
+      const routeStr = JSON.stringify(finalRoute, null, 2);
+      const regs = keywords.map(createMatchReg);
+      const newRouteStr = regs.reduce((acc, reg) => acc.replace(reg, "$1$2"), routeStr).replace(/\\"/g, '"');
+      routeComponentsCode += `${newRouteStr},`;
     }
   }
   routeComponentsCode += `
 ];`;
   const importLoadingCode = loadings.map((loading, index2) => {
     return `import loading_${index2} from '${loading}';
+`;
+  }).join("");
+  const importComponentsCode = components.map((component, index2) => {
+    return `import component_${index2} from '${component}';
 `;
   }).join("");
   const importErrorComponentsCode = errors.map((error, index2) => {
@@ -313,6 +344,7 @@ const fileSystemRoutes = async ({
   await import_utils.fs.writeJSON(loadersMapFile, loadersMap);
   return `
     ${importLazyCode}
+    ${importComponentsCode}
     ${rootLayoutCode}
     ${importLoadingCode}
     ${importErrorComponentsCode}

package/dist/cjs/builder/builder-rspack/index.js

@@ -1,6 +1,8 @@
+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)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 builder_rspack_exports = {};
 __export(builder_rspack_exports, {
@@ -23,7 +33,18 @@ module.exports = __toCommonJS(builder_rspack_exports);
 var import_builder_rspack_provider = require("@modern-js/builder-rspack-provider");
 var import_generator = require("../generator");
 function createRspackBuilderForModern(options) {
-  return (0, import_generator.generateBuilder)(options, import_builder_rspack_provider.builderRspackProvider);
+  return (0, import_generator.generateBuilder)(options, import_builder_rspack_provider.builderRspackProvider, {
+    async modifyBuilderInstance(builder) {
+      applyBuilderPlugins(builder, options);
+    }
+  });
+}
+async function applyBuilderPlugins(builder, options) {
+  const { normalizedConfig } = options;
+  if (!normalizedConfig.output.disableNodePolyfill) {
+    const { builderPluginNodePolyfill } = await Promise.resolve().then(() => __toESM(require("@modern-js/builder-plugin-node-polyfill")));
+    builder.addPlugins([builderPluginNodePolyfill()]);
+  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/builder/shared/builderPlugins/adapterSSR.js

@@ -42,13 +42,16 @@ const builderPluginAdapterSSR = (options) => ({
     api.modifyBundlerChain(
       async (chain, { target, CHAIN_ID, isProd, HtmlPlugin: HtmlBundlerPlugin, isServer }) => {
         const builderConfig = api.getNormalizedConfig();
-        applyRouterPlugin(chain, options);
-        await applySSRLoaderEntry(chain, options, isServer);
+        const { normalizedConfig: normalizedConfig2 } = options;
+        if ((0, import_utils.isSSR)(normalizedConfig2)) {
+          applyRouterPlugin(chain, options);
+          await applySSRLoaderEntry(chain, options, isServer);
+        }
         if (["node", "service-worker"].includes(target)) {
           applyFilterEntriesBySSRConfig({
             isProd,
             chain,
-            appNormalizedConfig: options.normalizedConfig
+            appNormalizedConfig: normalizedConfig2
           });
         }
         if ((0, import_adapterHtml.isHtmlEnabled)(builderConfig, target)) {

package/dist/cjs/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -62,6 +62,9 @@ class RouterPlugin {
         },
         async () => {
           const stats = compilation.getStats().toJson({
+            all: false,
+            publicPath: true,
+            assets: true,
             chunkGroups: true,
             chunks: true
           });

package/dist/esm/analyze/generateCode.js

@@ -245,7 +245,7 @@ var generateCode = function() {
         }
         function _generateEntryCode() {
             _generateEntryCode = _asyncToGenerator(function(entrypoint) {
-                var entryName, isAutoMount, customBootstrap, fileSystemRoutes, initialRoutes, nestedRoute, routes, config2, ssr, useSSG, mode, hasPageRoute, _ref, code2, _, _tmp, routesServerFile, code3, serverLoaderCombined, serverLoaderFile, _ref1, importStatements, plugins, _ref2, renderFunction, exportStatement, code, entryFile, _ref3, asyncEntryCode, bootstrapFile;
+                var entryName, isAutoMount, customBootstrap, fileSystemRoutes, _config2_output, initialRoutes, nestedRoute, routes, config2, ssr, useSSG, mode, hasPageRoute, _ref, code2, _, _tmp, routesServerFile, code3, serverLoaderCombined, serverLoaderFile, _ref1, importStatements, plugins, _ref2, renderFunction, exportStatement, code, entryFile, _ref3, asyncEntryCode, bootstrapFile;
                 return __generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -322,7 +322,8 @@ var generateCode = function() {
                                     ssrMode: useSSG ? "string" : mode,
                                     nestedRoutesEntry: entrypoint.nestedRoutesEntry,
                                     entryName: entrypoint.entryName,
-                                    internalDirectory: internalDirectory
+                                    internalDirectory: internalDirectory,
+                                    splitRouteChunks: config2 === null || config2 === void 0 ? void 0 : (_config2_output = config2.output) === null || _config2_output === void 0 ? void 0 : _config2_output.splitRouteChunks
                                 })
                             ];
                         case 4:

package/dist/esm/analyze/index.js

@@ -638,6 +638,14 @@ var analyze_default = function(param) {
                         });
                     })();
                 },
+                validateSchema: function validateSchema() {
+                    return {
+                        target: "output.splitRouteChunks",
+                        schema: {
+                            type: "boolean"
+                        }
+                    };
+                },
                 fileChange: function fileChange(e) {
                     return _asyncToGenerator(function() {
                         var appContext, appDirectory, filename, eventType, isPageFile, absoluteFilePath, isRouteComponent, resolvedConfig, generateCode, entrypoints;

package/dist/esm/analyze/templates.js

@@ -296,13 +296,17 @@ var routesForServer = function(param) {
     }
     return "\n    ".concat(importLoadersCode, "\n    ").concat(routesCode, "\n  ");
 };
+var createMatchReg = function(keyword) {
+    return new RegExp('("'.concat(keyword, '":\\s)"([^,]+)"'), "g");
+};
 var fileSystemRoutes = function() {
     var _ref = _asyncToGenerator(function(param) {
-        var routes, ssrMode, nestedRoutesEntry, entryName, internalDirectory, loadings, errors, loaders, loadersMap, loadersMapFile, importLazyCode, rootLayoutCode, getDataLoaderPath, traverseRouteTree, routeComponentsCode, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, route, newRoute, component, finalRoute, importLoadingCode, importErrorComponentsCode, importLoadersCode, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, _step_value, key, loaderInfo;
+        var routes, ssrMode, nestedRoutesEntry, entryName, internalDirectory, _param_splitRouteChunks, splitRouteChunks, components, loadings, errors, loaders, loadersMap, loadersMapFile, importLazyCode, rootLayoutCode, getDataLoaderPath, traverseRouteTree, routeComponentsCode, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, route, newRoute, routeStr, keywords, regs, newRouteStr, component, finalRoute, keywords1, routeStr1, regs1, newRouteStr1, importLoadingCode, importComponentsCode, importErrorComponentsCode, importLoadersCode, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, _step_value, key, loaderInfo;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    routes = param.routes, ssrMode = param.ssrMode, nestedRoutesEntry = param.nestedRoutesEntry, entryName = param.entryName, internalDirectory = param.internalDirectory;
+                    routes = param.routes, ssrMode = param.ssrMode, nestedRoutesEntry = param.nestedRoutesEntry, entryName = param.entryName, internalDirectory = param.internalDirectory, _param_splitRouteChunks = param.splitRouteChunks, splitRouteChunks = _param_splitRouteChunks === void 0 ? true : _param_splitRouteChunks;
+                    components = [];
                     loadings = [];
                     errors = [];
                     loaders = [];
@@ -351,20 +355,30 @@ var fileSystemRoutes = function() {
                                 };
                             }
                             if (route._component) {
-                                if (route.isRoot) {
-                                    rootLayoutCode = "import RootLayout from '".concat(route._component, "'");
-                                    component = "RootLayout";
-                                } else if (ssrMode === "string") {
-                                    lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, "\" */  '").concat(route._component, "')");
-                                    component = "loadable(".concat(lazyImport, ")");
+                                if (splitRouteChunks) {
+                                    if (route.isRoot) {
+                                        rootLayoutCode = "import RootLayout from '".concat(route._component, "'");
+                                        component = "RootLayout";
+                                    } else if (ssrMode === "string") {
+                                        lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, "\" */  '").concat(route._component, "')");
+                                        component = "loadable(".concat(lazyImport, ")");
+                                    } else {
+                                        lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, "\" */  '").concat(route._component, "')");
+                                        component = "lazy(".concat(lazyImport, ")");
+                                    }
                                 } else {
-                                    lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, "\" */  '").concat(route._component, "')");
-                                    component = "lazy(".concat(lazyImport, ")");
+                                    components.push(route._component);
+                                    component = "component_".concat(components.length - 1);
                                 }
                             }
                         } else if (route._component) {
-                            lazyImport = "() => import('".concat(route._component, "')");
-                            component = "loadable(".concat(lazyImport, ")");
+                            if (splitRouteChunks) {
+                                lazyImport = "() => import('".concat(route._component, "')");
+                                component = "loadable(".concat(lazyImport, ")");
+                            } else {
+                                components.push(route._component);
+                                component = "component_".concat(components.length - 1);
+                            }
                         }
                         var finalRoute = _objectSpreadProps(_objectSpread({}, route), {
                             lazyImport: lazyImport,
@@ -385,13 +399,34 @@ var fileSystemRoutes = function() {
                             route = _step.value;
                             if ("type" in route) {
                                 newRoute = traverseRouteTree(route);
-                                routeComponentsCode += "".concat(JSON.stringify(newRoute, null, 2).replace(/"(loadable.*\))"/g, "$1").replace(/"(loadableLazy.*\))"/g, "$1").replace(/"(\(\)[^,]+)",/g, "$1,").replace(/"(lazy\(.*\))"/g, "$1").replace(/"(loading_[^"]+)"/g, "$1").replace(/"(loader_[^"]+)"/g, "$1").replace(/"(RootLayout)"/g, "$1").replace(/"(error_[^"]+)"/g, "$1").replace(/\\"/g, '"'), ",");
+                                routeStr = JSON.stringify(newRoute, null, 2);
+                                keywords = [
+                                    "component",
+                                    "lazyImport",
+                                    "loader",
+                                    "loading",
+                                    "error"
+                                ];
+                                regs = keywords.map(createMatchReg);
+                                newRouteStr = regs.reduce(function(acc, reg) {
+                                    return acc.replace(reg, "$1$2");
+                                }, routeStr).replace(/"(RootLayout)"/g, "$1").replace(/\\"/g, '"');
+                                routeComponentsCode += "".concat(newRouteStr, ",");
                             } else {
                                 component = "loadable(() => import('".concat(route._component, "'))");
                                 finalRoute = _objectSpreadProps(_objectSpread({}, route), {
                                     component: component
                                 });
-                                routeComponentsCode += "".concat(JSON.stringify(finalRoute, null, 2).replace(/"(loadable[^"]*)"/g, "$1").replace(/"(lazy[^"]*)"/g, "$1"), ",");
+                                keywords1 = [
+                                    "component",
+                                    "lazyImport"
+                                ];
+                                routeStr1 = JSON.stringify(finalRoute, null, 2);
+                                regs1 = keywords1.map(createMatchReg);
+                                newRouteStr1 = regs1.reduce(function(acc, reg) {
+                                    return acc.replace(reg, "$1$2");
+                                }, routeStr1).replace(/\\"/g, '"');
+                                routeComponentsCode += "".concat(newRouteStr1, ",");
                             }
                         }
                     } catch (err) {
@@ -412,6 +447,9 @@ var fileSystemRoutes = function() {
                     importLoadingCode = loadings.map(function(loading, index2) {
                         return "import loading_".concat(index2, " from '").concat(loading, "';\n");
                     }).join("");
+                    importComponentsCode = components.map(function(component, index2) {
+                        return "import component_".concat(index2, " from '").concat(component, "';\n");
+                    }).join("");
                     importErrorComponentsCode = errors.map(function(error, index2) {
                         return "import error_".concat(index2, " from '").concat(error, "';\n");
                     }).join("");
@@ -454,7 +492,7 @@ var fileSystemRoutes = function() {
                     _state.sent();
                     return [
                         2,
-                        "\n    ".concat(importLazyCode, "\n    ").concat(rootLayoutCode, "\n    ").concat(importLoadingCode, "\n    ").concat(importErrorComponentsCode, "\n    ").concat(importLoadersCode, "\n    ").concat(routeComponentsCode, "\n  ")
+                        "\n    ".concat(importLazyCode, "\n    ").concat(importComponentsCode, "\n    ").concat(rootLayoutCode, "\n    ").concat(importLoadingCode, "\n    ").concat(importErrorComponentsCode, "\n    ").concat(importLoadersCode, "\n    ").concat(routeComponentsCode, "\n  ")
                     ];
             }
         });

package/dist/esm/builder/builder-rspack/index.js

@@ -1,6 +1,174 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+var __generator = this && this.__generator || function(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+};
 import { builderRspackProvider } from "@modern-js/builder-rspack-provider";
 import { generateBuilder } from "../generator";
 function createRspackBuilderForModern(options) {
-    return generateBuilder(options, builderRspackProvider);
+    return generateBuilder(options, builderRspackProvider, {
+        modifyBuilderInstance: function modifyBuilderInstance(builder) {
+            return _asyncToGenerator(function() {
+                return __generator(this, function(_state) {
+                    applyBuilderPlugins(builder, options);
+                    return [
+                        2
+                    ];
+                });
+            })();
+        }
+    });
+}
+function applyBuilderPlugins(builder, options) {
+    return _applyBuilderPlugins.apply(this, arguments);
+}
+function _applyBuilderPlugins() {
+    _applyBuilderPlugins = _asyncToGenerator(function(builder, options) {
+        var normalizedConfig, builderPluginNodePolyfill;
+        return __generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    normalizedConfig = options.normalizedConfig;
+                    if (!!normalizedConfig.output.disableNodePolyfill) return [
+                        3,
+                        2
+                    ];
+                    return [
+                        4,
+                        import("@modern-js/builder-plugin-node-polyfill")
+                    ];
+                case 1:
+                    builderPluginNodePolyfill = _state.sent().builderPluginNodePolyfill;
+                    builder.addPlugins([
+                        builderPluginNodePolyfill()
+                    ]);
+                    _state.label = 2;
+                case 2:
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return _applyBuilderPlugins.apply(this, arguments);
 }
 export { createRspackBuilderForModern };

package/dist/esm/builder/shared/builderPlugins/adapterSSR.js

@@ -123,7 +123,7 @@ var __generator = this && this.__generator || function(thisArg, body) {
     }
 };
 import { mergeBuilderConfig } from "@modern-js/builder-shared";
-import { fs } from "@modern-js/utils";
+import { isSSR, fs } from "@modern-js/utils";
 import { HtmlAsyncChunkPlugin, RouterPlugin } from "../bundlerPlugins";
 import { getServerCombinedModueFile } from "../../../analyze/utils";
 import { isHtmlEnabled } from "./adapterHtml";
@@ -144,12 +144,17 @@ var builderPluginAdapterSSR = function(options) {
             });
             api.modifyBundlerChain(function() {
                 var _ref = _asyncToGenerator(function(chain, param) {
-                    var target, CHAIN_ID, isProd, HtmlBundlerPlugin, isServer, builderConfig;
+                    var target, CHAIN_ID, isProd, HtmlBundlerPlugin, isServer, builderConfig, normalizedConfig2;
                     return __generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 target = param.target, CHAIN_ID = param.CHAIN_ID, isProd = param.isProd, HtmlBundlerPlugin = param.HtmlPlugin, isServer = param.isServer;
                                 builderConfig = api.getNormalizedConfig();
+                                normalizedConfig2 = options.normalizedConfig;
+                                if (!isSSR(normalizedConfig2)) return [
+                                    3,
+                                    2
+                                ];
                                 applyRouterPlugin(chain, options);
                                 return [
                                     4,
@@ -157,6 +162,8 @@ var builderPluginAdapterSSR = function(options) {
                                 ];
                             case 1:
                                 _state.sent();
+                                _state.label = 2;
+                            case 2:
                                 if ([
                                     "node",
                                     "service-worker"
@@ -164,7 +171,7 @@ var builderPluginAdapterSSR = function(options) {
                                     applyFilterEntriesBySSRConfig({
                                         isProd: isProd,
                                         chain: chain,
-                                        appNormalizedConfig: options.normalizedConfig
+                                        appNormalizedConfig: normalizedConfig2
                                     });
                                 }
                                 if (isHtmlEnabled(builderConfig, target)) {

package/dist/esm/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -240,6 +240,9 @@ var RouterPlugin = /*#__PURE__*/ function() {
                             switch(_state.label){
                                 case 0:
                                     stats = compilation.getStats().toJson({
+                                        all: false,
+                                        publicPath: true,
+                                        assets: true,
                                         chunkGroups: true,
                                         chunks: true
                                     });

package/dist/esm-node/analyze/generateCode.js

@@ -81,6 +81,7 @@ const generateCode = async (appContext, config, entrypoints, api) => {
   const getRoutes = isV5 ? getClientRoutesLegacy : getClientRoutes;
   await Promise.all(entrypoints.map(generateEntryCode));
   async function generateEntryCode(entrypoint) {
+    var _a;
     const { entryName, isAutoMount, customBootstrap, fileSystemRoutes } = entrypoint;
     if (isAutoMount) {
       if (fileSystemRoutes) {
@@ -143,7 +144,8 @@ const generateCode = async (appContext, config, entrypoints, api) => {
             ssrMode: useSSG ? "string" : mode,
             nestedRoutesEntry: entrypoint.nestedRoutesEntry,
             entryName: entrypoint.entryName,
-            internalDirectory
+            internalDirectory,
+            splitRouteChunks: (_a = config2 == null ? void 0 : config2.output) == null ? void 0 : _a.splitRouteChunks
           })
         });
         if (entrypoint.nestedRoutesEntry && isUseSSRBundle(config2)) {

package/dist/esm-node/analyze/index.js

@@ -227,6 +227,14 @@ var analyze_default = ({
           imports
         };
       },
+      validateSchema() {
+        return {
+          target: "output.splitRouteChunks",
+          schema: {
+            type: "boolean"
+          }
+        };
+      },
       async fileChange(e) {
         const appContext = api.useAppContext();
         const { appDirectory } = appContext;

package/dist/esm-node/analyze/templates.js

@@ -139,13 +139,16 @@ const routesForServer = ({
     ${routesCode}
   `;
 };
+const createMatchReg = (keyword) => new RegExp(`("${keyword}":\\s)"([^,]+)"`, "g");
 const fileSystemRoutes = async ({
   routes,
   ssrMode,
   nestedRoutesEntry,
   entryName,
-  internalDirectory
+  internalDirectory,
+  splitRouteChunks = true
 }) => {
+  const components = [];
   const loadings = [];
   const errors = [];
   const loaders = [];
@@ -204,20 +207,30 @@ const fileSystemRoutes = async ({
         };
       }
       if (route._component) {
-        if (route.isRoot) {
-          rootLayoutCode = `import RootLayout from '${route._component}'`;
-          component = `RootLayout`;
-        } else if (ssrMode === "string") {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
-          component = `loadable(${lazyImport})`;
+        if (splitRouteChunks) {
+          if (route.isRoot) {
+            rootLayoutCode = `import RootLayout from '${route._component}'`;
+            component = `RootLayout`;
+          } else if (ssrMode === "string") {
+            lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
+            component = `loadable(${lazyImport})`;
+          } else {
+            lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
+            component = `lazy(${lazyImport})`;
+          }
         } else {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
-          component = `lazy(${lazyImport})`;
+          components.push(route._component);
+          component = `component_${components.length - 1}`;
         }
       }
     } else if (route._component) {
-      lazyImport = `() => import('${route._component}')`;
-      component = `loadable(${lazyImport})`;
+      if (splitRouteChunks) {
+        lazyImport = `() => import('${route._component}')`;
+        component = `loadable(${lazyImport})`;
+      } else {
+        components.push(route._component);
+        component = `component_${components.length - 1}`;
+      }
     }
     const finalRoute = {
       ...route,
@@ -238,20 +251,38 @@ const fileSystemRoutes = async ({
   for (const route of routes) {
     if ("type" in route) {
       const newRoute = traverseRouteTree(route);
-      routeComponentsCode += `${JSON.stringify(newRoute, null, 2).replace(/"(loadable.*\))"/g, "$1").replace(/"(loadableLazy.*\))"/g, "$1").replace(/"(\(\)[^,]+)",/g, "$1,").replace(/"(lazy\(.*\))"/g, "$1").replace(/"(loading_[^"]+)"/g, "$1").replace(/"(loader_[^"]+)"/g, "$1").replace(/"(RootLayout)"/g, "$1").replace(/"(error_[^"]+)"/g, "$1").replace(/\\"/g, '"')},`;
+      const routeStr = JSON.stringify(newRoute, null, 2);
+      const keywords = [
+        "component",
+        "lazyImport",
+        "loader",
+        "loading",
+        "error"
+      ];
+      const regs = keywords.map(createMatchReg);
+      const newRouteStr = regs.reduce((acc, reg) => acc.replace(reg, "$1$2"), routeStr).replace(/"(RootLayout)"/g, "$1").replace(/\\"/g, '"');
+      routeComponentsCode += `${newRouteStr},`;
     } else {
       const component = `loadable(() => import('${route._component}'))`;
       const finalRoute = {
         ...route,
         component
       };
-      routeComponentsCode += `${JSON.stringify(finalRoute, null, 2).replace(/"(loadable[^"]*)"/g, "$1").replace(/"(lazy[^"]*)"/g, "$1")},`;
+      const keywords = ["component", "lazyImport"];
+      const routeStr = JSON.stringify(finalRoute, null, 2);
+      const regs = keywords.map(createMatchReg);
+      const newRouteStr = regs.reduce((acc, reg) => acc.replace(reg, "$1$2"), routeStr).replace(/\\"/g, '"');
+      routeComponentsCode += `${newRouteStr},`;
     }
   }
   routeComponentsCode += `
 ];`;
   const importLoadingCode = loadings.map((loading, index2) => {
     return `import loading_${index2} from '${loading}';
+`;
+  }).join("");
+  const importComponentsCode = components.map((component, index2) => {
+    return `import component_${index2} from '${component}';
 `;
   }).join("");
   const importErrorComponentsCode = errors.map((error, index2) => {
@@ -276,6 +307,7 @@ const fileSystemRoutes = async ({
   await fs.writeJSON(loadersMapFile, loadersMap);
   return `
     ${importLazyCode}
+    ${importComponentsCode}
     ${rootLayoutCode}
     ${importLoadingCode}
     ${importErrorComponentsCode}

package/dist/esm-node/builder/builder-rspack/index.js

@@ -1,7 +1,18 @@
 import { builderRspackProvider } from "@modern-js/builder-rspack-provider";
 import { generateBuilder } from "../generator";
 function createRspackBuilderForModern(options) {
-  return generateBuilder(options, builderRspackProvider);
+  return generateBuilder(options, builderRspackProvider, {
+    async modifyBuilderInstance(builder) {
+      applyBuilderPlugins(builder, options);
+    }
+  });
+}
+async function applyBuilderPlugins(builder, options) {
+  const { normalizedConfig } = options;
+  if (!normalizedConfig.output.disableNodePolyfill) {
+    const { builderPluginNodePolyfill } = await import("@modern-js/builder-plugin-node-polyfill");
+    builder.addPlugins([builderPluginNodePolyfill()]);
+  }
 }
 export {
   createRspackBuilderForModern

package/dist/esm-node/builder/shared/builderPlugins/adapterSSR.js

@@ -1,7 +1,7 @@
 import {
   mergeBuilderConfig
 } from "@modern-js/builder-shared";
-import { fs } from "@modern-js/utils";
+import { isSSR, fs } from "@modern-js/utils";
 import { HtmlAsyncChunkPlugin, RouterPlugin } from "../bundlerPlugins";
 import { getServerCombinedModueFile } from "../../../analyze/utils";
 import { isHtmlEnabled } from "./adapterHtml";
@@ -22,13 +22,16 @@ const builderPluginAdapterSSR = (options) => ({
     api.modifyBundlerChain(
       async (chain, { target, CHAIN_ID, isProd, HtmlPlugin: HtmlBundlerPlugin, isServer }) => {
         const builderConfig = api.getNormalizedConfig();
-        applyRouterPlugin(chain, options);
-        await applySSRLoaderEntry(chain, options, isServer);
+        const { normalizedConfig: normalizedConfig2 } = options;
+        if (isSSR(normalizedConfig2)) {
+          applyRouterPlugin(chain, options);
+          await applySSRLoaderEntry(chain, options, isServer);
+        }
         if (["node", "service-worker"].includes(target)) {
           applyFilterEntriesBySSRConfig({
             isProd,
             chain,
-            appNormalizedConfig: options.normalizedConfig
+            appNormalizedConfig: normalizedConfig2
           });
         }
         if (isHtmlEnabled(builderConfig, target)) {

package/dist/esm-node/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -35,6 +35,9 @@ class RouterPlugin {
         },
         async () => {
           const stats = compilation.getStats().toJson({
+            all: false,
+            publicPath: true,
+            assets: true,
             chunkGroups: true,
             chunks: true
           });

package/dist/types/analyze/templates.d.ts

@@ -35,12 +35,14 @@ export declare const fileSystemRoutes: ({
   ssrMode,
   nestedRoutesEntry,
   entryName,
-  internalDirectory
+  internalDirectory,
+  splitRouteChunks
 }: {
   routes: RouteLegacy[] | (NestedRoute | PageRoute)[];
   ssrMode?: SSRMode | undefined;
   nestedRoutesEntry?: string | undefined;
   entryName: string;
   internalDirectory: string;
+  splitRouteChunks?: boolean | undefined;
 }) => Promise<string>;
 export declare function ssrLoaderCombinedModule(entrypoints: Entrypoint[], entrypoint: Entrypoint, config: AppNormalizedConfig<'shared'>, appContext: IAppContext): string | null;

package/dist/types/builder/builder-rspack/index.d.ts

@@ -1,2 +1,3 @@
+import { BuilderInstance } from '@modern-js/builder-shared';
 import { BuilderOptions } from '../shared';
-export declare function createRspackBuilderForModern(options: BuilderOptions<'rspack'>): Promise<import("@modern-js/builder-shared").BuilderInstance<import("@modern-js/builder-shared").BuilderProvider<Record<string, any>, Record<string, any>, Record<string, any>, Record<string, any>>>>;
+export declare function createRspackBuilderForModern(options: BuilderOptions<'rspack'>): Promise<BuilderInstance<import("@modern-js/builder-shared").BuilderProvider<Record<string, any>, Record<string, any>, Record<string, any>, Record<string, any>>>>;

package/dist/types/types/config/output.d.ts

@@ -7,6 +7,7 @@ export type BuilderOutputConfig = UnwrapBuilderConfig<BuilderConfig, 'output'>;
 export type RsBuilderOutputConfig = UnwrapBuilderConfig<RsBuilderConfig, 'output'>;
 export interface SharedOutputConfig extends BuilderSharedOutputConfig {
   ssg?: SSGConfig;
+  splitRouteChunks?: boolean;
   disableNodePolyfill?: boolean;
 }
 export interface OutputUserConfig extends BuilderOutputConfig, SharedOutputConfig {}

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.9.0",
+  "version": "2.10.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -22,18 +22,22 @@
         "import": "./dist/esm/index.js",
         "require": "./dist/cjs/index.js"
       },
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/cjs/index.js"
     },
     "./cli": {
       "jsnext:source": "./src/index.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/cjs/index.js"
     },
     "./types": {
       "jsnext:source": "./lib/types.d.ts",
+      "types": "./lib/types.d.ts",
       "default": "./lib/types.d.ts"
     },
     "./server": {
       "jsnext:source": "./src/exports/server.ts",
+      "types": "./dist/types/exports/server.d.ts",
       "default": "./dist/cjs/exports/server.js"
     }
   },
@@ -64,39 +68,39 @@
     "@babel/types": "^7.18.0",
     "es-module-lexer": "^1.1.0",
     "esbuild": "0.15.7",
-    "@modern-js/builder": "2.9.0",
-    "@modern-js/builder-plugin-esbuild": "2.9.0",
-    "@modern-js/builder-plugin-node-polyfill": "2.9.0",
-    "@modern-js/builder-shared": "2.9.0",
-    "@modern-js/builder-webpack-provider": "2.9.0",
-    "@modern-js/core": "2.9.0",
-    "@modern-js/new-action": "2.9.0",
-    "@modern-js/node-bundle-require": "2.9.0",
-    "@modern-js/plugin": "2.9.0",
-    "@modern-js/plugin-data-loader": "2.9.0",
-    "@modern-js/plugin-i18n": "2.9.0",
-    "@modern-js/plugin-lint": "2.9.0",
-    "@modern-js/prod-server": "2.9.0",
-    "@modern-js/server": "2.9.0",
-    "@modern-js/types": "2.9.0",
-    "@modern-js/upgrade": "2.9.0",
-    "@modern-js/utils": "2.9.0"
+    "@modern-js/builder": "2.10.0",
+    "@modern-js/builder-plugin-esbuild": "2.10.0",
+    "@modern-js/builder-plugin-node-polyfill": "2.10.0",
+    "@modern-js/builder-shared": "2.10.0",
+    "@modern-js/builder-webpack-provider": "2.10.0",
+    "@modern-js/core": "2.10.0",
+    "@modern-js/new-action": "2.10.0",
+    "@modern-js/node-bundle-require": "2.10.0",
+    "@modern-js/plugin": "2.10.0",
+    "@modern-js/plugin-data-loader": "2.10.0",
+    "@modern-js/plugin-i18n": "2.10.0",
+    "@modern-js/plugin-lint": "2.10.0",
+    "@modern-js/prod-server": "2.10.0",
+    "@modern-js/server": "2.10.0",
+    "@modern-js/types": "2.10.0",
+    "@modern-js/upgrade": "2.10.0",
+    "@modern-js/utils": "2.10.0"
   },
   "devDependencies": {
     "@types/babel__traverse": "^7.14.2",
-    "@types/jest": "^27",
+    "@types/jest": "^29",
     "@types/node": "^14",
-    "jest": "^27",
+    "jest": "^29",
     "typescript": "^4",
-    "webpack": "^5.75.0",
-    "@modern-js/builder-plugin-swc": "2.9.0",
-    "@modern-js/builder-rspack-provider": "2.9.0",
-    "@modern-js/server-core": "2.9.0",
-    "@scripts/jest-config": "2.9.0",
-    "@scripts/build": "2.9.0"
+    "webpack": "^5.76.2",
+    "@modern-js/builder-plugin-swc": "2.10.0",
+    "@modern-js/builder-rspack-provider": "2.10.0",
+    "@modern-js/server-core": "2.10.0",
+    "@scripts/build": "2.10.0",
+    "@scripts/jest-config": "2.10.0"
   },
   "peerDependencies": {
-    "@modern-js/builder-rspack-provider": "^2.9.0"
+    "@modern-js/builder-rspack-provider": "^2.10.0"
   },
   "peerDependenciesMeta": {
     "@modern-js/builder-rspack-provider": {