vite.config.ts

import path from "path";

import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import svgr from "vite-plugin-svgr";

export default defineConfig({
  plugins: [react(), svgr()],
  resolve: {
    alias: {
      "@components": `${path.resolve(__dirname, "src/components")}`,
      "@assets": `${path.resolve(__dirname, "src/assets")}`,
      "@pages": `${path.resolve(__dirname, "src/pages")}`,
      "@hooks": `${path.resolve(__dirname, "src/hooks")}`,
      "@utils": `${path.resolve(__dirname, "src/utils")}`,
      "@enums": `${path.resolve(__dirname, "src/enums")}`,
      "@models": `${path.resolve(__dirname, "src/models")}`,
      "@context": `${path.resolve(__dirname, "src/context")}`,
      "@constants": `${path.resolve(__dirname, "src/constants")}`,
      "@data": `${path.resolve(__dirname, "src/data")}`,
      jsbi: path.resolve(
        __dirname,
        ".",
        "node_modules",
        "jsbi",
        "dist",
        "jsbi-cjs.js"
      ),
    },
  },
  define: {
    "global.WebSocket": "globalThis.WebSocket",
  },
});