vue图片路径问题

Question

我在sass中使用background-image属性，相同的方式引用了几张图片，图片存放路径都是在assets/images/下的，有些在前台渲染出来是/static/img/，有些是base64格式的，这是为什么？

Answer 1

放在assets下的图片会被webpack编译 而放在static下的文件不会被编译

其实这应该属于src文件夹 和static文件夹的区别

Answer 2

base64是vue脚手架做好的，小于多少的文件会转成base64，没记错的话应该是8kb的吧

Answer 3

你是不是用 vue-cli 打包的，这个工具会对资源路径做替换（配置文件里可以改，具体请查阅文档）。

至于路径变 base64，应该是你有什么插件或者开了什么东西的 压缩资源 开关（我不清楚 vue-cli 是否有这个功能或者说是否默认开启），毕竟小图片直接输出 BASE64 的话可以减少资源请求数量来减轻流量压力。