pig-ui/vite.config.ts

import vue from '@vitejs/plugin-vue';
import {resolve} from 'path';
import {defineConfig, loadEnv, ConfigEnv} from 'vite';
import vueSetupExtend from 'vite-plugin-vue-setup-extend';
// vue3 自动引入
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";

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(), vueSetupExtend(), AutoImport({
            imports: [
                'vue',
                'vue-router',
                'pinia'
            ],
            dts: './auto-imports.d.ts',
        }), createStyleImportPlugin({
            resolves: [
                VxeTableResolve()
            ],
        }), topLevelAwait({
                // The export name of top-level await promise for each chunk module
                promiseExportName: '__tla',
                // The function to generate import names of top-level await promise in each chunk module
                promiseImportName: i => `__tla_${i}`
        }), viteCompression({
            deleteOriginFile: true
        })
        ],
        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'],
        },
        server: {
            host: '0.0.0.0',
            port: env.VITE_PORT as unknown as number,
            open: env.VITE_OPEN,
            hmr: true,
            proxy: {
                '/admin': {
                    target: env.VITE_ADMIN_PROXY_PATH,
                    ws: true,
                    changeOrigin: true,
                },
                '/gen': {
                    target: env.VITE_GEN_PROXY_PATH,
                    ws: true,
                    changeOrigin: true,
                },
            },
        },
        build: {
            outDir: 'dist',
            chunkSizeWarningLimit: 1500,
            rollupOptions: {
                output: {
                    entryFileNames: `assets/[name].[hash].js`,
                    chunkFileNames: `assets/[name].[hash].js`,
                    assetFileNames: `assets/[name].[hash].[ext]`,
                    compact: true,
                    manualChunks: {
                        vue: ['vue', 'vue-router', 'pinia'],
                        echarts: ['echarts'],
                    },
                },
            },
        },
        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),
        },
    };
});

export default viteConfig;