diff --git a/vite.config.ts b/vite.config.ts index 8cd1ea9f..ce716feb 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,28 +1,28 @@ -import vue from '@vitejs/plugin-vue'; +import vue from "@vitejs/plugin-vue"; -import { UserConfig, ConfigEnv, loadEnv, defineConfig } from 'vite'; +import { UserConfig, ConfigEnv, loadEnv, defineConfig } from "vite"; -import AutoImport from 'unplugin-auto-import/vite'; -import Components from 'unplugin-vue-components/vite'; -import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'; +import AutoImport from "unplugin-auto-import/vite"; +import Components from "unplugin-vue-components/vite"; +import { ElementPlusResolver } from "unplugin-vue-components/resolvers"; -import Icons from 'unplugin-icons/vite'; -import IconsResolver from 'unplugin-icons/resolver'; +import Icons from "unplugin-icons/vite"; +import IconsResolver from "unplugin-icons/resolver"; -import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'; +import { createSvgIconsPlugin } from "vite-plugin-svg-icons"; -import UnoCSS from 'unocss/vite'; +import UnoCSS from "unocss/vite"; -import path from 'path'; -const pathSrc = path.resolve(__dirname, 'src'); +import path from "path"; +const pathSrc = path.resolve(__dirname, "src"); export default defineConfig(({ mode }: ConfigEnv): UserConfig => { const env = loadEnv(mode, process.cwd()); return { resolve: { alias: { - '@': pathSrc - } + "@": pathSrc, + }, }, css: { // CSS 预处理器 @@ -32,27 +32,27 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => { javascriptEnabled: true, additionalData: ` @use "@/styles/variables.scss" as *; - ` - } - } + `, + }, + }, }, server: { - host: '0.0.0.0', + host: "0.0.0.0", port: Number(env.VITE_APP_PORT), open: true, // 运行是否自动打开浏览器 // 反向代理解决跨域 proxy: { [env.VITE_APP_BASE_API]: { // 线上接口API地址 - target: 'http://vapi.youlai.tech', + target: "http://vapi.youlai.tech", // 本地接口API地址 // target: 'http://localhost:8989', changeOrigin: true, - rewrite: path => + rewrite: (path) => // localhost:3000/dev-api/users/me → http://vapi.youlai.tech/users/me - path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '') - } - } + path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""), + }, + }, }, plugins: [ vue(), @@ -61,97 +61,45 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => { }), AutoImport({ // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等 - imports: ['vue', '@vueuse/core'], + imports: ["vue", "@vueuse/core"], eslintrc: { enabled: false, // Default `false` - filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json` - globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable') + filepath: "./.eslintrc-auto-import.json", // Default `./.eslintrc-auto-import.json` + globalsPropValue: true, // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable') }, resolvers: [ // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式) ElementPlusResolver(), // 自动导入图标组件 - IconsResolver({}) + IconsResolver({}), ], vueTemplate: true, // 是否在 vue 模板中自动导入 - dts: path.resolve(pathSrc, 'types', 'auto-imports.d.ts') // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成 + dts: path.resolve(pathSrc, "types", "auto-imports.d.ts"), // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成 }), Components({ resolvers: [ // 自动注册图标组件 IconsResolver({ - enabledCollections: ['ep'] //@iconify-json/ep 是 Element Plus 的图标库 + enabledCollections: ["ep"], //@iconify-json/ep 是 Element Plus 的图标库 }), // 自动导入 Element Plus 组件 - ElementPlusResolver() + ElementPlusResolver(), ], - dts: path.resolve(pathSrc, 'types', 'components.d.ts') // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成 + dts: path.resolve(pathSrc, "types", "components.d.ts"), // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成 }), Icons({ // 自动安装图标库 - autoInstall: true + autoInstall: true, }), createSvgIconsPlugin({ // 指定需要缓存的图标文件夹 - iconDirs: [path.resolve(pathSrc, 'assets/icons')], + iconDirs: [path.resolve(pathSrc, "assets/icons")], // 指定symbolId格式 - symbolId: 'icon-[dir]-[name]' - }) + symbolId: "icon-[dir]-[name]", + }), ], - optimizeDeps: { - include: [ - 'vue', - 'vue-router', - 'pinia', - 'axios', - 'element-plus/es/components/form/style/css', - 'element-plus/es/components/form-item/style/css', - 'element-plus/es/components/button/style/css', - 'element-plus/es/components/input/style/css', - 'element-plus/es/components/input-number/style/css', - 'element-plus/es/components/switch/style/css', - 'element-plus/es/components/upload/style/css', - 'element-plus/es/components/menu/style/css', - 'element-plus/es/components/col/style/css', - 'element-plus/es/components/icon/style/css', - 'element-plus/es/components/row/style/css', - 'element-plus/es/components/tag/style/css', - 'element-plus/es/components/dialog/style/css', - 'element-plus/es/components/loading/style/css', - 'element-plus/es/components/radio/style/css', - 'element-plus/es/components/radio-group/style/css', - 'element-plus/es/components/popover/style/css', - 'element-plus/es/components/scrollbar/style/css', - 'element-plus/es/components/tooltip/style/css', - 'element-plus/es/components/dropdown/style/css', - 'element-plus/es/components/dropdown-menu/style/css', - 'element-plus/es/components/dropdown-item/style/css', - 'element-plus/es/components/sub-menu/style/css', - 'element-plus/es/components/menu-item/style/css', - 'element-plus/es/components/divider/style/css', - 'element-plus/es/components/card/style/css', - 'element-plus/es/components/link/style/css', - 'element-plus/es/components/breadcrumb/style/css', - 'element-plus/es/components/breadcrumb-item/style/css', - 'element-plus/es/components/table/style/css', - 'element-plus/es/components/tree-select/style/css', - 'element-plus/es/components/table-column/style/css', - 'element-plus/es/components/select/style/css', - 'element-plus/es/components/option/style/css', - 'element-plus/es/components/pagination/style/css', - 'element-plus/es/components/tree/style/css', - 'element-plus/es/components/alert/style/css', - '@vueuse/core', - - 'path-to-regexp', - 'echarts', - '@wangeditor/editor', - '@wangeditor/editor-for-vue', - 'vue-i18n' - ] - } }; });