
获得徽章 4
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
分享一个小知识点。
Vite + Vue 项目,模板中 img 标签的图片路径写 /public ( /public/xxx png) 和不写public前缀的区别:
- 写 /public 前缀的话,图片会在构建产物中转成 base64,线上环境不需要配置 CDN 路径,但是会导致产物体积较大
- 不写 /public 前缀的话,vite 不会处理,产物一般需要配置 CDN 路径,要不然线上环境,图片会404
结论:建议小图片可以加 /public,可以快速展示出来,大图片建议不加 /public,配置 CDN 路径,防止产物体积太大。
Tips: 本地开发不受影响,加不加 /public 前缀都可,因为public默认是根路径,可以不加 /public。
Vite + Vue 项目,模板中 img 标签的图片路径写 /public ( /public/xxx png) 和不写public前缀的区别:
- 写 /public 前缀的话,图片会在构建产物中转成 base64,线上环境不需要配置 CDN 路径,但是会导致产物体积较大
- 不写 /public 前缀的话,vite 不会处理,产物一般需要配置 CDN 路径,要不然线上环境,图片会404
结论:建议小图片可以加 /public,可以快速展示出来,大图片建议不加 /public,配置 CDN 路径,防止产物体积太大。
Tips: 本地开发不受影响,加不加 /public 前缀都可,因为public默认是根路径,可以不加 /public。
展开
2
15