94 lines
2.5 KiB
TypeScript
94 lines
2.5 KiB
TypeScript
import { defineConfig } from 'vite'
|
||
import react from '@vitejs/plugin-react'
|
||
import { resolve } from 'path'
|
||
import AutoImport from 'unplugin-auto-import/vite'
|
||
import tailwindcss from '@tailwindcss/vite'
|
||
import svgr from 'vite-plugin-svgr';
|
||
|
||
// https://vite.dev/config/
|
||
export default defineConfig({
|
||
server: {
|
||
host: '0.0.0.0', // 支持通过IP地址访问
|
||
port: 5175,
|
||
proxy: {
|
||
// 主要API代理，支持 /api 和 /api/* 格式
|
||
'/api': {
|
||
target: 'http://localhost:5173',
|
||
changeOrigin: true,
|
||
|
||
// 匹配所有以/api开头的请求，包括/api/token
|
||
configure: (proxy) => {
|
||
// 确保能够匹配/api/token这样的路径
|
||
proxy.on('error', (err) => {
|
||
console.log('代理错误:', err)
|
||
})
|
||
}
|
||
},
|
||
},
|
||
},
|
||
plugins: [
|
||
tailwindcss(),
|
||
react(),
|
||
AutoImport({
|
||
imports: ['react', 'react-router-dom'],
|
||
dts: 'public/auto-imports.d.ts',
|
||
}),
|
||
svgr({ svgrOptions: { icon: true } }),
|
||
],
|
||
css: {
|
||
modules: {
|
||
generateScopedName: '[name]__[local]___[hash:base64:5]',
|
||
localsConvention: 'camelCaseOnly',
|
||
},
|
||
},
|
||
resolve: {
|
||
alias: {
|
||
'@': resolve(__dirname, 'src'),
|
||
},
|
||
},
|
||
base: './', // 使用相对路径，确保资源能正确加载
|
||
build: {
|
||
outDir: 'dist',
|
||
emptyOutDir: true,
|
||
assetsDir: 'assets', // 静态资源目录
|
||
sourcemap: false, // 生产环境不生成 sourcemap
|
||
rollupOptions: {
|
||
input: {
|
||
main: resolve(__dirname, 'index.html'),
|
||
},
|
||
output: {
|
||
// 分块策略
|
||
manualChunks: (id) => {
|
||
if (id.includes('node_modules')) {
|
||
if (id.includes('react') || id.includes('react-dom')) {
|
||
return 'react-vendor';
|
||
}
|
||
if (id.includes('react-router')) {
|
||
return 'router-vendor';
|
||
}
|
||
if (id.includes('antd')) {
|
||
return 'antd-vendor';
|
||
}
|
||
if (id.includes('echarts')) {
|
||
return 'echarts-vendor';
|
||
}
|
||
// 其他第三方库
|
||
return 'vendor';
|
||
}
|
||
},
|
||
// 输出文件命名
|
||
chunkFileNames: 'assets/js/[name]-[hash].js',
|
||
entryFileNames: 'assets/js/[name]-[hash].js',
|
||
assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
|
||
},
|
||
},
|
||
// 压缩配置
|
||
minify: 'terser',
|
||
terserOptions: {
|
||
compress: {
|
||
drop_console: false, // 移除 console
|
||
drop_debugger: true, // 移除 debugger
|
||
},
|
||
},
|
||
},
|
||
}) |