In our monorepo we have:

apps/
├── app1
├── app2
└── app3

Each of these is a TanStack Router app using file-based routing. We could build app1, app2 and app3 separately, host them as three different processes, and use a complex network (or Kubernetes) config to route them under one origin:

/app1 → app1
/app2 → app2
/app3 → app3

I’d like to replace that with a single “container” app that dynamically loads and mounts all three, but still preserves auto-code-splitting. My current approach is:

const router = createTanstackRouter({
  routeTree: routeTree.addChildren([
    // keep any file-based children in the container
    ...(routeTree.children! as unknown as AnyRoute["children"]),
    // mount each micro-app under its own path
    ...mount(app1Routes),
    ...mount(app2Routes),
    ...mount(app3Routes),
  ]),
});

This lets us build only the container—but unfortunately it bundles everything into one huge file and loses the automatic splitting. Are there any recommended approaches this?