import { defineConfig, loadEnv } from "vite"; import vue from "@vitejs/plugin-vue"; import path from "node:path"; import { createHtmlPlugin } from "vite-plugin-html"; import { createSvgIconsPlugin } from "vite-plugin-svg-icons"; import { version } from "./package.json"; // https://vite.dev/config/ export default ({ mode }: any) => { const env = loadEnv(mode, process.cwd()); let proxy: any = {}; if (env.VITE_MOCK_ENV) { const mockEnv = loadEnv(env.VITE_MOCK_ENV, process.cwd()); const getProxy = (prev: string, api: string) => ({ target: api, changeOrigin: true, rewrite: (path: any) => path.replace(prev, ""), }); console.log(env, env.VITE_MOCK_ENV, mockEnv) if (env.VITE_MOCK_PROXY) { proxy[env.VITE_MOCK_PROXY] = getProxy( env.VITE_MOCK_PROXY, mockEnv.VITE_MOCK_PROXY ); } else { for (const key in env) { if (env[key].includes("/") && env[key] !== mockEnv[key]) { proxy[env[key]] = getProxy(env[key], mockEnv[key]); } } } } console.log('===>', proxy) return defineConfig({ base: './', resolve: { alias: { "@/": `${path.resolve(__dirname, "src")}/`, }, }, css: { preprocessorOptions: { scss: { quietDeps: true, additionalData: ` @forward 'element-plus/theme-chalk/src/common/var' with ( $colors: ( 'primary': ( 'base': ${env.VITE_PRIMARY}, ), ), ); `, }, }, }, server: { port: 9010, open: true, host: "0.0.0.0", proxy: proxy, }, plugins: [ createSvgIconsPlugin({ iconDirs: [path.resolve(process.cwd(), "public/icons")], symbolId: "icon-[dir]-[name]", }), createHtmlPlugin({ template: "index.html", entry: `/src${env.VITE_ENTRY}`, inject: { data: { title: env.VITE_TITLE, }, }, }), vue(), ], define: { __VERSION__: JSON.stringify(version), } }); };