vite.config.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. import {defineConfig, loadEnv} from 'vite'
  2. import path from 'path'
  3. import createVitePlugins from './vite/plugins'
  4. // https://vitejs.dev/config/
  5. export default defineConfig(({mode, command}) => {
  6. const env = loadEnv(mode, process.cwd())
  7. const {VITE_APP_ENV} = env
  8. const VITE_SERVICE_BASE_TITLE=env.VITE_SERVICE_BASE_TITLE
  9. const VITE_SERVER_URL=env.VITE_SERVER_URL
  10. return {
  11. base: env.VITE_APP_BASE_TITLE,
  12. plugins: createVitePlugins(env, command === 'build'),
  13. resolve: {
  14. // https://cn.vitejs.dev/config/#resolve-alias
  15. alias: {
  16. // 设置路径
  17. '~': path.resolve(__dirname, './'),
  18. // 设置别名
  19. '@': path.resolve(__dirname, './src')
  20. },
  21. // https://cn.vitejs.dev/config/#resolve-extensions
  22. extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
  23. },
  24. // 打包配置
  25. build: {
  26. // https://vite.dev/config/build-options.html
  27. sourcemap: command === 'build' ? false : 'inline',
  28. outDir: 'dist',
  29. assetsDir: 'assets',
  30. chunkSizeWarningLimit: 2000,
  31. rollupOptions: {
  32. output: {
  33. chunkFileNames: 'static/js/[name]-[hash].js',
  34. entryFileNames: 'static/js/[name]-[hash].js',
  35. assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
  36. }
  37. }
  38. },
  39. // vite 相关配置
  40. server: {
  41. port: env.VITE_APP_PORT,
  42. host: '0.0.0.0',
  43. open: true,
  44. proxy: {
  45. // https://cn.vitejs.dev/config/#server-proxy
  46. [VITE_SERVICE_BASE_TITLE]: {
  47. target: VITE_SERVER_URL,
  48. changeOrigin: true,
  49. rewrite: (path) => path.replace(new RegExp(`^${VITE_SERVICE_BASE_TITLE}`), ''),
  50. },
  51. // springdoc proxy(不含 context-path 的请求)
  52. '^/v3/api-docs/(.*)': {
  53. target: VITE_SERVER_URL,
  54. changeOrigin: true,
  55. },
  56. // Knife4j 透传:前端 base 已改为 /slgc-run,只能用精确匹配避免拦截前端资源
  57. '/slgc-run/doc.html': {
  58. target: 'http://127.0.0.1:8901',
  59. changeOrigin: true,
  60. },
  61. '/slgc-run/webjars/(.*)': {
  62. target: 'http://127.0.0.1:8901',
  63. changeOrigin: true,
  64. },
  65. '/slgc-run/swagger-resources': {
  66. target: 'http://127.0.0.1:8901',
  67. changeOrigin: true,
  68. },
  69. '/slgc-run/v3/api-docs': {
  70. target: 'http://127.0.0.1:8901',
  71. changeOrigin: true,
  72. },
  73. '/slgc-run/v3/api-docs/(.*)': {
  74. target: 'http://127.0.0.1:8901',
  75. changeOrigin: true,
  76. },
  77. // Knife4j UI 页面本身也通过后端代理(让 doc.html 可以同域访问)
  78. '/slgc-run/swagger-ui/(.*)': {
  79. target: 'http://127.0.0.1:8901',
  80. changeOrigin: true,
  81. }
  82. }
  83. },
  84. css: {
  85. postcss: {
  86. plugins: [
  87. {
  88. postcssPlugin: 'internal:charset-removal',
  89. AtRule: {
  90. charset: (atRule) => {
  91. if (atRule.name === 'charset') {
  92. atRule.remove()
  93. }
  94. }
  95. }
  96. }
  97. ]
  98. }
  99. }
  100. }
  101. })