Vite如何实现自动引入指定目录内的组件？

const modules = import.meta.glob('./dir/*.js')

// vite 生成的代码
const modules = {
'./dir/foo.js': () => import('./dir/foo.js'),
'./dir/bar.js': () => import('./dir/bar.js'),
} 

components
 -- A.vue
 -- B.vue

/*
* @author 友人a丶
* @date 2022-07-11
* @app Vue应用对象
* 批量导入指定文件夹内的所有组件
* */
export default function (app) {
    /*
    * 指定要导入的文件目录
    * 直接加载用globEager,懒加载用glob
    * */
    const modules = import.meta.glob([
        './layouts/*.vue',
    ],{eager:true});

    /*
    * 批量引入组件
    * */
    for (let i in modules) {
        let name=/(.*)?/(.*).vue/.exec(i);
        app.component(name[2],modules[i].default);
    }

}