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'
                    }
                }
            }
        }
    },
    base: './'
})