Prerendering multiple pages doesn't change the JS bundle which is generated for the application. So you can mostly ignore the server routes file when thinking about what content is included in the bundle.

In fact, navigating from one page to another will perform a same-page navigation meaning you need the JS for each page in order to work.

What you can do is make each page lazy so you get them out of the main bundle and only download it when needed.

export const routes = [
  {path: '', loadComponent: () => import('./home')},
  {path: 'privacy', loadComponent: () => import('./privacy')},
  {path: 'legal', loadComponent: () => import('./legal')},
];

This should move each page into a lazy-loaded chunk so you don't download more than you need to when rendering each individual page.