作者在尝试使用Vue3和Vite框架时遇到动态引入静态文件的挑战，Vue3不再支持require()。文中提到，单个文件可以使用相对路径解决，但多个文件在data中定义并遍历显示不出来。官方推荐的newURL()结合import.meta.url在开发环境有效，但在生产环境中出现问题。最后，作者采取了逐个import文件到数组的折衷方法，虽然不解为何直接放入URL无效。
第一次用vue3+vite的框架去写页面，因为vue3中去掉了require()动态引入的方式，特别不方便，
后面去vite官方文档找替代方法，
具体内容可自行查看：静态资源处理 | Vite 官方中文文档 (vitejs.dev)
其实单个静态文件可以使用相对路径去引用就ok，不要用绝对路径，开发环境正常，放到正式环境会有问题的。
然后就是多个静态文件，在data定义数组，然后遍历，是显示不出来的(我是这样，不晓得各位行不行！)，如上图，用了官方推荐的方法，new URL() + import.meta.url
在开发环境可以，但是在正式环境也不行，很奇怪。。。。。还是没能解决！
最后最后！！！
用了一种最蠢的方法，用import...from...的方式引入每张图片，去定义到数组里面
有人会问了，为什么不直接放到url里面呢？还多一步去引入
哈哈哈哈，因为我也不太理解，放到里面就是不行啊！有懂哥的可以告诉我！谢谢
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
