vue3 页面导入某一个文件夹下的所有图片

// 1. 导入所有静态图标（构建时确定）
const iconModules = import.meta.glob('@/assets/icons/*.{png,jpg,jpeg,gif,svg}', { eager: true }) // 导入的是assets文件下的icons文件中所有后缀名称是png,jpg,jpeg,gif,svg 的图片

// 2. 转换为 { name: 'icon1.png', url: '...' } 数组staticIcons.value = Object.entries(iconModules).map(([path, mod]) => ({name: path.split('/').pop(),url: mod.default}))

 这几行代码就简化了页面中需要一个一个导入图片的繁琐过程了