perf(插件): 插件更新为自动化加载

src/main.ts

@@ -1,11 +1,11 @@
 import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-import store from './store'
-import { AppConfig } from './config/app'
+import App from '@/App.vue'
+import router from '@/router'
+import store from '@/store'
+import { AppConfig } from '@/config/app'
 
-import { loadAtdComponent } from '@/plugins/antd'
-import { registeGlobalComponent } from './components/index'
+import { loadAllPlugins } from '@/plugins'
+import { registeGlobalComponent } from '@/components/index'
 
 /** 导入第三方插件 */
 import '@/plugins'
@@ -14,8 +14,8 @@ import '@/plugins'
 const app: ReturnType<typeof createApp> = createApp(App)
 app.config.globalProperties = AppConfig
 
-/** 手动注册 antd-vue 组件 */
-loadAtdComponent(app)
+/** 加载所有 Plugins */
+loadAllPlugins(app)
 
 /** 自动注册全局组件  */
 registeGlobalComponent(app)

src/plugins/antd.ts

@@ -4,10 +4,10 @@ import { createApp } from 'vue'
 /**
  * @description 手动注册 antd-vue 组件,达到按需加载目的
  * @description Automatically register components under Button, such as Button.Group
- * @param {ReturnType<typeof createApp>} app  整个应用的实例
+ * @param {ReturnType<typeof createApp>} app 整个应用的实例
  * @returns void
  */
-export function loadAtdComponent(app: ReturnType<typeof createApp>) {
+export default function loadComponent(app: ReturnType<typeof createApp>) {
   app.use(Button)
   app.use(Card)
   app.use(Row)

src/plugins/index.ts

@@ -1 +1,12 @@
-/** 在此处统一导出插件,保持入口文件简介 */
+import { createApp } from 'vue'
+
+/**
+ * @description 加载所有 Plugins
+ * @param  {ReturnType<typeofcreateApp>} app 整个应用的实例
+ */
+export function loadAllPlugins(app: ReturnType<typeof createApp>) {
+  const files = require.context('.', true, /\.ts$/)
+  files.keys().forEach((key) => {
+    if (key !== './index.ts') files(key).default(app)
+  })
+}