/* * @Author: 996555510 65213605+996555510@users.noreply.github.com * @Date: 2025-05-22 10:12:42 * @LastEditors: 996555510 65213605+996555510@users.noreply.github.com * @LastEditTime: 2025-05-23 15:55:37 * @FilePath: \IofTV-Screen-Vue3-master\vite.config.ts * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE */ /// import type { UserConfig, ConfigEnv } from "vite"; import { defineConfig, loadEnv } from "vite"; import vue from "@vitejs/plugin-vue"; import { resolve } from "path"; import AutoImport from "unplugin-auto-import/vite"; import Components from "unplugin-vue-components/vite"; import { ElementPlusResolver } from "unplugin-vue-components/resolvers"; //https://github.com/element-plus/unplugin-element-plus/blob/HEAD/README.zh-CN.md import ElementPlus from "unplugin-element-plus/vite"; import { createHtmlPlugin } from "vite-plugin-html"; export default defineConfig(({ command, mode }: ConfigEnv): UserConfig => { const viteEnv = loadEnv(mode, process.cwd()); return { base: "/", plugins: [ vue(), AutoImport({ resolvers: [ElementPlusResolver()] }), Components({ resolvers: [ElementPlusResolver()] }), ElementPlus(), createHtmlPlugin({ inject: { data: { injectMapScript: ``, }, }, minify: true, }), // Compression({ // algorithm: 'gzip', // test: /\.(js|css|html|json|svg|jpe?g|png|gif)$/i, // threshold: 1024, // deleteOriginalAssets: false // }), // svgr() ], publicDir: "public", build: { outDir: "dist", assetsDir: "static", }, server: { host: "0.0.0.0", port: 8080, open: true, strictPort: false, proxy: { [viteEnv.VITE_APP_CONTROL_BASE_API]: { target: "http://172.16.1.128:8090/xjIotApi", changeOrigin: true, rewrite: (path) => path.replace( new RegExp(`^${viteEnv.VITE_APP_CONTROL_BASE_API}`), "" ), }, [viteEnv.VITE_APP_BASE_API]: { target: "http://172.16.1.128:8090/iotApi", changeOrigin: true, rewrite: (path) => path.replace(new RegExp(`^${viteEnv.VITE_APP_BASE_API}`), ""), }, }, }, resolve: { alias: { "@": resolve(__dirname, "./src"), components: resolve(__dirname, "./src/components"), api: resolve(__dirname, "./src/api"), }, }, css: { preprocessorOptions: { scss: { additionalData: `@use "./src/assets/css/variable.scss" as *;`, }, }, }, }; });