import { resolve } from 'node:path'

import { defineConfig, loadEnv } from 'vite'
import Vue from '@vitejs/plugin-vue'
import DefineOptions from 'unplugin-vue-define-options/vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import viteCompression from 'vite-plugin-compression'
import { visualizer } from 'rollup-plugin-visualizer'
import { VxeTableResolve, createStyleImportPlugin } from 'vite-plugin-style-import'
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  return {
    base: env.VITE_APP_BASE,
    resolve: {
      alias: {
        '@': resolve(__dirname, 'src'),
      },
    },
    build: {
      minify: 'terser',
      terserOptions: {
        compress: {
          // 生产环境时移除console
          drop_console: true,
          drop_debugger: true,
        },
      },
    },
    css: {
      preprocessorOptions: {
        scss: {
          javascriptEnabled: true,
          additionalData: '@import "src/styles/style.scss";',
        },
      },
    },
    plugins: [
      Vue({
        template: {
          compilerOptions: {
            isCustomElement: (tag) => tag.startsWith('iconpark-icon'),
          },
        },
      }),
      DefineOptions(),
      // AutoImport({ resolvers: [ElementPlusResolver()] }),
      Components({ resolvers: [ElementPlusResolver()] }),
      createStyleImportPlugin({ resolves: [VxeTableResolve()] }),
      viteCompression({
        verbose: true, // 默认即可
        disable: false, // 开启压缩(不禁用)，默认即可
        // deleteOriginFile: false, // 删除源文件
        // threshold: 1024000, // 对大于 1mb 的文件进行压缩
        algorithm: 'gzip', // 压缩算法
        ext: '.gz', // 文件类型
      }),
      visualizer(),
    ],
    // build: {
    //   rollupOptions: {
    //     output: {
    //       manualChunks: (id) => {
    //         // 将 node_modules 中的代码单独打包成一个 JS 文件
    //         if (id.includes('node_modules')) {
    //           return 'vendor'
    //         }
    //       },
    //     },
    //   },
    // },
  }
})