Files
Incidents-Data-Portal/frontend/vite.config.ts
T
2026-07-10 21:10:17 +08:00

149 lines
4.1 KiB
TypeScript

/// <reference types="vitest" />
import type { ConfigEnv, UserConfig } from 'vite'
import { resolve } from 'node:path'
import * as process from 'node:process'
import { fileURLToPath } from 'node:url'
import { loadEnv } from 'vite'
import { createVitePlugins } from './plugins'
import { OUTPUT_DIR } from './plugins/constants'
const baseSrc = fileURLToPath(new URL('./src', import.meta.url))
// https://vitejs.dev/config/
export default ({ mode }: ConfigEnv): UserConfig => {
const env = loadEnv(mode, process.cwd())
const proxyObj = {}
// if (mode === 'development' && env.VITE_APP_BASE_API_DEV && env.VITE_APP_BASE_URL_DEV) {
// proxyObj[env.VITE_APP_BASE_API_DEV] = {
// target: env.VITE_APP_BASE_URL_DEV,
// changeOrigin: true,
// rewrite: path => path.replace(new RegExp(`^${env.VITE_APP_BASE_API_DEV}`), ''),
// }
// }
if (mode === 'development' && env.VITE_APP_BASE_API_DEV && env.VITE_APP_BASE_URL_DEV) {
proxyObj[env.VITE_APP_BASE_API_DEV] = {
target: env.VITE_APP_BASE_URL_DEV,
changeOrigin: true,
// 浏览器请求 /api/xxx,转发给后端时补上域名前缀 -> /accidentportal/api/xxx
rewrite: path => path.replace(new RegExp(`^${env.VITE_APP_BASE_API_DEV}`), '/accidentportal/api'),
}
}
return {
base: mode === 'development' ? '/' : '/accidentportal/',
plugins: createVitePlugins(env),
resolve: {
alias: [
{
find: 'dayjs',
replacement: 'dayjs/esm',
},
{
find: /^dayjs\/locale/,
replacement: 'dayjs/esm/locale',
},
{
find: /^dayjs\/plugin/,
replacement: 'dayjs/esm/plugin',
},
{
find: 'vue-i18n',
replacement: mode === 'development' ? 'vue-i18n/dist/vue-i18n.esm-browser.js' : 'vue-i18n/dist/vue-i18n.esm-bundler.js',
},
{
find: /^ant-design-vue\/es$/,
replacement: 'ant-design-vue/es',
},
{
find: /^ant-design-vue\/dist$/,
replacement: 'ant-design-vue/dist',
},
{
find: /^ant-design-vue\/lib$/,
replacement: 'ant-design-vue/es',
},
{
find: /^ant-design-vue$/,
replacement: 'ant-design-vue/es',
},
{
find: 'lodash',
replacement: 'lodash-es',
},
{
find: '~@',
replacement: baseSrc,
},
{
find: '~',
replacement: baseSrc,
},
{
find: '@',
replacement: baseSrc,
},
{
find: '~#',
replacement: resolve(baseSrc, './enums'),
},
],
},
build: {
chunkSizeWarningLimit: 4096,
outDir: OUTPUT_DIR,
rollupOptions: {
output: {
advancedChunks: {
groups: [
{
test: /[\\/]node_modules[\\/](vue|vue-router|pinia|vue-i18n|@vueuse[\\/]core)[\\/]/,
name: 'vue',
},
{
test: /[\\/]node_modules[\\/](ant-design-vue|@ant-design[\\/]icons-vue|dayjs)[\\/]/,
name: 'antd',
},
],
},
},
},
rolldownOptions: {
output: {
advancedChunks: {
groups: [
{
test: /[\\/]node_modules[\\/](vue|vue-router|pinia|vue-i18n|@vueuse[\\/]core)[\\/]/,
name: 'vue',
},
{
test: /[\\/]node_modules[\\/](ant-design-vue|@ant-design[\\/]icons-vue|dayjs)[\\/]/,
name: 'antd',
},
],
},
},
},
},
server: {
port: 3001,
proxy: {
...proxyObj,
// [env.VITE_APP_BASE_API]: {
// target: env.VITE_APP_BASE_URL,
// // 如果你是https接口,需要配置这个参数
// // secure: false,
// changeOrigin: true,
// rewrite: path => path.replace(new RegExp(`^${env.VITE_APP_BASE_API}`), ''),
// },
},
},
// test: {
// globals: true,
// environment: 'jsdom',
// },
}
}