refactor(vite): 重构 Vite 插件加载机制

package.json

@@ -85,6 +85,7 @@
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.8.1",
+    "consola": "^3.4.2",
     "eslint": "^9.35.0",
     "eslint-plugin-oxlint": "~1.23.0",
     "eslint-plugin-playwright": "^2.2.2",
@@ -107,6 +108,7 @@
     "stylelint-config-standard-scss": "^16.0.0",
     "stylelint-config-standard-vue": "^1.0.0",
     "stylelint-define-config": "^16.24.0",
+    "tinyglobby": "^0.2.15",
     "typescript": "~5.9.2",
     "unocss": "^66.5.1",
     "unocss-preset-animations": "^1.2.1",

pnpm-lock.yaml

@@ -135,6 +135,9 @@ importers:
       '@vue/tsconfig':
         specifier: ^0.8.1
         version: 0.8.1(typescript@5.9.2)(vue@3.5.22(typescript@5.9.2))
+      consola:
+        specifier: ^3.4.2
+        version: 3.4.2
       eslint:
         specifier: ^9.35.0
         version: 9.38.0(jiti@2.6.1)
@@ -201,6 +204,9 @@ importers:
       stylelint-define-config:
         specifier: ^16.24.0
         version: 16.24.0(stylelint@16.25.0(typescript@5.9.2))
+      tinyglobby:
+        specifier: ^0.2.15
+        version: 0.2.15
       typescript:
         specifier: ~5.9.2
         version: 5.9.2

tsconfig.node.json

@@ -8,6 +8,7 @@
     "playwright.config.*",
     "eslint.config.*",
     "stylelint.config.*",
+    "vite-plugins",
     "fake/**/*"
   ],
   "compilerOptions": {
@@ -16,6 +17,7 @@
 
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "types": ["node"]
+    "types": ["node"],
+    "allowImportingTsExtensions": true
   }
 }

vite-plugins/00.vue-macros.ts

@@ -0,0 +1,26 @@
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import { getPascalCaseRouteName } from 'unplugin-vue-router';
+import vueRouter from 'unplugin-vue-router/vite';
+import type { PluginOption } from 'vite';
+import VueMacros from 'vue-macros/vite';
+
+export default [
+  VueMacros({
+    plugins: {
+      vue: vue({ include: [/\.vue$/, /\.md$/] }),
+      vueJsx: vueJsx(),
+
+      // https://uvr.esm.is/guide/configuration.html
+      // https://github.com/posva/unplugin-vue-router
+      // ⚠️ Vue must be placed after VueRouter()
+      vueRouter: vueRouter({
+        exclude: ['**/__*', '**/__*/**/*'],
+        extensions: ['.page.vue', '.page.md'],
+        getRouteName: (routeNode) => getPascalCaseRouteName(routeNode),
+        logs: false,
+        routesFolder: 'src/pages',
+      }),
+    },
+  }),
+] satisfies PluginOption;

vite-plugins/02.vite-plugin-vue-layouts.disabled.ts

@@ -0,0 +1,6 @@
+import type { PluginOption } from 'vite';
+
+export default [
+  // https://github.com/JohnCampionJr/vite-plugin-vue-layouts?tab=readme-ov-file#configuration
+  // Layouts({ defaultLayout: 'sakai-vue/AppLayout', pagesDirs: [] }),
+] satisfies PluginOption;

vite-plugins/02.vite-plugin-vue-meta-layouts.ts

@@ -0,0 +1,12 @@
+import type { PluginOption } from 'vite';
+import MetaLayouts from 'vite-plugin-vue-meta-layouts';
+
+export default [
+  // https://github.com/dishait/vite-plugin-vue-meta-layouts
+  MetaLayouts({
+    // defaultLayout: 'sakai-vue/AppLayout',
+    // defaultLayout: 'naive-ui/AppLayout',
+    defaultLayout: 'base-layout/base-layout',
+    skipTopLevelRouteLayout: true, // 打开修复 https://github.com/JohnCampionJr/vite-plugin-vue-layouts/issues/134，默认为 false 关闭
+  }),
+] satisfies PluginOption;

vite-plugins/03.unplugin-auto-import.ts

