import { defineConfig, ConfigEnv, UserConfig } from "vite"
import path from "path"
import vue from "@vitejs/plugin-vue"
import vueJsx from "@vitejs/plugin-vue-jsx"
import compression from "vite-plugin-compression"
// 组建按需引入
import AutoImport from "unplugin-auto-import/vite"
import Components from "unplugin-vue-components/vite"
import { ElementPlusResolver } from "unplugin-vue-components/resolvers"
// unocss
import UnoCSS from "unocss/vite"

function isProd(str: string) {
	return str === "production"
}

export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
	return {
		base: "./",
		plugins: [
			vue(),
			compression(),
			vueJsx(),
			UnoCSS(),
			AutoImport({
				resolvers: [ElementPlusResolver()]
			}),
			Components({
				resolvers: [ElementPlusResolver()]
			})
		],

		resolve: {
			alias: [
				{
					find: "@",
					replacement: path.resolve(__dirname, "./src")
				}
			],
			extensions: [".js", ".jsx", ".json", ".ts", ".tsx", ".vue"]
		},
		server: {
			port: 7900,
			host: "0.0.0.0",
			hmr: {
				overlay: true
			}
		},
		css: {
			preprocessorOptions: {
				scss: {
					charset: false
				}
			}
		},
		esbuild: {
			drop: isProd(mode) ? ["console", "debugger"] : []
		},
		build: {
			minify: "esbuild",
			sourcemap: !isProd(mode),
			rollupOptions: {
				output: {
					chunkFileNames: "static/js/[name]-[hash].js",
					entryFileNames: "static/js/[name]-[hash].js",
					assetFileNames: "static/[ext]/[name]-[hash].[ext]"
				}
			}
		}
	}
})