项目初始化完毕

vite.config.ts

@@ -0,0 +1,48 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueDevTools from 'vite-plugin-vue-devtools'
+import tailwindcss from '@tailwindcss/vite'
+import Components from 'unplugin-vue-components/vite'
+import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+import path from 'path'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    vueDevTools(),
+    tailwindcss(),
+    Components({
+      resolvers: [
+        AntDesignVueResolver({
+          importStyle: false,
+        }),
+      ],
+    }),
+    createSvgIconsPlugin({
+      // 指定项目中存放 SVG 图标的目录路径（插件会扫描此目录下的所有 .svg 文件）
+      iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
+      // 定义生成的 <symbol> 元素的 id 属性的命名格式
+      symbolId: 'icon-[dir]-[name]',
+
+      /**
+       * 自定义 SVG Sprite 的插入位置
+       * @default: body-last
+       */
+      inject: 'body-last',
+      /**
+       * 自定义 dom id
+       * @default: __svg__icons__dom__
+       */
+      customDomId: '__svg__icons__dom__',
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+})