save code

vite.config.ts

@@ -0,0 +1,89 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import _ from 'lodash'
+import AutoImport from 'unplugin-auto-import/vite'
+import IconsResolver from 'unplugin-icons/resolver'
+import Icons from 'unplugin-icons/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import Components from 'unplugin-vue-components/vite'
+import { defineConfig, loadEnv } from 'vite'
+
+// export function parseEnv(env: Record<string, any>): ImportMetaEnv {
+export function parseEnv(env: Record<string, any>): any {
+  const envs: any = _.cloneDeep(env)
+
+  Object.entries(env).forEach(([key, value]) => {
+    if (value == 'true' || value == 'false') envs[key] = value == 'true' ? true : false
+    else if (/^\d+$/.test(value)) envs[key] = Number(value)
+    else if (value == 'null' || value == '') envs[key] = null
+    else if (value == 'undefined') envs[key] = undefined
+  })
+  return envs
+}
+// https://vitejs.dev/config/
+export default defineConfig(({ command, mode }) => {
+  const isBuild = command == 'build'
+  const env = parseEnv(loadEnv(mode, process.cwd()))
+  return {
+    plugins: [
+      vue(),
+      vueJsx(),
+
+      AutoImport({
+        resolvers: [
+          ElementPlusResolver(),
+          IconsResolver({
+            prefix: 'Icon'
+          })
+        ],
+        imports: ['vue', 'vue-router'],
+        //composables目录文件按需加载
+        dirs: ['src/composables/**/*', 'src/enum/**/*', 'src/store/**/*'],
+        dts: 'src/auto-import.d.ts', //  会自动生成此文件
+        vueTemplate: true,
+        defaultExportByFilename: true
+      }),
+
+      Components({
+        resolvers: [
+          // Auto register icon components
+          // 自动注册图标组件
+          IconsResolver({
+            enabledCollections: ['ep']
+          }),
+          ElementPlusResolver()
+        ],
+        extensions: ['vue', 'tsx'],
+        dirs: ['src/components', 'src/layouts'],
+        //组件名称包含目录，防止同名组件冲突
+        directoryAsNamespace: true
+      }),
+
+      Icons({
+        autoInstall: true
+      })
+    ],
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url))
+      }
+    },
+
+    server: {
+      port: 8899,
+      host: true,
+      proxy: {
+        '/api': {
+          target: env.VITE_API_URL,
+          changeOrigin: true
+        },
+        '/captcha': {
+          target: env.VITE_API_URL,
+          changeOrigin: true
+        }
+      }
+    }
+  }
+})