vite.config.ts

import { defineConfig } from 'vite'
import { resolve } from 'path'
import vue from '@vitejs/plugin-vue'


const fileNameResolver = function (formatString: string): string {
    if (formatString === 'es') {
        return `vueventus.mjs`
    }
    if (formatString === 'cjs') {
        return `vueventus.cjs`
    }
    if (formatString === 'umd' || formatString === 'iife') {
        return `vueventus.${formatString}.js`
    }
}

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue()
    ],
    resolve: {
        alias: {
            '@': resolve(__dirname, 'src'),
        },
    },
    server: {
        open: true,
    },
    build: {
        outDir: './dist',
        lib: {
            entry: resolve(__dirname, 'src/index.ts'),
            name: 'VueVentus',
            // formats: ['es','cjs','umd','iife'],
            formats: ['es','cjs','umd'],
            // fileName: (format) => `vueventus.${format}.js`,
            fileName: (format) => fileNameResolver(format),
        },
        rollupOptions: {
            external: ['vue'],
            output: {
                globals: {
                    vue: 'Vue',
                },
                //preserveModules: true,
                //sourcemap: true,
            },
            // plugins: [],
            // output: {
            //     // Provide global variables to use in the UMD build for externalized deps
            //     globals: {
            //         vue: 'Vue',
            //     },
            //     //sourcemap: true,
            //     preserveModules: true,
            //     entryFileNames: ({ name: fileName }) => {
            //         return `${fileName}.js`
            //     },
            // },
        },
    },
})