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

时间:2021-07-27 15:09:54

标签: vue.js vuejs3 vite

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

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

1 个答案:

答案 0 :(得分:2)

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

<块引用>

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

  • 在 JavaScript 中导入或通过相对路径在模板/CSS 中引用。此类引用将由 webpack 处理。
  • 放置在公共目录中并通过绝对路径引用。这些资源只会被复制,不会通过 webpack。

https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling