vite.config.ts

import { join, resolve } from 'node:path';
import vue from '@vitejs/plugin-vue';
import { defineConfig } from 'vite';
import dts from 'vite-plugin-dts';

export default defineConfig({
  root: __dirname,
  plugins: [
    vue(),
    dts({
      outputDir: join(__dirname, 'build'),
      tsConfigFilePath: join(__dirname, 'tsconfig.json'),
      skipDiagnostics: false,
      logDiagnostics: true,
      staticImport: true,
    }),
  ],
  resolve: {
    alias: [{ find: /^@\/(.*)/, replacement: `${resolve(__dirname, 'src')}/$1` }],
  },
  json: {
    namedExports: false,
    stringify: true,
  },
  build: {
    sourcemap: process.env.MODE === 'development' ? true : false,
    outDir: 'build',
    assetsDir: '.',
    minify: process.env.MODE === 'development' ? false : 'terser',
    target: 'chrome104',
    terserOptions: {
      ecma: 2020,
      compress: {
        passes: 2,
      },
      safari10: false,
    },
    lib: {
      entry: join('src', 'index.ts'),
      fileName: 'index',
      name: 'Form',
      formats: ['es', 'cjs'],
    },
    rollupOptions: {
      external: ['vue'],
    },
    emptyOutDir: true,
  },
});