Fix: reduce bundle size by remove runtime module

.changeset/cuddly-jars-agree.md

@@ -0,0 +1,6 @@
+---
+'@ice/runtime': patch
+'@ice/app': patch
+---
+
+fix: reduce bundle size by remove runtime module

packages/ice/src/createService.ts

@@ -356,10 +356,10 @@ async function createService({ rootDir, command, commandArgs }: CreateServiceOpt
   );
 
   const appConfig: AppConfig = (await getAppConfig()).default;
-
   updateRuntimeEnv(appConfig, {
     disableRouter,
     // The optimization for runtime size should only be enabled in production mode.
+    routesConfig: command !== 'build' || routesInfo.routesExports.length > 0,
     dataLoader: command !== 'build' || loaderExports,
   });
 

packages/ice/src/routes.ts

@@ -36,6 +36,15 @@ export async function generateRoutesInfo(
     }
   });
 
+  const routesExports = [];
+  const configExport = generateRouteConfig(routes, 'pageConfig', (str, imports) => {
+    routesExports.push(...imports);
+    return `${str}
+export default {
+  ${imports.map(([routeId, importKey]) => `'${routeId}': ${importKey},`).join('\n  ')}
+};`;
+  });
+
   return {
     routesCount,
     routeManifest,
@@ -46,12 +55,8 @@ export default {
   ${imports.map(([routeId, importKey]) => `'${routeId}': ${importKey},`).join('\n  ')}
 };` : '';
     }),
-    routesConfig: generateRouteConfig(routes, 'pageConfig', (str, imports) => {
-      return `${str}
-export default {
-  ${imports.map(([routeId, importKey]) => `'${routeId}': ${importKey},`).join('\n  ')}
-};`;
-    }),
+    routesConfig: configExport,
+    routesExports,
   };
 }
 

packages/ice/src/utils/runtimeEnv.ts

@@ -10,6 +10,7 @@ export interface Envs {
 }
 interface EnvOptions {
   disableRouter: boolean;
+  routesConfig: boolean;
   dataLoader: boolean;
 }
 
@@ -54,13 +55,15 @@ export async function setEnv(
   // Set to false for compatibility with the old version.
   process.env.ICE_CORE_REMOVE_DATA_LOADER = 'false';
 
+  process.env.ICE_CORE_REMOVE_ROUTES_CONFIG = 'false';
+
   // set ssr and ssg env to false, for remove dead code in CSR.
   process.env.ICE_CORE_SSG = 'false';
   process.env.ICE_CORE_SSR = 'false';
 }
 
 export const updateRuntimeEnv = (appConfig: AppConfig, options: EnvOptions) => {
-  const { disableRouter, dataLoader } = options;
+  const { disableRouter, dataLoader, routesConfig } = options;
   if (!appConfig?.app?.errorBoundary) {
     process.env.ICE_CORE_ERROR_BOUNDARY = 'false';
   }
@@ -70,6 +73,9 @@ export const updateRuntimeEnv = (appConfig: AppConfig, options: EnvOptions) => {
   if (!dataLoader) {
     process.env.ICE_CORE_REMOVE_DATA_LOADER = 'true';
   }
+  if (!routesConfig) {
+    process.env.ICE_CORE_REMOVE_ROUTES_CONFIG = 'true';
+  }
 };
 
 export function getCoreEnvKeys() {
@@ -79,6 +85,7 @@ export function getCoreEnvKeys() {
     'ICE_CORE_ERROR_BOUNDARY',
     'ICE_CORE_INITIAL_DATA',
     'ICE_CORE_DEV_PORT',
+    'ICE_CORE_REMOVE_ROUTES_CONFIG',
     'ICE_CORE_REMOVE_DATA_LOADER',
   ];
 }

packages/runtime/src/routes.tsx

@@ -165,7 +165,7 @@ export function createRouteLoader(options: RouteLoaderOptions): LoaderFunction {
       const loaderData = {
         pageConfig: pageConfig ? pageConfig({}) : {},
       };
-      if (import.meta.renderer === 'client') {
+      if (import.meta.renderer === 'client' && process.env.ICE_CORE_REMOVE_ROUTES_CONFIG !== 'true') {
         await updateRoutesConfig(loaderData);
       }
       return loaderData;
@@ -242,7 +242,7 @@ export function createRouteLoader(options: RouteLoaderOptions): LoaderFunction {
       pageConfig: routeConfig,
     };
     // Update routes config when render mode is CSR.
-    if (import.meta.renderer === 'client') {
+    if (import.meta.renderer === 'client' && process.env.ICE_CORE_REMOVE_ROUTES_CONFIG !== 'true') {
       await updateRoutesConfig(loaderData);
     }
     return loaderData;