jocchoc
jocchoc
  • 发布:2019-08-14 18:46
  • 更新:2021-11-08 18:13
  • 阅读:8934

关于uni-app的cli版本 静态图片资源路径报错的问题

分类:uni-app

编译小程序,项目中有两个文件夹存放了图片。static文件夹 && assets文件夹
(项目图片较多,想通过引入非static下图片转码压缩的方式来减少体积)

目前尝试了几种引用图片的方式:

  1. 页面的image标签src属性引用static文件夹下图片,以相对 && 绝对的方式引入。 ——正确
  2. 页面的image标签src属性引用assets文件夹下图片,以相对 && 绝对的方式引入。 ——错误
  3. 页面view标签背景图片引用static || assets文件夹下图片。——正确

图片示例:


我想请教一下:

  1. 为何image标签无法引入assets文件夹下的图片?
    (官方文档说了静态资源必须放在static文件夹下,可为啥嘛)
  2. 用什么方式可以正确的引入图片,并且打包的时候,不会占用过多项目体积
2019-08-14 18:46 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

详细说一下你“非static下图片转码压缩”的操作是怎么做的?

  • jocchoc (作者)

    这个不是框架自带的功能嘛?我看build后的包里面,static整个文件夹内容不转码,其他文件夹的图片引用会自动转码成base64。难不成我理解错了?

    2019-08-15 10:49

  • DCloud_UNI_GSQ

    回复 jocchoc: 转码base64并不会压缩,相反会增大。其目的是实现在小程序css内引用本地图像(本来不支持本地路径,只支持网络路径和base64)

    2019-08-15 10:57

healthy

healthy

表示关注:为啥一定要放到static里面;

  • DCloud_UNI_GSQ

    时光流转物是人非,目前并非一定。

    2021-11-10 17:28

  • healthy

    回复 DCloud_UNI_GSQ: 并非一定是啥意思,和static并列创建的image没有被编译

    2021-11-19 17:12

该问题目前已经被锁定, 无法添加新回复