vue cli 没使用的图片会被打包吗

vue cli 没使用的图片会被打包吗

在 Vue CLI 项目中，未被使用的图片是否会被打包，取决于图片的存放位置和引用方式：

1. 放在 public 文件夹中的图片：
   • 无论是否被使用，都会被完整复制到打包后的 dist 目录中
   • 因为 public 文件夹中的资源是直接被复制，不经过 webpack 处理
2. 放在 src 目录下（如 src/assets）的图片：
   • 通过 import 或 require 方式引用的图片：会被 webpack 处理，未被引用的不会被打包
   • 直接在 CSS 中通过相对路径引用的图片：webpack 会解析这些引用，未被引用的不会被打包

简单来说，Vue CLI 借助 webpack 的 tree-shaking 功能，会自动排除 src 目录下未被引用的图片资源，而 public 目录下的所有资源都会被保留。