import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import Unocss from './config/unocss'
import { resolve } from 'path'
export default defineConfig({
  plugins: [vue(), vueJsx(), Unocss()],
  build: {
    minify: true, //代码混淆
    sourcemap: true, //单独输出sourcemap文件
    // brotliSize: true, //生成压缩大小报告
    cssCodeSplit: false, //css是否分开打包，false则为一个style.css
    lib: {
      entry: resolve(__dirname, './src/entry.ts'),
      name: 'SmartyUI',
      fileName: 'smarty-ui', //包名文件，默认是package.json的name
      formats: ['es', 'umd'], //打包多格式文件
    },
    rollupOptions: {
      external: ['vue', 'vue-router'], //提取为外部依赖，不打包进去
      output: {
        globals: {
          vue: 'Vue', //umd,iife模式下为外部依赖提供全局变量
        },
      },
    },
  },
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
    },
  },
  test: {
    // 启用类似 jest 的全局测试 API
    globals: true,
    // 使用 happy-dom 模拟 DOM
    // 这需要你安装 happy-dom 作为对等依赖（peer dependency）
    environment: 'happy-dom',
    // 支持tsx组件
    transformMode: {
      web: [/.[tj]sx$/],
    },
  },
})