本文主要是介绍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如何获取资源文件夹的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!