Vue.js - 为什么我要把图片放在 /assets 而不是直接放在 /public
Vue.js - Why should I put images on /assets instead of putting them directly in /public
当我使用 @vue/cli 创建一个 vuejs 项目时，我看到有一个文件夹 /assets 包含图像和我想要的任何东西.比它们可以在 html 中引用，例如 <img src="@/assets/images/home.png" /> 或在 js 部分导入它。
我的问题是，为什么我不能直接把资产放在 /public/assets 中，直接放在 <img src="/assets/images/home.png" /> 中呢？这些资产的优势在哪里？
它允许 Webpack 处理资产，这意味着它可以 merge/minify 文件（对 JS 和 CSS 有用）、优化图像，更重要的是对它们进行版本控制，以便改进缓存处理。
当我使用 @vue/cli 创建一个 vuejs 项目时，我看到有一个文件夹 /assets 包含图像和我想要的任何东西.比它们可以在 html 中引用，例如 <img src="@/assets/images/home.png" /> 或在 js 部分导入它。
我的问题是，为什么我不能直接把资产放在 /public/assets 中，直接放在 <img src="/assets/images/home.png" /> 中呢？这些资产的优势在哪里？
它允许 Webpack 处理资产，这意味着它可以 merge/minify 文件（对 JS 和 CSS 有用）、优化图像，更重要的是对它们进行版本控制，以便改进缓存处理。