vite.config.js

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

export default defineConfig(({ command }) => {
  const isDev = command === 'serve';
  
  return {
    plugins: [
      react(),
      {
        name: 'handle-html',
        configureServer(server) {
          server.middlewares.use((req, res, next) => {
            if (req.url === '/' || req.url === '/index.html') {
              req.url = '/feedplayer.html';
            }
            next();
          });
        },
        transformIndexHtml(html, { filename }) {
          if (isDev && path.basename(filename) === 'index.html') {
            return fs.readFileSync('./feedplayer.html', 'utf-8');
          }
          return html;
        },
      },
      {
        name: 'rename-html',
        apply: 'build',
        writeBundle() {
          const oldPath = path.resolve(__dirname, 'dist/feedplayer.html');
          const newPath = path.resolve(__dirname, 'dist/index.html');

          if (fs.existsSync(oldPath)) {
            fs.renameSync(oldPath, newPath);
          }
        },
      },
    ],
    base: '',
    build: {
      rollupOptions: {
        input: './feedplayer.html',
        output: {
          assetFileNames: 'assets/[name].[ext]',
          chunkFileNames: 'assets/[name].js',
          entryFileNames: 'assets/[name].js',
        },
      },
    },
  };
});