process.env.* on Vite app

vite.config.ts

import { loadEnv } from 'vite';
import type { UserConfig } from 'vite';

const config = ({ mode = 'development' }: UserConfig) => {
  const env = loadEnv(mode, process.cwd(), 'MF');

  return {
    define: Object.fromEntries(
      Object.entries(env).map(([key, value]) => [`process.env.${key}`, JSON.stringify(value)]),
    ),
    // other stuff here
  }
}

export default config;