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

【问题标题】：assets not showing after build process with vite and vue3使用 vite 和 vue3 构建过程后资产未显示
【发布时间】：2021-10-03 10:19:07
【问题描述】：

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

任何想法如何在构建后使其可用？

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：