import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path' // 引入 path 模块

import viteImagemin from 'vite-plugin-imagemin' // 新插件
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'

import legacy from '@vitejs/plugin-legacy'
export default defineConfig({
  plugins: [
    vue(),
    legacy({
      targets: ['ie >= 11'],
      additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
      modernPolyfills: true // 启用现代浏览器的 polyfill
    }),
    AutoImport({
      imports: ['vue', 'vue-router'] // 自动导入 Vue、Vue Router API
    }),
    Components({
      dirs: ['src/components'] // 自动扫描组件目录
    }),
    viteImagemin({
      // 基础压缩配置（可根据需求扩展）
      gifsicle: { optimizationLevel: 7 },
      optipng: { optimizationLevel: 7 },
      mozjpeg: { quality: 80 },
      pngquant: { quality: [0.8, 0.9] },
      svgo: { plugins: [{ name: 'removeViewBox' }] }
    })
  ],
  build: {
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (id.includes('node_modules')) {
            // 将第三方库单独分包（如 axios、vue 等）
            return id.split('node_modules/')[1].split('/')[0]
          }
        }
      }
    }
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src') // 添加路径别名
    }
  }
})