vite.config.ts

import * as path from 'path';
import tailwindcss from '@tailwindcss/vite';
import { tanstackRouter } from '@tanstack/router-plugin/vite';
import react from '@vitejs/plugin-react';
import { defineConfig, loadEnv } from 'vite';
import Pages from 'vite-plugin-pages';

// https://vite.dev/config/
export default defineConfig(({ mode }) => {
  const { VITE_URL_BASENAME } = { ...loadEnv(mode, process.cwd()) };
  console.log({ VITE_URL_BASENAME, mode });

  return {
    base: `/${VITE_URL_BASENAME}`,

    server: {
      port: 5000,
      host: true,
    },
    preview: {
      port: 8080,
      host: true,
    },
    plugins: [
      tanstackRouter({
        target: 'react',
        autoCodeSplitting: true,
      }),
      react(),
      tailwindcss(),
      Pages(),
    ],
    resolve: {
      alias: {
        '~': path.resolve(__dirname, 'src'),
        html2canvas: 'html2canvas-pro',
      },
    },
  };
});