vite.config.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. port: 8003,
  40. proxy: {
  41. '/WebSocketConfig/': {
  42. target: 'ws://test.com',
  43. changeOrigin: true,
  44. ws: true,
  45. },
  46. '/api/': {
  47. target: 'http://test.com',
  48. changeOrigin: true,
  49. ws: false,
  50. }
  51. }
  52. },
  53. base: '/',
  54. }
  55. })