@@ -0,0 +1,29 @@
+import type { PluginOption } from 'vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import { createUtils4uAutoImports } from 'utils4u/auto-imports';
+import { VueRouterAutoImports } from 'unplugin-vue-router';
+
+export default [
+  // https://github.com/antfu/unplugin-auto-import
+  AutoImport({
+    dirs: [
+      // 'src/composables',
+      // 'src/utils',
+      'src/stores',
+    ],
+    imports: [
+      'vue',
+      'vue-i18n',
+      'pinia',
+      '@vueuse/core',
+      VueRouterAutoImports,
+      createUtils4uAutoImports([]),
+      {
+        'consola/browser': ['consola'],
+        'vue-router/auto': ['useLink'],
+        'naive-ui': ['useModal', 'useDialog', 'useMessage', 'useNotification', 'useLoadingBar'],
+      },
+    ],
+    vueTemplate: true,
+  }),
+] satisfies PluginOption;

vite-plugins/03.unplugin-icons.ts

@@ -0,0 +1,17 @@
+import type { PluginOption } from 'vite';
+import { FileSystemIconLoader } from 'unplugin-icons/loaders';
+import Icons from 'unplugin-icons/vite';
+
+export default [
+  Icons({
+    autoInstall: true,
+    customCollections: {
+      svg: FileSystemIconLoader('src/assets/icons/svgs', (svg) => {
+        return svg.replace(/^<svg /, '<svg fill="currentColor" ');
+      }),
+    },
+    iconCustomizer(collection, icon, properties) {
+      properties.class = 'unplugin-icons';
+    },
+  }),
+] satisfies PluginOption;

vite-plugins/03.unplugin-vue-components.ts

@@ -0,0 +1,36 @@
+import type { PluginOption } from 'vite';
+import { PrimeVueResolver } from '@primevue/auto-import-resolver';
+import { VantResolver } from '@vant/auto-import-resolver';
+import IconsResolver from 'unplugin-icons/resolver';
+import Components from 'unplugin-vue-components/vite';
+import {
+  AntDesignVueResolver,
+  NaiveUiResolver,
+  TDesignResolver,
+} from 'unplugin-vue-components/resolvers';
+
+export default [
+  // https://github.com/antfu/unplugin-vue-components
+  Components({
+    // `__`开头的
+    excludeNames: [/^__/],
+    // allow auto load markdown components under `./src/components/`
+    extensions: ['vue', 'md'],
+    // allow auto import and register components used in markdown
+    include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+    resolvers: [
+      AntDesignVueResolver({
+        importStyle: false, // css in js
+        resolveIcons: true,
+      }),
+      IconsResolver({
+        customCollections: ['svg'],
+        prefix: 'icon' /* <icon-svg:demo /> or <icon-svg-demo /> */,
+      }), // https://github.com/unplugin/unplugin-icons?tab=readme-ov-file#auto-importing
+      TDesignResolver({ esm: true, library: 'mobile-vue' }),
+      VantResolver({ importStyle: true }),
+      PrimeVueResolver(/* { components: { prefix: 'P' } } */),
+      NaiveUiResolver(),
+    ],
+  }),
+] satisfies PluginOption;

vite-plugins/999.index-html-plugin.ts

@@ -1,7 +1,7 @@
+import type { PluginOption } from 'vite';
 import { minify as minifyHtml } from 'html-minifier-terser';
-import { type PluginOption } from 'vite';
 
