Is there way to know that vite dev server has finished prebuild depedency (for E2E tests)

[SirMishaa]

Hello!

I'm on a Vue project with Vite and Cypress. For CI, I need to start the dev server in test mode (vite --mode test) with some environment variable.

The, when the dependencies and modules have finished compiling, I need to run the cypress script (cypress run --browser chrome --headless)

So, is there anyway to detect it? Can't use the response code because returns 200 HTTP code directly. I'd like to avoid to manual parse the HTML and await to see some content

Thank you

[odinho]

This! I need this too.

On the CI server it can take up to a minute for vite to be finished, and e2e will time out often on such waiting. Also: other steps like downloading the browsers take a lot of time, that's time that Vite could use precompiling and figure out all deps etc.

It's surprisingly hard to find any information regarding not getting this lazy loaded start of the dev server. I want it to do all work eagerly, so unlazy start, slower cold start for less waiting in the browser.

[dword-design]

Exactly the same issue here 🙋‍♂️

[odinho]

Some months after writing this, I bit the bullet and did a vite build first, put it into a shippable artifact, then on the E2E test job I just unpack the artifact and run vite preview.

So that is the prebuilt artifact done there. It improved the tests runtime and stability by a lot.

(Actually did a bit more advanced thing, the first build is built with some env vars set to MY_ENV="{{{REPLACE_MY_ENV}}}" so the artifacts have {{{REPLACE_MY_ENV}}} in them, and that's replaced with some grep+sed for the different environments (like test, staging and production).)