vite.config.ts

import react from "@vitejs/plugin-react-swc";
import tailwindcss from "tailwindcss";
import { defineConfig } from "vite";
import checker from "vite-plugin-checker";
import svgr from "vite-plugin-svgr";
import tsconfigPaths from "vite-tsconfig-paths";

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    cssMinify: "lightningcss",
  },
  publicDir: "public",
  css: {
    postcss: {
      plugins: [tailwindcss()],
    },
    preprocessorOptions: {
      scss: {
        api: "modern-compiler", // or "modern"
      },
    },
  },
  plugins: [
    react(),
    tsconfigPaths(),
    svgr({
      svgrOptions: {
        svgo: true, // Enable SVG optimization
        svgoConfig: {
          plugins: [
            {
              name: "removeViewBox",
            },
          ],
        },
      },
      esbuildOptions: {},
      include: "**/*.svg?react",
      exclude: "",
    }),
    checker({
      typescript: true,
    }),
  ],
});