使用 vite 和 vue3 构建过程后资产未显示

Question

运行时，npm run build我的图片src/assets/...在 dist 目录/生产版本中不可用。所以网站上没有显示。在开发模式下它肯定可以工作。

有什么想法如何让它们在构建后可用吗？

Answer 1

中的资源src/assets必须在代码中引用（通过import或类似）才能包含在捆绑包中。如果您只想将静态文件与您的项目捆绑在一起，则应该使用public/：

静态资源可以通过两种不同的方式处理：

在 JavaScript 中导入或通过相对路径在模板/CSS 中引用。此类引用将由 webpack 处理。

放置在公共目录中并通过绝对路径引用。这些资源将被简单地复制，不会通过 webpack。