vite.config.mts

import react from '@vitejs/plugin-react'
import { nodeExternals } from 'rollup-plugin-node-externals'
import preserveDirectives from 'rollup-plugin-preserve-directives'
import { defineConfig } from 'vite'
import checker from 'vite-plugin-checker'
import dts from 'vite-plugin-dts'

export default defineConfig({
  build: {
    target: 'es6',
    outDir: 'lib',
    lib: {
      entry: ['src/index.ts'],
      fileName: (format, entryName) => (format === 'es' ? `${entryName}.mjs` : `${entryName}.js`),
      formats: ['es', 'cjs'],
    },
    rollupOptions: {
      plugins: [nodeExternals()],
      output: {
        interop: 'auto',
        preserveModules: true,
        preserveModulesRoot: 'src',
      },
    },
    minify: false,
  },
  plugins: [
    checker({ typescript: { tsconfigPath: './tsconfig.build.json' } }),
    dts({ tsconfigPath: './tsconfig.build.json' }),
    react({
      jsxImportSource: '@emotion/react',
      babel: {
        plugins: ['@emotion/babel-plugin'],
      },
    }),
    preserveDirectives(),
  ],
})