vite build --mode development creates production build

[DevJHansen]

I'm using Rect with vite and when I run vite --mode development to run my dev server everything works perfectly. But if I try and build a dev version of my project the mode is always set to production.

As you can see from my screen shot it's logged as using development mode during the build, but if I console.log(import.meta.env) it says MODE: production and it's using the env variables from .env.production.

Does anyone what could be causing this? I haven't been ale to find a solution and any help would be much appreciated.

If it helps, here is my vite.config.ts:

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import path from "path";

export default defineConfig(() => {
  return {
    plugins: [react()],
    resolve: {
      alias: {
        "@assets": path.resolve(__dirname, "src/assets"),
        "@backend": path.resolve(__dirname, "src/backend"),
        src: path.resolve(__dirname, "src"),
        "@global-types": path.resolve(__dirname, "src/types"),
      },
    },
  };
});

[jothbc]

Try this:
env-cmd -x -f .env.local tsc && vite build --mode development