feat(vite-plugins): 整合自动导入与组件解析插件功能

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

@@ -1,9 +1,29 @@
-import type { PluginOption } from 'vite';
+import type { ConfigEnv, PluginOption } from 'vite';
-import AutoImport from 'unplugin-auto-import/vite';
-import { createUtils4uAutoImports } from 'utils4u/auto-imports';
-import { VueRouterAutoImports } from 'unplugin-vue-router';
 
-export default [
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import Icons from 'unplugin-icons/vite';
+
+import { VueRouterAutoImports } from 'unplugin-vue-router';
+import { createUtils4uAutoImports } from 'utils4u/auto-imports';
+
+import { FileSystemIconLoader } from 'unplugin-icons/loaders';
+
+// >>>>>
+import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
+
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+
+import { TDesignResolver } from 'unplugin-vue-components/resolvers';
+
+import { PrimeVueResolver } from '@primevue/auto-import-resolver';
+
+import IconsResolver from 'unplugin-icons/resolver';
+
+import { VantResolver } from '@vant/auto-import-resolver';
+// <<<<<
+export async function loadPlugin(_configEnv: ConfigEnv): Promise<PluginOption> {
+  return [
     // https://github.com/antfu/unplugin-auto-import
     AutoImport({
       dirs: [
@@ -28,4 +48,39 @@ export default [
       ],
       vueTemplate: true,
     }),
-] satisfies PluginOption;
+    // 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';
+      },
+    }),
+  ];
+}

vite-plugins/02.unplugin-icons.ts

@@ -1,17 +0,0 @@
-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/02.unplugin-vue-components.ts

@@ -1,36 +0,0 @@
-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;