vite4+vue2实现动态导入某个文件夹的多个js

前言

例如：一张图等项目需要统一加载所有图层配置文件。

---

一、主要函数和代码目录

// 统一加载所有图层配置文件
async function loadConfigs() {
  const configFiles = import.meta.glob('./layers/*.js')
  const configs = await Promise.all(
    Object.keys(configFiles).map((path) => configFiles[path]())
  )
  const newConfigs = configs
    ? configs.map(({ config }) => {
        return { ...config }
      })
    : []

  return newConfigs
}

export default loadConfigs()

二、使用步骤

import getLayerConfigs from './layerIndex'


async mounted() {
    this.layers = await getLayerConfigs
    console.log('🚀 ~ mounted ~ this.layers:', this.layers)
  },