【Vite】SSRビルド時の静的ファイルコピー

import { viteStaticCopy } from "vite-plugin-static-copy";

export default {
  plugins: [
    viteStaticCopy({
      targets: [
        {
          src: "static/*",
          dest: "",
        },
      ],
      environment:"ssr"
    }),
  ],

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

// https://vite.dev/config/
export default defineConfig(({  isSsrBuild }) => {

  return {
    build: isSsrBuild
      ? {
        ssr: true,
        outDir: "dist/server",
        rollupOptions: {
          input: "src/server/entry-server.jsx",
          output: {
            format: "esm",
          },
          plugins: [
            {
              name: "copy-static-files",
              writeBundle() {
                const files=["template.html","template.css"];
                files.forEach( f=>{
                  const src = path.resolve(`src/server/${f}`);
                  const dest = path.resolve(`dist/server/${f}`);
                  fs.copyFileSync(src, dest);
                });

              },
            },
          ],
        },
      }
      : {
        // CSR ビルド
        outDir: "dist/client",
      }
  }
});

import fs from "fs";
import path from "path";

const files=["template.html","template.css"];
files.forEach( f=>{
  const src = path.resolve(`src/server/${f}`);
  const dest = path.resolve(`dist/server/${f}`);
  fs.copyFileSync(src, dest);
});

{
  "scripts": {
    "build:ssr": "vite build --ssr && node scripts/static-copy.js",
  }
}