lingji-work-fe/vite.config.ts

/*
 * @Author: RenXiaoDong
 * @Date: 2025-07-02 09:17:39
 */
import type { ConfigEnv, UserConfig } from 'vite';

import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import analyzer from 'rollup-plugin-visualizer';

import { pluginsConfig, setServerConfig, resolve } from './config';

export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
  const envDir = resolve('env');
  const env = loadEnv(mode, envDir, '');
  const setServer = setServerConfig({ env });

  return {
    css: {
      preprocessorOptions: {
        scss: {
          // additionalData: `@import "@/styles/vars.css";`,
        },
      },
    },
    plugins: [vue(), vueJsx(), ...pluginsConfig, setAnalyzer(env.VITE_ENV)],
    resolve: {
      extensions: ['.jsx', '.tsx', '.js', '.ts', '.json', '.vue'],
      alias: {
        '@': resolve('src'),
        '@components': resolve('src/components'),
      },
    },
    envDir,
    envPrefix: env.ENV_PREFIX,
    server: {
      proxy: {
        '/api': {
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
          // 目标地址
          target: 'http://192.168.40.3/api',
          // target: 'https://lingjiapi.lvfunai.com/api',
        },
      },
    },
    preview: setServer(),
  };
});

/**
 * 设置分析器，仅在development环境下生效
 * @param env
 * @returns
 */
function setAnalyzer(env = 'development') {
  console.log('env: ', env);
  if (env === 'development') {
    return analyzer({
      filename: 'analyzer.html',
      open: true,
    });
  }
  return null;
}