vite如何动态引入本地图片

0 阅读1分钟

1、已知确定的完整路径,可以直接import导入成url对象

import imgUrl from './img.png'
document.getElementById('hero-img').src = imgUrl

2、动态路径可以通过

const modules = import.meta.glob('@/assets/**/**/*.png', { eager: true, import: 'default' })

然后使用 models['/src/assets/aa/bb/c.png'] 引入,如果需要匹配多个路径,直接多写几个import即可