vite.vue.config.ts

import { defineConfig } from 'vite';
import Vue from '@vitejs/plugin-vue';
import Inspect from 'vite-plugin-inspect';

// import path from 'path';
import { ModuleFormat } from 'rollup';

export default defineConfig({
  build: {
    lib: {
      entry: './src/index.ts',
      name: 'menubuttons',
      // the proper extensions will be added
      fileName: (format : ModuleFormat) => { if (format=="es") 
                                                return 'main.bundle.dev.js' 
                                            else 
                                                return 'main.bundle.js' },
      formats : ["es", "iife"],
    },
    rollupOptions: {
      // make sure to externalize deps that shouldn't be bundled
      // into your library
      external: ['vue'],
      output: {
        // Provide global variables to use in the UMD build
        // for externalized deps
        globals: {
          vue: 'Vue',
        },
      },
    },
  },
  plugins: [
    Vue({
      include: [/\.vue$/, /\.md$/],
    }),

    // https://github.com/antfu/vite-plugin-inspect
    Inspect({
      // change this to enable inspect for debugging
      enabled: true,
    }),
  ]
});