vite.config.ts

import createVuePlugin from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import path from 'path';
import { type ConfigEnv, loadEnv, type UserConfig } from 'vite';
import svgLoader from 'vite-svg-loader';

import { createMock } from './build/vite/mock';
import { createProxy } from './build/vite/proxy';
import { prefix } from './src/config/global';
import proxyConfig from './src/config/proxy';

const CWD = process.cwd();

// https://vitejs.dev/config/
export default ({ command, mode }: ConfigEnv): UserConfig => {
  const { VITE_BASE_URL } = loadEnv(mode, CWD);
  return {
    base: VITE_BASE_URL,
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src'),
      },
    },
    css: {
      preprocessorOptions: {
        less: {
          modifyVars: {
            hack: `true; @import (reference) "${path.resolve('src/style/variables.less')}";`,
            // 全局公共前缀
            '@starter-prefix': prefix,
          },
          math: 'strict',
          javascriptEnabled: true,
        },
      },
    },
    plugins: [createVuePlugin(), vueJsx(), createMock(command, mode), svgLoader()],

    server: {
      port: 3002,
      host: '0.0.0.0',
      // mock则不配置vite代理
      ...(mode !== 'mock' ? { proxy: createProxy(proxyConfig[mode].proxy) } : {}),
    },
  };
};