javascript - 在 VueJS 中存储图像的正确位置是什么 - 公共(public)文件夹或 Assets 文件夹？

Question

我已经使用 Vue 有一段时间了，我注意到我可以将项目图像存储在 assets 中。文件夹或 public文件夹。
从 assets 访问图像Vue 中的文件夹，可以使用 :src="require('@/assets/images/myimage.jpg')"从 public 访问图像Vue 中的文件夹，可以使用 :src="./static/images/myimage.jpg" 存储 Vue 项目图像的正确位置是什么？
使用其中任何一个有什么含义？
它们如何影响我的项目？

Answer 1

根据官方 vue 文档，assets 文件夹中的所有内容都将由 Webpack 处理，而 public 文件夹中的所有内容都被简单地复制但不通过 Webpack:https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling
因此，如果您想在构建期间利用 Webpacks 优化功能(您肯定想要)，请将它们放入 assets 中。
我还将我所有的 img 放在 assets 文件夹中，并且在 public 文件夹中只有 pwa 相关的图像和图标。