storlead-centre-platform/ui/sp-user-center/vite.config.ts

import {UserConfig, ConfigEnv, loadEnv, defineConfig} from 'vite';

import createPlugins from './vite/plugins';

import path from 'path';

export default defineConfig(({mode, command}: ConfigEnv): UserConfig => {
    const env = loadEnv(mode, process.cwd());
    return {
        // 部署生产环境和开发环境下的URL。
        // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
        // 例如 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在，则设置 baseUrl 为 /admin/。
        base: env.VITE_APP_CONTEXT_PATH,
        resolve: {
            alias: {
                '~': path.resolve(__dirname, './'),
                '@': path.resolve(__dirname, './src'),
                'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
            },
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
        },
        build: {
            chunkSizeWarningLimit: 1500 // 将警告限制调整到 1000 kB
        },
        // https://cn.vitejs.dev/config/#resolve-extensions
        plugins: createPlugins(env, command === 'build'),
        define: {
            // 消除 Vue esm-bundler feature flags 警告
            __VUE_OPTIONS_API__: true,
            __VUE_PROD_DEVTOOLS__: false,
            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
        },
        server: {
            // 允许IP访问
            host: "0.0.0.0",
            // 应用端口 (默认:3000)
            port: 8688,
            // 运行是否自动打开浏览器
            open: false,
            proxy: {
                /** 代理前缀为 /dev-api 的请求  */
                '/api/': {
                    changeOrigin: true,
                    // 接口地址
                    target: mode === 'dev67' ? 'http://192.168.1.67:10060' : 'http://localhost:10060',
                    // target: 'http://192.168.1.193:18090',
                    pathRewrite: {
                        ['^' + env.VITE_APP_BASE_API]: ''
                    }
                },
            },
        },
        css: {
            preprocessorOptions: {
                scss: {
                    javascriptEnabled: true
                }
            },
            postcss: {
                plugins: [
                    {
                        postcssPlugin: 'internal:charset-removal',
                        AtRule: {
                            charset: (atRule) => {
                                if (atRule.name === 'charset') {
                                    atRule.remove();
                                }
                            }
                        }
                    }
                ]
            }
        },
        // 预编译
        optimizeDeps: {
            include: [
                'vue',
                'vue-router',
                'pinia',
                'axios',
                '@vueuse/core',
                'path-to-regexp',
                'echarts',
                'vue-i18n',
                '@vueup/vue-quill',

                'element-plus/es/components/form/style/css',
                'element-plus/es/components/form-item/style/css',
                'element-plus/es/components/button/style/css',
                'element-plus/es/components/input/style/css',
                'element-plus/es/components/input-number/style/css',
                'element-plus/es/components/switch/style/css',
                'element-plus/es/components/upload/style/css',
                'element-plus/es/components/menu/style/css',
                'element-plus/es/components/col/style/css',
                'element-plus/es/components/icon/style/css',
                'element-plus/es/components/row/style/css',
                'element-plus/es/components/tag/style/css',
                'element-plus/es/components/dialog/style/css',
                'element-plus/es/components/loading/style/css',
                'element-plus/es/components/radio/style/css',
                'element-plus/es/components/radio-group/style/css',
                'element-plus/es/components/popover/style/css',
                'element-plus/es/components/scrollbar/style/css',
                'element-plus/es/components/tooltip/style/css',
                'element-plus/es/components/dropdown/style/css',
                'element-plus/es/components/dropdown-menu/style/css',
                'element-plus/es/components/dropdown-item/style/css',
                'element-plus/es/components/sub-menu/style/css',
                'element-plus/es/components/menu-item/style/css',
                'element-plus/es/components/divider/style/css',
                'element-plus/es/components/card/style/css',
                'element-plus/es/components/link/style/css',
                'element-plus/es/components/breadcrumb/style/css',
                'element-plus/es/components/breadcrumb-item/style/css',
                'element-plus/es/components/table/style/css',
                'element-plus/es/components/tree-select/style/css',
                'element-plus/es/components/table-column/style/css',
                'element-plus/es/components/select/style/css',
                'element-plus/es/components/option/style/css',
                'element-plus/es/components/pagination/style/css',
                'element-plus/es/components/tree/style/css',
                'element-plus/es/components/alert/style/css',
                'element-plus/es/components/checkbox/style/css',
                'element-plus/es/components/date-picker/style/css',
                'element-plus/es/components/transfer/style/css',
                'element-plus/es/components/tabs/style/css',
                'element-plus/es/components/image/style/css',
                'element-plus/es/components/tab-pane/style/css'
            ]
        }
    };
});