yudao-admin-yiqun/yudao-ui-admin-vue3/vite.config.optimize.ts

import { resolve } from 'path'
import type { ConfigEnv, UserConfig } from 'vite'
import { loadEnv } from 'vite'
import { createVitePlugins } from './build/vite'
import { exclude, include } from "./build/vite/optimize"
import os from 'os'

// 当前执行node命令时文件夹的地址(工作目录)
const root = process.cwd()

// 路径查找
function pathResolve(dir: string) {
    return resolve(root, '.', dir)
}

// https://vitejs.dev/config/
export default ({ command, mode }: ConfigEnv): UserConfig => {
    let env = {} as any
    const isBuild = command === 'build'
    if (!isBuild) {
        env = loadEnv((process.argv[3] === '--mode' ? process.argv[4] : process.argv[3]), root)
    } else {
        env = loadEnv(mode, root)
    }

    // 获取CPU核心数
    const cpuCount = os.cpus().length
    const maxWorkers = Math.min(4, Math.max(1, Math.floor(cpuCount / 2)))

    return {
        base: env.VITE_BASE_PATH,
        root: root,
        
        // 优化开发服务器
        server: {
            port: env.VITE_PORT,
            host: "0.0.0.0",
            open: env.VITE_OPEN === 'true',
            hmr: {
                overlay: false // 禁用错误遮罩层
            }
        },

        // 项目使用的vite插件
        plugins: [
            createVitePlugins()
            // 生产环境禁用可视化分析器以节省资源
        ],

        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: '@use "@/styles/variables.scss" as *;',
                    javascriptEnabled: true,
                    silenceDeprecations: ["legacy-js-api"]
                }
            }
        },

        resolve: {
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.scss', '.css'],
            alias: [
                {
                    find: 'vue-i18n',
                    replacement: 'vue-i18n/dist/vue-i18n.cjs.js'
                },
                {
                    find: /@\//,
                    replacement: `${pathResolve('src')}/`
                }
            ]
        },

        build: {
            minify: 'terser',
            outDir: env.VITE_OUT_DIR || 'dist',
            sourcemap: false, // 禁用sourcemap节省内存
            reportCompressedSize: false, // 禁用压缩大小报告
            
            // 优化构建目标
            target: 'es2015',
            cssTarget: 'chrome61',
            
            // 优化压缩选项
            terserOptions: {
                compress: {
                    drop_debugger: true,
                    drop_console: true,
                    ecma: 2020,
                    passes: 1, // 减少压缩轮次
                    // 禁用一些耗内存的压缩选项
                    pure_funcs: [],
                    reduce_funcs: false,
                    reduce_vars: false,
                    unsafe: false,
                    unsafe_comps: false,
                    unsafe_math: false,
                    unsafe_proto: false,
                    unsafe_regexp: false
                },
                format: {
                    comments: false
                },
                maxWorkers: maxWorkers // 根据CPU核心数限制工作线程
            },

            chunkSizeWarningLimit: 3000, // 提高警告阈值
            
            rollupOptions: {
                // 优化外部依赖处理
                external: [],
                
                // 优化输出配置
                output: {
                    // 智能分包策略
                    manualChunks: (id: string) => {
                        if (id.includes('node_modules')) {
                            // 大型库单独打包
                            if (id.includes('@grapecity-software')) {
                                return 'vendor-grapecity';
                            }
                            if (id.includes('echarts')) {
                                return 'vendor-echarts';
                            }
                            if (id.includes('element-plus')) {
                                return 'vendor-element-plus';
                            }
                            if (id.includes('vue') || id.includes('@vue')) {
                                return 'vendor-vue';
                            }
                            if (id.includes('lodash')) {
                                return 'vendor-lodash';
                            }
                            // 其他第三方库统一打包
                            return 'vendor';
                        }
                    },
                    
                    // 优化文件命名和路径
                    chunkFileNames: 'assets/js/[name]-[hash:8].js',
                    entryFileNames: 'assets/js/[name]-[hash:8].js',
                    assetFileNames: 'assets/[ext]/[name]-[hash:8].[ext]',
                    
                    // 优化缓存
                    hoistTransitiveImports: false,
                    sanitizeFileName: true
                },
                
                // 优化treeshaking
                treeshake: {
                    moduleSideEffects: false,
                    preset: 'smallest'
                }
            },
            
            // 优化依赖预构建
            commonjsOptions: {
                transformMixedEsModules: true,
                ignoreDynamicRequires: true
            },
            
            // 优化动态导入
            dynamicImportVarsOptions: {
                warnOnError: true
            }
        },

        optimizeDeps: {
            include,
            exclude,
            // 优化预构建
            esbuildOptions: {
                target: 'es2015',
                minify: false // 预构建不压缩，节省内存
            }
        },

        // 优化esbuild配置
        esbuild: {
            target: 'es2015',
           /// minify: false, // 禁用esbuild压缩，使用terser
            keepNames: false,
            drop: ['debugger', 'console']
        }
    }
}