引入文件夹中所有vue组件

前端小伍

已于 2023-07-15 12:09:46 修改

阅读量490

点赞数

文章标签： vue.js javascript 前端

于 2023-07-04 15:34:31 首次发布

本文链接：https://blog.csdn.net/qq_45061261/article/details/131536205

版权

// 引入文件夹内所有组件
const requireComponent:any = import.meta.glob("./*.vue");
const comps:any = {};
for (const file in requireComponent) {
  const component = await requireComponent[file]();
  let cname = component.default.name
  comps[cname] = component.default
}
export default comps;

上面的方法打包报错，不支持顶层await

// 引入文件夹内所有组件
const comps: any = {};
const modules: any = import.meta.globEager("./*-edit.vue");
for (const path in modules) {
  let cname = modules[path].default.__name
  comps[cname] = modules[path].default

}
export default comps;