xg_total_process_master_cloud_vue/vite.config.js

import { defineConfig, loadEnv } from 'vite'
import path from 'path'
import vue from '@vitejs/plugin-vue'
const rewritePlugin = (path, excludes) => ({
  name: "rewrite-middleware",
  configureServer(serve) {
    serve.middlewares.use((req, res, next) => {
      if (req.url.startsWith(path)) {
        const isRaw = excludes.some((dir) => req.url.includes(dir))
        if (!isRaw) req.url = path
      }
      next()
    })
  },
})

export default ({ mode, command }) => {
  const env = loadEnv(mode, process.cwd())
  const { VITE_APP_BASE } = env
  return  defineConfig({
  base:'./',
  plugins: [vue(),
    rewritePlugin('/datav.html/', ['/datav.html/src', '/datav.html/static'])
  ],
  resolve: {
    // https://cn.vitejs.dev/config/#resolve-alias
    alias: {
      // 设置路径
      '~': path.resolve(__dirname, './'),
      // 设置别名
      '@': path.resolve(__dirname, './src')
    },
    // https://cn.vitejs.dev/config/#resolve-extensions
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
  },
  build: {
    rollupOptions: {
      input: {
        index: path.resolve(__dirname, 'index.html'),
        datav: path.resolve(__dirname, 'datav.html')
      }
    }
  },
  // 开发服务器依赖预构建：提前打包"业务页面/表单常用、但 main.js 未全局引入"的第三方库，
  // 避免切到懒加载页面时 Vite 现场"发现新依赖 -> 重新预构建 -> 整页刷新"（会误触发路由 onError 的版本更新刷新）。
  // 仅影响 dev（vite serve）；Vite 3 build 阶段默认禁用依赖优化器，生产打包产物不受影响。
  // 新增页面若仍偶发首次刷新，把该页面用到的库补进本列表即可。
  optimizeDeps: {
    include: [
      'xe-utils',
      'lodash.pick',
      'lodash.omit',
      'dayjs',
      'echarts',
      'vue-echarts',
      'sortablejs',
      'cropperjs',
      '@wangeditor/editor',
      '@wangeditor/editor-for-vue'
    ]
  },
  // vite 相关配置
  server: {
    port: 2800,
    host: true,
    open: true,
    proxy: {
      '/api': {
          target: VITE_APP_BASE,
          changeOrigin: true,
          rewrite: (p) => p.replace(/^\/api/, '')
        },
        '/file-server': {
          target: VITE_APP_BASE,
          changeOrigin: true,
          rewrite: (p) => p.replace(/^\/file-server/, /file-server/)
        }
    },
  },
  css: {
    postcss: {
      plugins: [
          {
            postcssPlugin: 'internal:charset-removal',
            AtRule: {
              charset: (atRule) => {
                if (atRule.name === 'charset') {
                  atRule.remove();
                }
              }
            }
          }
      ],
    },
  },
})
}