张翔
94 lines
2.3 KiB
TypeScript
94 lines
2.3 KiB
TypeScript
import { defineConfig, loadEnv } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import { resolve } from 'path'
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig(({ mode }) => {
|
|
// 加载环境变量
|
|
const env = loadEnv(mode, process.cwd(), '')
|
|
|
|
// 根据环境决定是否配置代理
|
|
const shouldUseProxy = env.VITE_MOCK_ENABLED !== 'true'
|
|
|
|
const proxyConfig = shouldUseProxy ? {
|
|
'/api': {
|
|
target: env.VITE_API_BASE_URL || 'http://127.0.0.1:8080',
|
|
changeOrigin: true,
|
|
rewrite: (path) => path.replace(/^\/api/, '')
|
|
}
|
|
} : {}
|
|
|
|
return {
|
|
plugins: [
|
|
vue()
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': resolve(__dirname, 'src')
|
|
}
|
|
},
|
|
server: {
|
|
port: Number(process.env.VITE_APP_PORT) || 5173,
|
|
proxy: proxyConfig,
|
|
host: true,
|
|
hmr: {
|
|
overlay: false
|
|
}
|
|
},
|
|
build: {
|
|
target: 'es2015',
|
|
outDir: 'dist',
|
|
assetsDir: 'assets',
|
|
sourcemap: false,
|
|
minify: 'terser',
|
|
cssCodeSplit: true,
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: {
|
|
// 将 Vue 相关库打包成单独的 chunk
|
|
'vue-core': ['vue', 'vue-router', 'pinia'],
|
|
// 将 UI 库打包成单独的 chunk
|
|
'ant-design': ['ant-design-vue', '@ant-design/icons-vue'],
|
|
// 将工具库打包成单独的 chunk
|
|
'utils': ['axios', 'vue-i18n'],
|
|
// 将图表库打包成单独的 chunk
|
|
'charts': ['@ant-design/charts']
|
|
},
|
|
chunkFileNames: 'js/[name]-[hash].js',
|
|
entryFileNames: 'js/[name]-[hash].js',
|
|
assetFileNames: '[ext]/[name]-[hash].[ext]'
|
|
}
|
|
},
|
|
terserOptions: {
|
|
compress: {
|
|
drop_console: true,
|
|
drop_debugger: true,
|
|
pure_funcs: ['console.log', 'console.info', 'console.warn']
|
|
}
|
|
},
|
|
// 启用 brotli 压缩
|
|
brotliSize: true,
|
|
// 启用 gzip 压缩
|
|
reportCompressedSize: true
|
|
},
|
|
// 优化依赖预构建
|
|
optimizeDeps: {
|
|
include: [
|
|
'vue',
|
|
'vue-router',
|
|
'pinia',
|
|
'ant-design-vue',
|
|
'@ant-design/icons-vue',
|
|
'axios',
|
|
'vue-i18n',
|
|
'@ant-design/charts'
|
|
],
|
|
exclude: []
|
|
},
|
|
// 预加载资源
|
|
ssr: {
|
|
noExternal: ['ant-design-vue']
|
|
}
|
|
}
|
|
})
|