我已经使用Vue一段时间了,我注意到我可以将项目图像存储在该assets
文件夹或该public
文件夹中。
要访问assets
Vue中的文件夹中的图像,:src="require('@/assets/images/myimage.jpg')"
要访问public
Vue中的文件夹中的图像,:src="./static/images/myimage.jpg"
存储Vue项目图像的正确位置是什么?
使用其中任何一个意味着什么?
它们如何影响我的项目?
根据官方的vue文档,资产文件夹中的所有内容都将由Webpack处理,而公用文件夹中的所有内容都将被简单复制但不会通过Webpack进行访问:https ://cli.vuejs.org/guide/html-and -static-assets.html#static-assets-处理
因此,如果您想在构建过程中利用Webpacks优化功能(您肯定希望),可以将其放入资产中。我还将所有img放在资产文件夹中,而在公用文件夹中仅包含与pwa相关的图像和图标。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句