144 lines
4.1 KiB
JavaScript
144 lines
4.1 KiB
JavaScript
import { defineConfig, loadEnv } from 'vite'
|
||
import vue from '@vitejs/plugin-vue'
|
||
import path, { resolve } from 'path'
|
||
import { VitePWA } from 'vite-plugin-pwa'
|
||
import { readFileSync } from 'fs'
|
||
|
||
// https://vitejs.dev/config/
|
||
export default defineConfig(({ command, mode }) => {
|
||
// 加载环境变量
|
||
const env = loadEnv(mode, process.cwd(), '')
|
||
|
||
return {
|
||
plugins: [
|
||
vue(),
|
||
VitePWA({
|
||
registerType: 'autoUpdate',
|
||
manifest: JSON.parse(readFileSync('./public/manifest.json', 'utf-8')),
|
||
workbox: {
|
||
// 增加文件大小限制以处理大文件
|
||
maximumFileSizeToCacheInBytes: 10 * 1024 * 1024, // 10MB
|
||
// 自定义缓存策略
|
||
runtimeCaching: [
|
||
{
|
||
urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
|
||
handler: 'CacheFirst',
|
||
options: {
|
||
cacheName: 'google-fonts-cache',
|
||
expiration: {
|
||
maxEntries: 10,
|
||
maxAgeSeconds: 60 * 60 * 24 * 365 // <== 365 days
|
||
}
|
||
}
|
||
},
|
||
{
|
||
urlPattern: /^http:\/\/127\.0\.0\.1:8091\/.*/i,
|
||
handler: 'NetworkFirst',
|
||
options: {
|
||
cacheName: 'api-cache',
|
||
expiration: {
|
||
maxEntries: 50,
|
||
maxAgeSeconds: 60 * 60 * 24 // 24 hours
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
devOptions: {
|
||
enabled: true // 开发环境也启用 PWA
|
||
}
|
||
})
|
||
],
|
||
resolve: {
|
||
alias: {
|
||
'@': path.resolve(__dirname, 'src'),
|
||
},
|
||
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
|
||
},
|
||
server: {
|
||
port: 3000,
|
||
host: '0.0.0.0',
|
||
open: true,
|
||
proxy: {
|
||
'/api': {
|
||
target: 'http://127.0.0.1:8091',
|
||
changeOrigin: true,
|
||
rewrite: (path) => path.replace(/^\/api/, '')
|
||
},
|
||
// 添加日志以查看代理是否生效
|
||
onProxyReq(proxyReq, req, res) {
|
||
console.log('代理请求:', req.method, req.url);
|
||
},
|
||
onProxyRes(proxyRes, req, res) {
|
||
console.log('代理响应:', proxyRes.statusCode, req.url);
|
||
}
|
||
},
|
||
fs: {
|
||
strict: true,
|
||
allow: ['..']
|
||
}
|
||
},
|
||
optimizeDeps: {
|
||
include: [
|
||
'vue',
|
||
'vue-router',
|
||
'pinia',
|
||
'@element-plus/icons-vue',
|
||
'element-plus'
|
||
]
|
||
},
|
||
build: {
|
||
// 生产环境禁用 sourcemap 以节省内存
|
||
sourcemap: mode === 'development',
|
||
chunkSizeWarningLimit: 3000,
|
||
// 启用压缩，减少输出文件大小
|
||
minify: 'terser',
|
||
terserOptions: {
|
||
compress: {
|
||
// 移除 console 和 debugger
|
||
drop_console: mode === 'production',
|
||
drop_debugger: true
|
||
}
|
||
},
|
||
rollupOptions: {
|
||
// 配置 Rollup 以处理大型项目
|
||
maxParallelFileOps: 2, // 限制并行文件操作数量
|
||
input: {
|
||
main: resolve(__dirname, 'index.html'),
|
||
// 为每个模块生成独立的HTML入口
|
||
dashboard: resolve(__dirname, 'public/dashboard.html'),
|
||
crm: resolve(__dirname, 'public/crm.html'),
|
||
org: resolve(__dirname, 'public/org.html'),
|
||
task: resolve(__dirname, 'public/task.html'),
|
||
knowledge: resolve(__dirname, 'public/knowledge.html'),
|
||
email: resolve(__dirname, 'public/email.html'),
|
||
manager: resolve(__dirname, 'public/manager.html')
|
||
},
|
||
output: {
|
||
// 确保文件名包含 hash，实现自动缓存失效
|
||
entryFileNames: 'assets/[name]-[hash].js',
|
||
chunkFileNames: 'assets/[name]-[hash].js',
|
||
assetFileNames: 'assets/[name]-[hash].[ext]',
|
||
// 优化 chunk 分割策略
|
||
manualChunks: {
|
||
// 框架相关
|
||
'vue-vendor': ['vue', 'vue-router', 'pinia'],
|
||
// UI 组件库
|
||
'element-plus': ['element-plus', '@element-plus/icons-vue'],
|
||
// 图表库
|
||
'echarts': ['echarts'],
|
||
// 表格组件
|
||
'vxe-table': ['vxe-table'],
|
||
// 编辑器相关
|
||
'editor': ['@umoteam/editor'],
|
||
// 其他工具库
|
||
'utils': ['crypto-js', 'axios']
|
||
}
|
||
},
|
||
// 外部化一些大型依赖（如果可能）
|
||
external: []
|
||
}
|
||
}
|
||
}
|
||
})
|