import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
import { defineConfig, loadEnv, ConfigEnv } from 'vite';
import vueSetupExtend from 'vite-plugin-vue-setup-extend';
import AutoImport from 'unplugin-auto-import/vite';
import topLevelAwait from 'vite-plugin-top-level-await';
import { createStyleImportPlugin, VxeTableResolve } from 'vite-plugin-style-import';
import viteCompression from 'vite-plugin-compression';
// @ts-ignore
import { svgBuilder } from '/@/components/IconSelector/index';

const pathResolve = (dir: string) => {
	return resolve(__dirname, '.', dir);
};

const alias: Record<string, string> = {
	'/@': pathResolve('./src/'),
	'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
};

const viteConfig = defineConfig((mode: ConfigEnv) => {
	const env = loadEnv(mode.mode, process.cwd());
	return {
		plugins: [
			vue(), // Vue 插件
			svgBuilder('./src/assets/icons/'), // 将 SVG 文件转换成 Vue 组件
			vueSetupExtend(), // setup语法糖增强插件
			AutoImport({
				imports: ['vue', 'vue-router', 'pinia'], // 自动导入的依赖库数组
				dts: './auto-imports.d.ts', // 自动导入类型定义文件路径
			}),
			createStyleImportPlugin({
				resolves: [VxeTableResolve()], // 配置vxetable 按需加载
			}),
			topLevelAwait({
				promiseExportName: '__tla', // TLA Promise 变量名
				promiseImportName: (i) => `__tla_${i}`, // TLA Promise 导入名
			}),
			// viteCompression({
			// 	deleteOriginFile: false, // 压缩后删除原来的文件
			// }),
		],
		root: process.cwd(), // 项目根目录
		resolve: { alias }, // 路径别名配置
		base: mode.command === 'serve' ? './' : env.VITE_PUBLIC_PATH,
		optimizeDeps: {
			include: ['element-plus/lib/locale/lang/zh-cn', 'element-plus/lib/locale/lang/en'],
		},
		
		build: {
			outDir: 'dist', // 打包输出目录
			
			lib: {
				entry: pathResolve('./src/package'),
				// 组件库名字
				name: 'egu-ui',
				fileName: 'index', //fileName: (format) => `tmes.${format}.js`,
				// 输出格式
				formats: ['es']
			  },
			  emptyOutDir:true,
			  rollupOptions: {
				// 确保外部化处理那些你不想打包进库的依赖
				external: [
				  'vue',
				  'element-plus',
				  '@element-plus/icons-vue',
				  'lodash',
				  'vue-i18n',
				  'vue-router',
				  'pinia',
				  'pinia-plugin-persist',
				  'mitt',
				  'vue-types',
				  'qs',
				  'axios',
				  'jquery',
				  '@vueuse/core',
				  'vue-types',
				  'vuedraggable',
				   //下面这些需要反向引用view中的文件，没做到全部解耦
				   '/@/router'
				],
				output: {
				  // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
				  globals: {
					vue: 'Vue',
					// 'element-plus': 'ElementPlus'
				  		}
					}
				}
			},
		css: { preprocessorOptions: { css: { charset: false } } },
		define: {
			__VUE_I18N_LEGACY_API__: JSON.stringify(false),
			__VUE_I18N_FULL_INSTALL__: JSON.stringify(false),
			__INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false),
			__VERSION__: JSON.stringify(process.env.npm_package_version),
			__NEXT_NAME__: JSON.stringify(process.env.npm_package_name),
		},
	};
});

export default viteConfig;