Vue importe les composants composants par lots

Les composants introduits dans le développement de projet habituel sont déplacés de la manière suivante

import A from './components/a.vue'

Parfois, une page a de nombreuses fonctions et doit être divisée en plusieurs modules.
À l'heure actuelle, nous pensons généralement aux méthodes suivantes, quelques-unes sont acceptables, et s'il y en a des dizaines ?

Ne dites pas de bêtises et passez directement à la mercerie ! ! !

vite

Vite importe des composants par lots

   // 批量引入组件
  const files = import.meta.globEager('./components/*.vue')
  const coms = {
    
    }
  // 遍历生成对象集合
  for (const key in files) {
    
    
    const com = files[key].default
    coms[com.name] = com
  }

vite batch get composants chemin du composant

const files = import.meta.glob('./components/*.js')

webpack

  // 引入组件
  const model = require.context('./components', true, /\/index.vue$/)
  // const model = require.context('./components', true, /\.vue$/)
  let components = {
    
    }
  model.keys().forEach(item => {
    
    
    let comp = model(item)
    components[comp.default.name] = comp.default
  })

Ce n'est pas facile à créer, donnez-moi un coup de pouce ~