How do I adopt v8_viteEnvironmentApi when based on the node custom server template

[LeoDanielsson]

The Node custom server template has the following Vite config.

import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig(({ isSsrBuild }) => ({
  build: {
    rollupOptions: isSsrBuild
      ? {
          input: "./server/app.ts",
        }
      : undefined,
  },
  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
}));

When adopting the v8_viteEnvironmentApi future flag, how do I properly modify this config to leverage the environment API? The documentations is a bit lacking.

Something like this?

import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
  environments: {
    ssr: {
        rollupOptions: {
          input: "./server/app.ts",
        }
    }
  }
});

[damaafer]

import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
  environments: {
    ssr: {
      build: { //<- You have to add build
        rollupOptions: {
          input: "./server/app.ts",
        }
      }        
    }
  }
});