feat: 项目加载优化

Yi.Ai.Vue3/.build/plugins/fontawesome.ts

@@ -0,0 +1,23 @@
+import type { Plugin } from 'vite';
+import { config, library } from '@fortawesome/fontawesome-svg-core';
+import { fas } from '@fortawesome/free-solid-svg-icons';
+
+/**
+ * Vite 插件：配置 FontAwesome
+ * 预注册所有图标，避免运行时重复注册
+ */
+export default function fontAwesomePlugin(): Plugin {
+  // 在模块加载时配置 FontAwesome
+  library.add(fas);
+
+  return {
+    name: 'vite-plugin-fontawesome',
+    config() {
+      return {
+        define: {
+          // 确保 FontAwesome 在客户端正确初始化
+        },
+      };
+    },
+  };
+}

Yi.Ai.Vue3/.build/plugins/index.ts

@@ -10,15 +10,21 @@ import Components from 'unplugin-vue-components/vite';
 import viteCompression from 'vite-plugin-compression';
 
 import envTyped from 'vite-plugin-env-typed';
+import fontAwesomePlugin from './fontawesome';
 import gitHashPlugin from './git-hash';
+import preloadPlugin from './preload';
 import createSvgIcon from './svg-icon';
+import versionHtmlPlugin from './version-html';
 
 const root = path.resolve(__dirname, '../../');
 
 function plugins({ mode, command }: ConfigEnv): PluginOption[] {
   return [
+    versionHtmlPlugin(), // 最先处理 HTML 版本号
     gitHashPlugin(),
+    preloadPlugin(),
     UnoCSS(),
+    fontAwesomePlugin(),
     envTyped({
       mode,
       envDir: root,
@@ -35,7 +41,18 @@ function plugins({ mode, command }: ConfigEnv): PluginOption[] {
       dts: path.join(root, 'types', 'auto-imports.d.ts'),
     }),
     Components({
-      resolvers: [ElementPlusResolver()],
+      resolvers: [
+        ElementPlusResolver(),
+        // 自动导入 FontAwesomeIcon 组件
+        (componentName) => {
+          if (componentName === 'FontAwesomeIcon') {
+            return {
+              name: 'FontAwesomeIcon',
+              from: '@/components/FontAwesomeIcon/index.vue',
+            };
+          }
+        },
+      ],
       dts: path.join(root, 'types', 'components.d.ts'),
     }),
     createSvgIcon(command === 'build'),

Yi.Ai.Vue3/.build/plugins/preload.ts

@@ -0,0 +1,47 @@
+import type { Plugin } from 'vite';
+
+/**
+ * Vite 插件：资源预加载优化
+ * 自动添加 Link 标签预加载关键资源
+ */
+export default function preloadPlugin(): Plugin {
+  return {
+    name: 'vite-plugin-preload-optimization',
+    apply: 'build',
+    transformIndexHtml(html, context) {
+      // 只在生产环境添加预加载
+      if (process.env.NODE_ENV === 'development') {
+        return html;
+      }
+
+      const bundle = context.bundle || {};
+      const preloadLinks: string[] = [];
+
+      // 收集关键资源
+      const criticalChunks = ['vue-vendor', 'element-plus', 'pinia'];
+      const criticalAssets: string[] = [];
+
+      Object.entries(bundle).forEach(([fileName, chunk]) => {
+        if (chunk.type === 'chunk' && criticalChunks.some(name => fileName.includes(name))) {
+          criticalAssets.push(`/${fileName}`);
+        }
+      });
+
+      // 生成预加载标签
+      criticalAssets.forEach(href => {
+        if (href.endsWith('.js')) {
+          preloadLinks.push(`<link rel="modulepreload" href="${href}" crossorigin>`);
+        } else if (href.endsWith('.css')) {
+          preloadLinks.push(`<link rel="preload" href="${href}" as="style">`);
+        }
+      });
+
+      // 将预加载标签插入到 </head> 之前
+      if (preloadLinks.length > 0) {
+        return html.replace('</head>', `${preloadLinks.join('\n  ')}\n</head>`);
+      }
+
+      return html;
+    },
+  };
+}

Yi.Ai.Vue3/.build/plugins/version-html.ts

@@ -0,0 +1,20 @@
+import type { Plugin } from 'vite';
+import { APP_VERSION, APP_NAME } from '../../src/config/version';
+
+/**
+ * Vite 插件：在 HTML 中注入版本号
+ * 替换 HTML 中的占位符为实际版本号
+ */
+export default function versionHtmlPlugin(): Plugin {
+  return {
+    name: 'vite-plugin-version-html',
+    enforce: 'pre',
+    transformIndexHtml(html) {
+      // 替换 HTML 中的版本占位符
+      return html
+        .replace(/%APP_NAME%/g, APP_NAME)
+        .replace(/%APP_VERSION%/g, APP_VERSION)
+        .replace(/%APP_FULL_NAME%/g, `${APP_NAME} ${APP_VERSION}`);
+    },
+  };
+}