使用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]))
}
}