Vue3 动态添加图片路径

原文地址： https://www.jeremyjone.com/844/， 转载请注明

---

开始之前

之前在 vue2 中经常使用类似方法，直接 reuqire(<url>) 即可。今天在写 vue3 的内容时，遇到了，习惯性的填上了这个，结果发现不行~

都怪我，确实还没完整的看上一遍 vite 的内容，就是一直使用而已。这下好了，赶紧一番搜索翻阅文档，vite 和 webpack 的核心差别还是挺大的，在 vite 中并没有这样的包。于是就有了下面的操作。

解决方法

对于所有动态拼接的路径，只要不是纯字符串的，就需要使用下面的方式。

Glob

在 vite 中，提供了 Glob 导入功能，可以从文件系统导入多个模块。

const modules = import.meta.glob