我在理解Vite如何处理静态资产（如图像和字体）以及如何正确引用它们方面遇到了一些问题。有人能给我建议吗？
在阅读文档后，对于静态图像，我将其存储在"resources/images"文件夹中，并简单地将以下内容添加到app. js中：

import.meta.glob([
'../images/**',
  ]);

字符串
我可以在blade文件中使用以下命令引用它们：

{{ Vite::asset('resources/images/someimage.jpg') }}

型
对于字体，我手动将文件夹添加到"public/fonts"中，并从app.css文件中引用它们，如下所示：

@font-face {
font-family: "Bebas Neue Pro";
src:url(/fonts/bebas_neue_pro/bebas_neue_pro.otf) format("opentype"),
}

型
.并将它们添加到我的Taiwind配置中，如下所示：

theme: {
extend: {
fontFamily: {
sans: ["Bebas Neue Pro", 'sans-serif'],
"Bebas Neue Pro": ["Bebas Neue Pro"],
},
},
},

型
我运行npm run build，当我查看网站时，它工作得很好。
然而，当我使用npm run dev运行时，只有在我之前已经运行了"build"的情况下，图像才能工作，并且字体根本没有被拾取，我得到了"404 not found"错误。
有没有一种方法可以让它在构建和开发中都正确工作？