import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [myPlugin()],
  build: {
    manifest: true,
    outDir: 'public/dist',
    rollupOptions: {
      input: ['src/main.ts'],
    },
  },
  server: {
    origin: 'http://localhost:5173',
    cors: true,
  },
});

import type { Plugin, ResolvedConfig } from 'vite';

export function myPlugin(options: PluginOptions = {}): Plugin {
  let config: ResolvedConfig;

  return {
    name: 'my-plugin',

    configResolved(resolvedConfig) {
      config = resolvedConfig;
    },

    configureServer(server) {
      // Dev server middleware
      server.middlewares.use((req, res, next) => {
        next();
      });
    },

    transformIndexHtml(html) {
      return html.replace('<!-- inject -->', '<script>...</script>');
    },
  };
}

// In client code
if (import.meta.hot) {
  import.meta.hot.accept('./module.ts', (newModule) => {
    // Handle update
  });
}

// In plugin
export function hmrPlugin(): Plugin {
  return {
    name: 'hmr-plugin',
    handleHotUpdate({ file, server }) {
      if (file.endsWith('.custom')) {
        server.ws.send({ type: 'full-reload' });
        return [];
      }
    },
  };
}

{
  "src/main.ts": {
    "file": "assets/main-abc123.js",
    "src": "src/main.ts",
    "isEntry": true,
    "css": ["assets/main-def456.css"]
  }
}

mcp__context7__get-library-docs(
    context7CompatibleLibraryID="/vitejs/vite",
    topic="plugin api configuration",
    mode="code"
)