import { fileURLToPath, URL } from "node:url";
import { visualizer } from "rollup-plugin-visualizer";

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		visualizer({
			open: true,
			filename: "visualizer.html" //分析图生成的文件名
		})
	],
	resolve: {
		alias: {
			"@": fileURLToPath(new URL("./src", import.meta.url))
		}
	},
	server: {
		// host:'0.0.0.0',
		port: "17058",
		open: true
	},
	esbuild: {
		drop: ["console", "debugger"]
	},
	build: {
		minify: true,
		rollupOptions: {
			output: {
				// 打包输出的配置
				manualChunks: id => {
					// 这个ID，就是所有文件的绝对路径
					if (id.includes("node_modules")) {
						// 因为 node_modules 中的依赖通常是不会改变的
						// 所以直接单独打包出去
						// 这个return 的值就是打包的名称
						// return id.split('node_modules')[1]
						return "modules";
					}
				}
			}
		}
	}
});