How to customize the tauri dev/build command

[joe20182]

I have built the app with vite for frontend.
And in my package.json I have such scripts:

{
  "scripts": {
    "dev": "vite --mode development",
    "build": "vite build",
}

I also set my tauri.config.json

{
  "build": {
    "distDir": "../dist",
    "devPath": "http://localhost:3000",
    "beforeDevCommand": "yarn dev",
    "beforeBuildCommand": "yarn build"
  }
}

So that when I run yarn tauri dev, I can start the app in dev environment.
But is there a way to run in different environment with different command?
I'm think about running yarn tauri dev --mode staging(or yarn tauri staging) and it will trigger vite --mode staging as beforeDevCommand.
Is that possible? Thank you!

[FabianLars]

First of all, this is not directly possible, but you can workaround it;
I think the easiest way would be to not use beforeDevCommand at all, and instead do it inside the package.json scripts via https://www.npmjs.com/package/concurrently or https://www.npmjs.com/package/npm-run-all.

Alternatively you can create a second tauri config which looks like this

{
  "build": {
    "beforeDevCommand": "yarn dev --mode staging"
  }
}

And invoke it by using something like yarn tauri dev -c staging.json.

As a last resort you could just run the commands in 2 different terminals.

[joe20182]

I think creating a second tauri config is a good way, thank you!