Vue.js-为什么我应该把图像放在/assets上,而不是直接放在/public中



当我使用@vue/cli创建vuejs项目时,我看到有一个文件夹/assets,其中包含图像和我想要的任何内容。然后它们可以在html(如<img src="@/assets/images/home.png" />(中引用,也可以在js部分导入。

我的问题是,为什么我不能把资产放在/public/assets中,然后直接把<img src="/assets/images/home.png" />放在我的代码中?这些资产的优势在哪里?

它允许Webpack处理资产,这意味着它可以合并/缩小文件(对JS和CSS有用(,优化图像,更重要的是对它们进行版本化,从而改进缓存处理。

相关内容

最新更新