vite.config.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { resolve } from 'path';
import { copyFileSync, mkdirSync, existsSync, rmSync, readFileSync, writeFileSync } from 'fs';

export default defineConfig({
  plugins: [
    react(),
    {
      name: 'copy-manifest',
      closeBundle() {
        // 确保dist目录存在
        if (!existsSync('dist')) {
          mkdirSync('dist', { recursive: true });
        }
        // 复制manifest.json到dist目录
        copyFileSync('public/manifest.json', 'dist/manifest.json');
        // 复制icons目录
        if (!existsSync('dist/icons')) {
          mkdirSync('dist/icons', { recursive: true });
        }
        copyFileSync('public/icons/icon.svg', 'dist/icons/icon.svg');
        
        // 移动HTML文件到根目录并修复路径
        if (existsSync('dist/src/popup/index.html')) {
          let html = readFileSync('dist/src/popup/index.html', 'utf-8');
          // 修复相对路径
          html = html.replace(/\.\.\/\.\.\//g, './');
          writeFileSync('dist/popup.html', html);
          // 清理空目录
          try {
            rmSync('dist/src', { recursive: true, force: true });
          } catch (e) {
            // 忽略错误
          }
        }
      },
    },
  ],
  base: './',
  build: {
    outDir: 'dist',
    emptyOutDir: true,
    rollupOptions: {
      input: {
        popup: resolve(__dirname, 'src/popup/index.html'),
        background: resolve(__dirname, 'src/background/service-worker.ts'),
        content: resolve(__dirname, 'src/content/content.ts'),
      },
      output: {
        entryFileNames: (chunkInfo) => {
          const facadeModuleId = chunkInfo.facadeModuleId || '';
          if (facadeModuleId.includes('service-worker')) {
            return 'background.js';
          }
          if (facadeModuleId.includes('content.ts')) {
            return 'content.js';
          }
          return '[name].js';
        },
        chunkFileNames: (chunkInfo) => {
          return '[name].js';
        },
        assetFileNames: (assetInfo) => {
          if (assetInfo.name === 'index.html') {
            return 'popup.html';
          }
          return '[name].[ext]';
        },
        // 对于content和background，使用IIFE格式
        format: 'es',
      },
      // 每个入口独立打包，不共享代码
      preserveEntrySignatures: 'strict',
    },
  },
});