0392b3b101
- 新增插件动态加载逻辑，遍历已发现的插件列表 - 对于每个插件，尝试导入其 index.ts 文件 - 导入成功后，将插件注册到应用中，并打印加载信息 -导入失败时，打印错误信息，提示插件下无 index.ts 文件
35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
import { defineAsyncComponent, AsyncComponentLoader } from 'vue';
|
|
export let pluginsAll: any = [];
|
|
// 扫描插件目录并注册插件
|
|
export const scanAndInstallPlugins = (app: any) => {
|
|
const components = import.meta.glob('./**/*.ts');
|
|
const pluginNames = new Set();
|
|
// 遍历对象并注册异步组件
|
|
for (const [key, value] of Object.entries(components)) {
|
|
const name = key.slice(key.lastIndexOf('/') + 1, key.lastIndexOf('.'));
|
|
app.component(name, defineAsyncComponent(value as AsyncComponentLoader));
|
|
const pluginsName = key.match(/\/([^\/]*)\//)?.[1];
|
|
pluginNames.add(pluginsName);
|
|
}
|
|
const dreamComponents = import.meta.glob('/node_modules/@great-dream/**/*.ts');
|
|
// 遍历对象并注册异步组件
|
|
for (let [key, value] of Object.entries(dreamComponents)) {
|
|
key = key.replace('node_modules/@great-dream/', '');
|
|
const name = key.slice(key.lastIndexOf('/') + 1, key.lastIndexOf('.'));
|
|
app.component(name, defineAsyncComponent(value as AsyncComponentLoader));
|
|
const pluginsName = key.match(/\/([^\/]*)\//)?.[1];
|
|
pluginNames.add(pluginsName);
|
|
}
|
|
pluginsAll = Array.from(pluginNames);
|
|
console.log('已发现插件：', pluginsAll);
|
|
for (const pluginName of pluginsAll) {
|
|
const plugin = import(`./${pluginName}/index.ts`);
|
|
plugin.then((module) => {
|
|
app.use(module.default)
|
|
console.log(`${pluginName}插件已加载`)
|
|
}).catch((error) => {
|
|
console.log(`${pluginName}插件下无index.ts`)
|
|
})
|
|
}
|
|
};
|