vite.config.ts 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import { defineConfig } from 'vite';
  2. import vue from '@vitejs/plugin-vue';
  3. import { resolve } from 'path';
  4. // https://vitejs.dev/config/
  5. export default defineConfig({
  6. base: '/static',
  7. // 路径解析
  8. resolve: {
  9. alias: {
  10. '@': resolve(__dirname, './src'), // 使用 '@' 作为 src 路径别名
  11. },
  12. },
  13. // 插件配置
  14. plugins: [vue()],
  15. // 开发服务器配置
  16. server: {
  17. host: '0.0.0.0', // 允许外部设备访问
  18. port: 3032, // 自定义端口
  19. open: true, // 启动服务时自动打开默认浏览器
  20. strictPort: true, // 如果端口被占用,则直接退出,而不是尝试下一个可用端口
  21. cors: true, // 启用 CORS
  22. },
  23. // 构建配置
  24. build: {
  25. outDir: 'dist', // 构建输出目录
  26. sourcemap: true, // 生成 source map,便于调试
  27. chunkSizeWarningLimit: 500, // 调整 chunk 大小警告阈值(默认 500KB)
  28. rollupOptions: {
  29. output: {
  30. manualChunks: {
  31. // 将依赖拆分成独立的 chunk
  32. vendor: ['vue'], // 单独打包 Vue 相关库
  33. },
  34. },
  35. },
  36. },
  37. // 其他优化选项
  38. optimizeDeps: {
  39. include: ['vue'], // 提前优化 vue 相关依赖
  40. },
  41. });