-export function IndexHtmlPlugin(): PluginOption {
+function IndexHtmlPlugin(): PluginOption {
   return {
     name: 'index-html-plugin',
     apply: 'build',
@@ -24,3 +24,5 @@ export function IndexHtmlPlugin(): PluginOption {
     },
   };
 }
+
+export default [IndexHtmlPlugin()] satisfies PluginOption[];

vite-plugins/_x-demo.disabled.ts

@@ -0,0 +1,9 @@
+import type { ConfigEnv, PluginOption } from 'vite';
+
+export default [
+  // ...
+] satisfies PluginOption;
+
+export function loadPlugin(_configEnv: ConfigEnv): PluginOption {
+  return [];
+}

vite-plugins/cloudflare.ts

@@ -0,0 +1,4 @@
+import type { PluginOption } from 'vite';
+import { cloudflare } from '@cloudflare/vite-plugin';
+
+export default [cloudflare()] satisfies PluginOption;

vite-plugins/unocss.ts

@@ -0,0 +1,8 @@
+import type { PluginOption } from 'vite';
+import UnoCSS from 'unocss/vite';
+
+export default [
+  // https://github.com/antfu/unocss
+  // see uno.config.ts for config
+  UnoCSS(),
+] satisfies PluginOption;

vite-plugins/unplugin-vue-i18n.ts

@@ -0,0 +1,19 @@
+import type { PluginOption } from 'vite';
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
+import path from 'node:path';
+
+export default [
+  // https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n
+  VueI18nPlugin({
+    /* options */
+    // locale messages resource pre-compile option
+    include: [path.resolve(import.meta.dirname, './src/locales/**')],
+
+    // https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#transformi18nblock
+    // transformI18nBlock(src) {
+    //   console.debug(`src :>> `, src);
+    //   console.debug(`typeof src :>> `, typeof src);
+    //   return src as string;
+    // },
+  }),
+] satisfies PluginOption;

vite-plugins/unplugin-vue-markdown.ts

@@ -0,0 +1,9 @@
+import type { PluginOption } from 'vite';
+import Markdown from 'unplugin-vue-markdown/vite';
+
+export default [
+  // https://github.com/unplugin/unplugin-vue-markdown
+  Markdown({
+    headEnabled: true,
+  }),
+] satisfies PluginOption;

vite-plugins/vite-plugin-checker.ts

@@ -0,0 +1,19 @@
+import type { PluginOption } from 'vite';
+import checker from 'vite-plugin-checker';
+
+export default [
+  // https://vite-plugin-checker.netlify.app/introduction/introduction.html
+  checker({
+    eslint: {
+      lintCommand: 'eslint "./src/**/*.{js,jsx,ts,tsx,vue}"',
+      useFlatConfig: true,
+    },
+    vueTsc: true,
+    overlay: {
+      initialIsOpen: false,
+    },
+    terminal: true,
+    enableBuild: true,
+    // XXX: pnpm add vls vti -D
+  }),
+] satisfies PluginOption;

vite-plugins/vite-plugin-fake-server.ts

@@ -0,0 +1,16 @@
+import type { ConfigEnv, PluginOption } from 'vite';
+import { vitePluginFakeServer } from 'vite-plugin-fake-server';
+// https://github.com/condorheroblog/vite-plugin-fake-server?tab=readme-ov-file#usage
+
+// // if (mode !== 'test') {}
+// export default [
+
+// ] satisfies PluginOption;
+
+export function loadPlugin(_configEnv: ConfigEnv): PluginOption {
+  return vitePluginFakeServer({
+    basename: 'fake-api',
+    enableProd: true,
+    include: 'fake',
+  });
+}

vite-plugins/vite-plugin-image-optimizer.ts

@@ -0,0 +1,11 @@
+import type { PluginOption } from 'vite';
+import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
+
+// env.VITE_ENABLE_VUE_DEVTOOLS === 'true'
+
+export default [
+  // https://github.com/FatehAK/vite-plugin-image-optimizer?tab=readme-ov-file#default-configuration
+  ViteImageOptimizer({
+    /* pass your config */
+  }),
+] satisfies PluginOption;

vite-plugins/vite-plugin-vue-devtools.ts

@@ -0,0 +1,6 @@
+import type { PluginOption } from 'vite';
+import vueDevTools from 'vite-plugin-vue-devtools';
+
+// env.VITE_ENABLE_VUE_DEVTOOLS === 'true'
+
+export default [vueDevTools()] satisfies PluginOption;

vite-plugins/vite-plugin-webfont-dl.ts

@@ -0,0 +1,11 @@
+import type { PluginOption } from 'vite';
+import { ViteWebfontDownload } from 'vite-plugin-webfont-dl';
+
+export default [
+  // https://github.com/feat-agency/vite-plugin-webfont-dl?tab=readme-ov-file#-usage-simple-config-method-b-
+  ViteWebfontDownload([
+    'https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap',
+    'https://fonts.googleapis.com/css2?family=Fira+Code&display=swap',
+    'https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900',
+  ]),
+] satisfies PluginOption;

vite-plugins/x-vite-plugin-purgecss-v5.ts

@@ -0,0 +1,8 @@
+import type { PluginOption } from 'vite';
+
+export default [
+  //   // https://github.com/rsnakdmx/vite-plugin-purgecss-v5?tab=readme-ov-file#-usage
+  //   pluginPurgeCss({
+  //     variables: true,
+  //   }),
+] satisfies PluginOption;

vite-plugins/x-vite-plugin-singlefile.ts

@@ -0,0 +1,5 @@
+import type { PluginOption } from 'vite';
+
+export default [
+  // ...
+] satisfies PluginOption;

vite-plugins/x-vite-plugin-static-copy.ts

@@ -0,0 +1,15 @@
+import type { PluginOption } from 'vite';
+
+export default [
+  // plugins.push(
+  //   viteStaticCopy({
+  //     targets: [
+  //       // globalThis.CESIUM_BASE_URL = 'https://digitalarsenal.io/';
+  //       { dest: cesiumBaseUrl, src: `${cesiumSource}/ThirdParty` },
+  //       { dest: cesiumBaseUrl, src: `${cesiumSource}/Workers` },
+  //       { dest: cesiumBaseUrl, src: `${cesiumSource}/Assets` },
+  //       { dest: cesiumBaseUrl, src: `${cesiumSource}/Widgets` },
+  //     ],
+  //   }),
+  // )
+] satisfies PluginOption;

vite-plugins/x-vite-plugin-zip-file.ts

@@ -0,0 +1,17 @@
+import type { PluginOption } from 'vite';
+
+export default [
+  // // 检查是否在VS Code终端中运行
+  // if (process.env.TERM_PROGRAM === 'vscode' || process.env.VSCODE_PID) {
+  //   // plugins.push(
+  //   //   // 构建后自动将dist目录打包成zip文件
+  //   //   viteArchiverPlugin({
+  //   //     addTimestamp: false, // 是否添加时间戳到输出文件名
+  //   //     format: 'zip', // 输出的压缩文件格式
+  //   //     outputDir: '', // 输出目录，默认为项目根目录
+  //   //     outputFileName: 'dist', // 输出的zip文件名（不含扩展名）
+  //   //     sourceDir: 'dist', // 要打包的源目录
+  //   //   }),
+  //   // )
+  // }
+] satisfies PluginOption;

vite.config.optimizeDeps.ts

@@ -6,7 +6,11 @@ import type { DepOptimizationOptions } from 'vite';
 // })();
 export function optimizeDeps(): DepOptimizationOptions {
   return {
-    entries: ['src/main.ts', 'src/pages/**/*.vue'],
+    entries: [
+      'src/main.ts',
+      'src/pages/**/*.vue',
+      'packages/materials/src/index.ts', // > simplebar-vue
+    ],
     // include: [
     //   ...primevuecomponents,
     //   '@primeuix/themes',

vite.config.plugins.ts

@@ -1,246 +0,0 @@
-import { cloudflare } from '@cloudflare/vite-plugin';
-import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
-import { PrimeVueResolver } from '@primevue/auto-import-resolver';
-import { VantResolver } from '@vant/auto-import-resolver';
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-import path from 'node:path';
-import UnoCSS from 'unocss/vite';
-import AutoImport from 'unplugin-auto-import/vite';
-import { FileSystemIconLoader } from 'unplugin-icons/loaders';
-import IconsResolver from 'unplugin-icons/resolver';
-import Icons from 'unplugin-icons/vite';
-import {
-  AntDesignVueResolver,
-  NaiveUiResolver,
-  TDesignResolver,
-} from 'unplugin-vue-components/resolvers';
-import Components from 'unplugin-vue-components/vite';
-import Markdown from 'unplugin-vue-markdown/vite';
-import { getPascalCaseRouteName, VueRouterAutoImports } from 'unplugin-vue-router';
-import vueRouter from 'unplugin-vue-router/vite';
-import { createUtils4uAutoImports } from 'utils4u/auto-imports';
-import { type PluginOption } from 'vite';
-import { checker } from 'vite-plugin-checker';
-import { vitePluginFakeServer } from 'vite-plugin-fake-server';
-import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
-import vueDevTools from 'vite-plugin-vue-devtools';
-import MetaLayouts from 'vite-plugin-vue-meta-layouts';
-import { ViteWebfontDownload } from 'vite-plugin-webfont-dl';
-import VueMacros from 'vue-macros/vite';
-import { IndexHtmlPlugin } from './vite.config.plugin.index-html-plugin';
-
-export function Plugins({
-  mode,
-  env,
-}: {
-  mode: string;
-  env: Record<string, string>;
-}): PluginOption[] {
-  const plugins: PluginOption[] = [
-    VueMacros({
-      plugins: {
-        vue: vue({ include: [/\.vue$/, /\.md$/] }),
-        vueJsx: vueJsx(),
-
-        // https://uvr.esm.is/guide/configuration.html
-        // https://github.com/posva/unplugin-vue-router
-        // ⚠️ Vue must be placed after VueRouter()
-        vueRouter: vueRouter({
-          exclude: ['**/__*', '**/__*/**/*'],
-          extensions: ['.page.vue', '.page.md'],
-          getRouteName: (routeNode) => getPascalCaseRouteName(routeNode),
-          logs: false,
-          routesFolder: 'src/pages',
-        }),
-      },
-    }),
-  ];
-
-  plugins.push(
-    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts?tab=readme-ov-file#configuration
-    // Layouts({ defaultLayout: 'sakai-vue/AppLayout', pagesDirs: [] }),
-
-    // https://github.com/dishait/vite-plugin-vue-meta-layouts
-    MetaLayouts({
-      // defaultLayout: 'sakai-vue/AppLayout',
-      // defaultLayout: 'naive-ui/AppLayout',
-      defaultLayout: 'base-layout/base-layout',
-      skipTopLevelRouteLayout: true, // 打开修复 https://github.com/JohnCampionJr/vite-plugin-vue-layouts/issues/134，默认为 false 关闭
-    }),
-  );
-
-  plugins.push(
-    // https://github.com/unplugin/unplugin-vue-markdown
-    Markdown({
-      headEnabled: true,
-    }),
-
-    cloudflare(),
-  );
-
-  plugins.push(
-    // https://github.com/antfu/unocss
-    // see uno.config.ts for config
-    UnoCSS(),
-  );
-
-  plugins.push(
-    // https://github.com/antfu/unplugin-auto-import
-    AutoImport({
-      dirs: [
-        // 'src/composables',
-        // 'src/utils',
-        'src/stores',
-      ],
-      imports: [
-        'vue',
-        'vue-i18n',
-        'pinia',
-        '@vueuse/core',
-        VueRouterAutoImports,
-        createUtils4uAutoImports([]),
-        {
-          'consola/browser': ['consola'],
-          'vue-router/auto': ['useLink'],
-          'naive-ui': ['useModal', 'useDialog', 'useMessage', 'useNotification', 'useLoadingBar'],
-        },
-      ],
-      vueTemplate: true,
-    }),
-
-    // https://github.com/antfu/unplugin-vue-components
-    Components({
-      // __开头的
-      excludeNames: [/^__/],
-      // allow auto load markdown components under `./src/components/`
-      extensions: ['vue', 'md'],
-      // allow auto import and register components used in markdown
-      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
-      resolvers: [
-        AntDesignVueResolver({
-          importStyle: false, // css in js
-          resolveIcons: true,
-        }),
-        IconsResolver({
-          customCollections: ['svg'],
-          prefix: 'icon' /* <icon-svg:demo /> or <icon-svg-demo /> */,
-        }), // https://github.com/unplugin/unplugin-icons?tab=readme-ov-file#auto-importing
-        TDesignResolver({ esm: true, library: 'mobile-vue' }),
-        VantResolver({ importStyle: true }),
-        PrimeVueResolver(/* { components: { prefix: 'P' } } */),
-        NaiveUiResolver(),
-      ],
-    }),
-
-    Icons({
-      autoInstall: true,
-      customCollections: {
-        svg: FileSystemIconLoader('src/assets/icons/svgs', (svg) => {
-          return svg.replace(/^<svg /, '<svg fill="currentColor" ');
-        }),
-      },
-      iconCustomizer(collection, icon, properties) {
-        properties.class = 'unplugin-icons';
-      },
-    }),
-
-    // https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n
-    VueI18nPlugin({
-      /* options */
-      // locale messages resource pre-compile option
-      include: [path.resolve(import.meta.dirname, './src/locales/**')],
-
-      // https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#transformi18nblock
-      // transformI18nBlock(src) {
-      //   console.debug(`src :>> `, src);
-      //   console.debug(`typeof src :>> `, typeof src);
-      //   return src as string;
-      // },
-    }),
-  );
-
-  if (mode !== 'test') {
-    plugins.push(
-      // https://github.com/condorheroblog/vite-plugin-fake-server?tab=readme-ov-file#usage
-      vitePluginFakeServer({
-        basename: 'fake-api',
-        enableProd: !true,
-        include: 'fake',
-      }),
-    );
-  }
-
-  if (env.VITE_ENABLE_VUE_DEVTOOLS === 'true') {
-    plugins.push(vueDevTools());
-  }
-
-  plugins.push(
-    // https://vite-plugin-checker.netlify.app/introduction/introduction.html
-    checker({
-      eslint: {
-        lintCommand: 'eslint "./src/**/*.{js,jsx,ts,tsx,vue}"',
-        useFlatConfig: true,
-      },
-      vueTsc: true,
-      overlay: {
-        initialIsOpen: false,
-      },
-      terminal: true,
-      enableBuild: true,
-      // XXX: pnpm add vls vti -D
-    }),
-  );
-
-  plugins.push(
-    // https://github.com/FatehAK/vite-plugin-image-optimizer?tab=readme-ov-file#default-configuration
-    ViteImageOptimizer({
-      /* pass your config */
-    }),
-  );
-
-  // 检查是否在VS Code终端中运行
-  if (process.env.TERM_PROGRAM === 'vscode' || process.env.VSCODE_PID) {
-    // plugins.push(
-    //   // 构建后自动将dist目录打包成zip文件
-    //   viteArchiverPlugin({
-    //     addTimestamp: false, // 是否添加时间戳到输出文件名
-    //     format: 'zip', // 输出的压缩文件格式
-    //     outputDir: '', // 输出目录，默认为项目根目录
-    //     outputFileName: 'dist', // 输出的zip文件名（不含扩展名）
-    //     sourceDir: 'dist', // 要打包的源目录
-    //   }),
-    // )
-  }
-
-  const _unused = () => {
-    // plugins.push(
-    //   // https://github.com/rsnakdmx/vite-plugin-purgecss-v5?tab=readme-ov-file#-usage
-    //   pluginPurgeCss({
-    //     variables: true,
-    //   }),
-    //   viteSingleFile(),
-    //   viteStaticCopy({
-    //     targets: [
-    //       // globalThis.CESIUM_BASE_URL = 'https://digitalarsenal.io/';
-    //       { dest: cesiumBaseUrl, src: `${cesiumSource}/ThirdParty` },
-    //       { dest: cesiumBaseUrl, src: `${cesiumSource}/Workers` },
-    //       { dest: cesiumBaseUrl, src: `${cesiumSource}/Assets` },
-    //       { dest: cesiumBaseUrl, src: `${cesiumSource}/Widgets` },
-    //     ],
-    //   }),
-    // )
-    plugins.push(
-      // https://github.com/feat-agency/vite-plugin-webfont-dl?tab=readme-ov-file#-usage-simple-config-method-b-
-      ViteWebfontDownload([
-        'https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap',
-        'https://fonts.googleapis.com/css2?family=Fira+Code&display=swap',
-        'https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900',
-      ]),
-    );
-  };
-
-  plugins.push(IndexHtmlPlugin());
-
-  return plugins;
-}

vite.config.ts

@@ -1,12 +1,80 @@
-import type { ManualChunkMeta, PreRenderedAsset } from 'rollup';
 import { fileURLToPath, URL } from 'node:url';
+import type { ManualChunkMeta, PreRenderedAsset } from 'rollup';
 import { createViteProxy } from 'utils4u/vite';
-import { defineConfig, loadEnv } from 'vite';
+import { defineConfig, loadEnv, type ConfigEnv, type PluginOption } from 'vite';
 import { optimizeDeps } from './vite.config.optimizeDeps';
-import { Plugins } from './vite.config.plugins';
+
+import path from 'node:path';
+import { pathToFileURL } from 'node:url';
+import { glob } from 'tinyglobby';
+import consola from 'consola';
+
+async function loadPlugins(configEnv: ConfigEnv): Promise<PluginOption[]> {
+  const plugins: PluginOption[] = [];
+
+  consola.start('开始加载 Vite 插件...');
+
+  const pluginEntries = await glob('**/*.ts', {
+    absolute: true,
+    cwd: path.resolve(import.meta.dirname, 'vite-plugins'),
+    ignore: [
+      '**/*.d.ts',
+      '**/*.disabled.ts',
+      '**/x-*.ts', // 禁用以 x- 开头的插件文件
+      '**/_*',
+    ],
+  });
+
+  consola.info(`找到 ${pluginEntries.length} 个插件文件`);
+
+  // 计算最长的文件名长度，用于对齐输出
+  const maxNameLength = Math.max(...pluginEntries.map((entry) => path.basename(entry).length));
+
+  for (const entry of pluginEntries) {
+    const pluginName = path.basename(entry);
+    const paddedName = pluginName.padEnd(maxNameLength, ' ');
+    const imported = await import(pathToFileURL(entry).href);
+
+    const loadPluginFn = imported.loadPlugin as (configEnv: ConfigEnv) => PluginOption;
+    let plugin: PluginOption | undefined;
+    let loadMethod = '';
+
+    // 优先使用 loadPlugin 函数（接收 configEnv 参数）
+    if (loadPluginFn && typeof loadPluginFn === 'function') {
+      const result = loadPluginFn(configEnv);
+      plugin = result;
+      loadMethod = 'loadPlugin';
+    } else if (imported.default) {
+      plugin = imported.default;
+      loadMethod = 'default';
+    } else {
+      consola.warn(`插件未导出有效内容: ${paddedName}`);
+      continue; // 跳过无效插件
+    }
+
+    if (plugin) {
+      const pluginArray = Array.isArray(plugin) ? plugin : [plugin];
+      const validPlugins = pluginArray.filter(Boolean); // 过滤掉 null/undefined
+      const pluginCount = validPlugins.length;
+
+      if (pluginCount > 0) {
+        plugins.push(...validPlugins);
+        consola.success(`${paddedName} → ${pluginCount} 个实例 (${loadMethod})`);
+      } else {
+        consola.warn(`${paddedName} 返回了空数组或无效值`);
+      }
+    }
+  }
+
+  consola.success(`✅ 总共加载了 ${plugins.length} 个插件实例`);
+
+  return plugins;
+}
 
 // https://vite.dev/config/
-export default defineConfig(async ({ command, mode }) => {
+export default defineConfig(async (configEnv) => {
+  const { command, mode } = configEnv;
+
   const isBuild = command === 'build';
   const env = loadEnv(mode, process.cwd());
 
@@ -79,9 +147,9 @@ export default defineConfig(async ({ command, mode }) => {
                 if (packageName.includes('@juggle+resize-observer')) {
                   return 'resize-observer';
                 }
-                if (packageName.includes('date-fns')) {
-                  return 'date-fns';
-                }
+                // if (packageName.includes('date-fns')) {
+                //   return 'date-fns';
+                // }
                 if (
                   ['primelocale', 'primevue', '@primeuix'].some((name) =>
                     packageName!.includes(name),
@@ -136,7 +204,7 @@ export default defineConfig(async ({ command, mode }) => {
         },
       },
     },
-    plugins: Plugins({ mode, env }),
+    plugins: await loadPlugins(configEnv),
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url)),
@@ -150,6 +218,10 @@ export default defineConfig(async ({ command, mode }) => {
     server: {
       allowedHosts: ['.NWCT.DEV'],
       proxy: createViteProxy(),
+      watch: {
+        // 监听 vite-plugins 目录的变化，触发配置文件重新加载
+        ignored: ['!**/vite-plugins/**'],
+      },
     },
     optimizeDeps: optimizeDeps(),
   };