import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { visualizer } from 'rollup-plugin-visualizer';

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    outDir: 'build', // This changes the out put dir from dist to build
    rollupOptions: {
      output: {
        manualChunks: {
          firebase: [
            'firebase/app',
            'firebase/performance',
            'firebase/auth',
            'firebase/analytics',
            'firebase/storage',
            'firebase/firestore/lite',
          ],
          react: ['react', 'react-dom'],
          antdResult: ['antd/es/result'],
          antdTable: ['antd/es/table'],
          antdIcons: ['@ant-design/icons'],
          uplot: ['uplot'],
          sentry: ['@sentry/react', '@sentry/browser', '@sentry/tracing'],
          kbar: ['kbar'],
          perfectScrollbar: ['perfect-scrollbar'],
        },
      },
    },
  },
  server: { open: true },
  css: {
    preprocessorOptions: {
      less: { javascriptEnabled: true },
    },
  },
  plugins: [
    react(),
    visualizer(),
  ],
});