vue3+vite如何获取资源文件夹

本文主要是介绍vue3+vite如何获取资源文件夹，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

步骤很详细，直接上代码

可以使用glob获取文件夹内容

*指的是通配符，切记别漏了

 const files = import.meta.glob('/public/backgroundImages/*')Object.keys(files).forEach(item => {console.log(item)})const files1 = import.meta.glob('/src/assets/*')Object.keys(files1).forEach(item => {console.log(item)})

如果直接使用这样获取的路径的话打包以后会出问题

我们可以根据打包的文件位置通过替换为绝对路径的方法进行修改，

例如：public文件夹打包以后子文件夹会直接放在一级目录， /public/可替换为./

同理:/src/可替换为./

这篇关于vue3+vite如何获取资源文件夹的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---