vite.config.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. import { defineConfig, loadEnv } from 'vite'
  2. import vue from '@vitejs/plugin-vue'
  3. import vueJsx from '@vitejs/plugin-vue-jsx'
  4. import path from 'path'
  5. import { fileURLToPath } from 'url'
  6. import components from 'unplugin-vue-components/vite';
  7. import { AntDesignXVueResolver } from 'ant-design-x-vue/resolver';
  8. const __dirname = path.dirname(fileURLToPath(import.meta.url))
  9. function resolve(dir) {
  10. return path.join(__dirname, dir)
  11. }
  12. export default defineConfig(({ command, mode }) => {
  13. // 加载env文件
  14. const env = loadEnv(mode, process.cwd(), '')
  15. return {
  16. plugins: [
  17. components({
  18. resolvers: [AntDesignXVueResolver()],
  19. }),
  20. vue(),
  21. vueJsx()
  22. ],
  23. resolve: {
  24. alias: {
  25. '@': resolve('src'),
  26. '@api': resolve('src/api'),
  27. '@assets': resolve('src/assets'),
  28. '@layouts': resolve('src/layouts'),
  29. '@static': resolve('src/static'),
  30. '@components': resolve('src/components'),
  31. '@router': resolve('src/router'),
  32. '@utils': resolve('src/utils'),
  33. '@store': resolve('src/store'),
  34. '@views': resolve('src/views')
  35. },
  36. extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.vue']
  37. },
  38. server: {
  39. host: true,
  40. port: 8003,
  41. proxy: {
  42. '/WebSocketConfig/': {
  43. target: 'ws://test.com',
  44. changeOrigin: true,
  45. ws: true,
  46. },
  47. '/api/': {
  48. target: 'http://test.com',
  49. changeOrigin: true,
  50. ws: false,
  51. }
  52. }
  53. },
  54. base: './',
  55. build: {
  56. sourcemap: true,
  57. rollupOptions: {
  58. output: {
  59. manualChunks: undefined
  60. }
  61. }
  62. }
  63. }
  64. })