vite.config.ts

import { defineConfig, loadEnv } from 'vite'
import dts from 'vite-plugin-dts';
import { resolve } from 'path'
import svgr from "vite-plugin-svgr";
// import react from '@vitejs/plugin-react'


// https://vitejs.dev/config/
export default ({ mode }) => {
  process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };

  return defineConfig({
    resolve: {
      alias: [{ find: '@', replacement: resolve(__dirname, '/src') }],
    },
    plugins: [
      dts({
        // entryRoot: './package/',
        // outDir: './types/'
        entryRoot: './package/',
      }), svgr()
    ],

    build: {
      lib: {
        entry: resolve(__dirname, './index.ts'),
        // entry: resolve(__dirname, './src/lib/index.ts'),
        formats: ['es', 'cjs', 'umd'],
        name: 'visualizer-client',
        fileName: 'index',
      },

      rollupOptions: {
        external: [
          "react",
          "react-dom",
          "react/jsx-runtime",
          "d3",
          "@chakra-ui/react",
          "react-icons",
          "tailwindcss"
        ],
      },
    },
    css: {
      postcss: {
        plugins: [
          require('tailwindcss')({
            config: './tailwind.config.js'
          }),
        ],
      }
    },

    server: {
      port: +(process.env.VITE_PORT || 5000),
    },
    base: process.env.VITE_BASE_PATH || "/",
  })
}