struct-ui-components/vite.config.ts

A collection of reusable, customizable React components built with TypeScript, Tailwind CSS, and Storybook. Designed for modern UI development with flexibility and scalability.

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

const PORT = 3000;
const API_URL = "/api/";

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
      "@components": path.resolve(__dirname, "./src/components"),
      "@utils": path.resolve(__dirname, "./src/utils"),
      "@hooks": path.resolve(__dirname, "./src/hooks"),
    },
  },
  server: {
    proxy: {
      "/api": API_URL,
    },
    port: PORT,
  },
  build: {
    outDir: "public",
  },
});