Situation-Awareness-Platform-Frontend/vite.config.ts

import { fileURLToPath, URL } from 'node:url';
import { defineConfig, type PluginOption, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';
import { visualizer } from "rollup-plugin-visualizer";
import dayjs from "dayjs";
import basicSSL from '@vitejs/plugin-basic-ssl';
import legacy from '@vitejs/plugin-legacy'
const fs = require('node:fs')

export default (config: any) => {
  const env = loadEnv(config.mode, process.cwd());
  console.log(env)
  return defineConfig({
    base: env.VITE_BASE_URL,
    plugins: [
      vue({
        template: {
          compilerOptions: {
            isCustomElement: tag => /^micro-app/.test(tag)
          }
        }
      }),
      // 浏览器兼容性
      legacy({
        targets: ['defaults', 'chrome >= 78', 'safari >= 14'],
      }),
      visualizer({
        open: config.mode === 'analysis',
      }) as PluginOption,
    ],

    server: {
      host: true,
      port: 443,
      open: true, // 启动服务打开浏览器
      headers: {
        'Access-Control-Allow-Origin': '*',
      },
      proxy: {
        // 配置跨域代理
        '/gateway': {
          // target: 'http://223.76.236.155:20011', // 目标服务器地址
          target: 'http://222.20.126.217:10010', // 目标服务器地址
          changeOrigin: true, // 允许跨域
          rewrite: (path) => path.replace(/^\/gateway/, '/gateway'), // 重写路径
        }
      }
    },

    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import 'devui-theme/theme-collection/extend-theme-vue.scss';@import '@/assets/css/mixins/variables.scss';` // 全局引入scss文件
        }
      }
    },

    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url))
      }
    },

    build: {
      outDir: 'openRepoPortalV2', // 将打包后的文件夹名改为 openRepoPortal
      // sourcemap: config.mode !== 'production',
      minify: 'terser', // 确保使用 terser 进行压缩
      terserOptions: {
        compress: {
          drop_console: true, // 移除 console.log
        },
      },
    },

    define: {
      BUILD_TIME: dayjs().format('YYMMDD.HHmmss'),
    },

    experimental: {
      renderBuiltUrl(
        filename: string,
        { hostId, hostType, type }: { hostId: string, hostType: 'js' | 'css' | 'html', type: 'public' | 'asset'; }
      ) {
        if (type === 'asset') {
          // return env.VITE_STATIC_HOST + '/' + filename;
          return `/openRepoPortalV2/${filename}`;
        }
      }
    }
  });
};