vue3.0公共组件自动导入的方法实例

// src/main.js

import { createApp } from 'vue'
const app = createApp(App)
// 动态注册公共组件
const requireComponent = require.context(
    // 其组件目录的相对路径
    '@/ponents',
    // 是否查询其子目录
    true,
    // 匹配基础组件文件名的正则表达式
    /index.vue$/
)
const jieguo = requireComponent.keys().filter((item:any)=> true)
jieguo.forEach((item:any)=>{
    const ponentConfig = requireComponent(item)
    const name = item.split("/")[1]
    app.ponent(name,ponentConfig.default || ponentConfig)
})
// 注册结束

app.mount('#app')