import { defineConfig, loadEnv } from 'vite';
import { resolve } from 'path';
import vue from '@vitejs/plugin-vue';
import legacy from '@vitejs/plugin-legacy';
import vueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
import { viteMockServe } from 'vite-plugin-mock';

export default defineConfig(({ mode, command }) => {
  // 加载 .env 文件
  const env = loadEnv(mode, process.cwd());
  return {
    base: env.VITE_PUBLIC_PATH,
    resolve: {
      alias: {
        '@/': `${resolve(__dirname, 'src')}/`,
      },
    },
    server: {
      port: Number(env.VITE_PORT),
      proxy: {
        [env.VITE_BASE_API]: {
          target: env.VITE_PROXY_API,
          changeOrigin: true,
        },
        [env.VITE_BASE_UPLOADS]: {
          target: env.VITE_PROXY_UPLOADS,
          changeOrigin: true,
        },
        [env.VITE_BASE_TEMPLATES]: {
          target: env.VITE_PROXY_TEMPLATES,
          changeOrigin: true,
        },
      },
    },
    build: {
      chunkSizeWarningLimit: 1500,
    },
    plugins: [
      vue(),
      legacy({
        targets: ['defaults', 'not IE 11'],
      }),
      vueI18nPlugin({
        include: [resolve(__dirname, './locales/**')],
      }),
      viteMockServe({
        ignore: /^_/,
        mockPath: 'mock',
        localEnabled: command === 'serve',
        prodEnabled: false,
        injectCode: `
          import { setupProdMockServer } from './mock/_mockProdServer';
          setupProdMockServer();
        `,
      }),
    ],
  };
});