vite.config.ts

/// <reference types="vite/client" />

import dts from 'vite-plugin-dts';
import path from 'path';
import Vue from '@vitejs/plugin-vue';
import { defineConfig } from 'vite';

export default defineConfig({
  resolve: {
    alias: {
      'vitepress-plugin-sandpack': path.resolve(__dirname, './src/index.ts'),
    },
  },
  build: {
    minify: true,
    lib: {
      fileName: (type) => {
        if (type === 'es') return 'esm/index.mjs';
        return 'index.js';
      },
      entry: path.resolve(__dirname, 'src/index.ts'),
      formats: ['es', 'cjs'],
    },
    // sourcemap: true,
    rollupOptions: {
      external: [
        'vue',
        'vue/server-renderer',
        'vite',
        'vitepress',
        'sandpack-vue3',
        '@codesandbox/sandpack-themes',
        'markdown-it-container'
      ],
    },
  },
  plugins: [
    Vue({
      // reactivityTransform: true,
    }),
    // https://www.npmjs.com/package/vite-plugin-dts
    dts({
      include: 'src',
      rollupTypes: true,
      afterBuild: () => {
        // do something else
      },
    }),
  ],
});