当我使用@vue/cli创建vuejs项目时,我看到有一个文件夹/assets
,其中包含图像和我想要的任何内容。然后它们可以在html(如<img src="@/assets/images/home.png" />
(中引用,也可以在js部分导入。
我的问题是,为什么我不能把资产放在/public/assets
中,然后直接把<img src="/assets/images/home.png" />
放在我的代码中?这些资产的优势在哪里?
它允许Webpack处理资产,这意味着它可以合并/缩小文件(对JS和CSS有用(,优化图像,更重要的是对它们进行版本化,从而改进缓存处理。