import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  base: './',
  build: {
    outDir: '../static/app',
    emptyOutDir: true,
    manifest: true,
    cssCodeSplit: true,
    chunkSizeWarningLimit: 800,
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (!id.includes('node_modules')) return
          if (id.includes('/vue/') || id.includes('/vue-router/') || id.includes('/pinia/')) return 'vendor-vue'
          if (id.includes('/element-plus/') || id.includes('/@element-plus/')) return 'vendor-element'
          if (id.includes('/socket.io-client/')) return 'vendor-socket'
          if (id.includes('/axios/')) return 'vendor-axios'
          return 'vendor'
        },
      },
    },
  },
})