vite中import.meta.glob的用法,可配合＜component :is=“xx“＞＜/component＞使用，进行低代码开发

自律的蜗牛

已于 2023-03-15 14:09:55 修改

阅读量536

点赞数 1

文章标签：前端

于 2023-03-15 14:09:33 首次发布

本文链接：https://blog.csdn.net/ben_grf/article/details/129552427

版权

1.vite版本（支持import.meta.glob方法)

"vite": "^4.1.0"

import { createApp, defineAsyncComponent } from 'vue'
import './style.css'
import App from './App.vue'
const app = createApp(App)

// 全局注册组件
const modules = import.meta.glob('./components/*/*.vue')

for (const path in modules) {
  const module:any = await modules[path]()
  const pathSplit = path.split('/')
  app.component(pathSplit[pathSplit.length -2], module?.default)
}
app.mount('#app')