create-onetech-app/templates/vite/js/app-fullstack/frontend/vite.config.js

CLI to quickly set up React projects with popular templates and tools.

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

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename); 

// https://vite.dev/config/
export default defineConfig({
  plugins: [react(),tailwindcss()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "app"),
    },
  },
  server:{
    host:true,
    port:3000,
  },
  preview:{
    port:3000,
    host:true
  }
});