Environmental variables with Vite?

[jameschetwood]

Can you send environmental variables via different npm scripts in Vite?

I was hoping to do something like this:

  "scripts": {
    "dev": "vite",
    "dev-marketing": "VITE_MARKETING=yes vite",

[JoeyDoey]

I think you can just use Vite's mode

Update your package.json script to e.g.

 "dev-marketing": "vite --mode marketing"

you should now have that "mode === marketing" when you run Vite build/dev

export default defineConfig(({ command, mode }) => {
  console.log({ command, mode }) 
  //   👆 can log to test output. 
  // fyi, `command` will be either dev or build (serve/build)
  // in case you have different logic when building vs when just dev-ing
})

hope that helps! 🚀

ps: if you need to use env vars, use something like cross-env. I think. you should be able to do something like this (not tested):

  "dev-marketing": "cross-env VITE_MARKETING=yes vite"

---

ref:

• Vite Env Vars & Modes
• cross-env (npm)