Vue3使用import.meta.globEager批量导入文件第一次加载很慢

使用import.meta.globEager批量导入文件,第一次进入很慢(created断点都需要几秒才能进入)

let modules = import.meta.globEager('./**/*.vue');
let components = {}
for (let path in modules) {
    let name=modules[path]["default"]["name"];
    if(name.includes("View")){
        components[name] = modules[path]["default"];
    }
}
export default {
    components:components
}

解决方式:使用import.meta.glob+defineAsyncComponent异步批量导入(秒进created的断点)

import {defineAsyncComponent} from 'vue';
const modules = import.meta.glob('./**/*.vue')
for (const path in modules) {
    if(path.includes("View")){
        let name=path.split('/').pop().split('.')[0];
        window.app.component(name, defineAsyncComponent(modules[path]))
    }
}

  • 10
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值