import { defineConfig, loadEnv, UserConfig, ConfigEnv } from 'vite';
import { createProxyConfig, createPlugins, resolvePath } from './build';

export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
  const envConfig = loadEnv(mode, process.cwd()) as unknown as ImportMetaEnv;
  const { VITE_PORT, VITE_HOST, VITE_CLEAN_CONSOLE } = envConfig;
  const isProduction = mode === 'production';
  // 获取env配置
  const proxy = createProxyConfig(envConfig);
  const plugins = createPlugins(mode, envConfig);
  return {
    plugins,
    css: {
      preprocessorOptions: {
        less: {
          javascriptEnabled: true,
          additionalData: `@import "./src/styles/var.less";`,
        },
      },
    },
    resolve: {
      alias: {
        src: resolvePath('./src'),
      },
      extensions: ['.ts', '.tsx', '.js', '.jsx', '.json', '.less', '.css', '.html', '.md'],
    },
    server: {
      host: VITE_HOST,
      port: Number(VITE_PORT) || 3000,
      open: true,
      proxy,
    },
    build: {
      chunkSizeWarningLimit: 2000,
      rollupOptions: {
        output: {
          manualChunks: {
            react: ['react', 'react-dom', 'react-router-dom'],
            antd: ['antd', '@ant-design/happy-work-theme'],
          },
        },
      },
      minify: 'terser',
      terserOptions: {
        maxWorkers: 4,
        compress: {
          keep_infinity: true,
          drop_console: VITE_CLEAN_CONSOLE,
          dead_code: true,
        },
      },
    },
    define: {
      __PRODUCTION__: isProduction,
    },
  };
});