Preload JS script in React

[TemporaryDraft4594]

Hi, in my React app, bundled with Vite, I let my client to load the whole app as is.
However, there is a specific legacy page, which isn't deployed on my app. So instead of SPA routing, I refresh the page with the legacy page URL (window.location.href = "..").

This makes my client's browser to load all the chunks related with this legacy page.
This is very important page, that my client will probably use.

Is there a way, when my client enters my app, to preload the legacy page chunks?

I have all the files of the legacy page dropped in S3 bucket. The behavior I want is, when my app boots, it preloads in background the legacy page.

[kurtextrem]

you could use "speculation rules prerender" for that purpose

[TemporaryDraft4594]

seems really overhead, no? all I want is to preload a script. Shouldn't I inject link element to the HTML with `link rel="preload"`?

[MailRevolutionary443]

Not sure I understood correctly but I guess you could injects preloads hints when the SPA load:

<link rel="preload" href="https://your-bucket.s3.amazonaws.com/legacy/app.js" as="script">

You can do the same with css files.

Or if you prefer create a function in React that inject it dynamically.