uni-APP开发环境HBuilderx下static⽬录下的静态⽂件的放置问题

uni-APPstatic⽬录下的静态⽂件可以按照需要进行放置。一般来说,静态⽂件包括图片、字体、样式表、配置文件等。

对于图片,可以将它们放置在uni-APPstatic/images文件夹下。对于字体,可以将它们放置在uni-APPstatic/fonts文件夹下。对于样式表,可以将它们放置在uni-APPstatic/css文件夹下。对于配置文件,可以根据需要放置在uni-APPstatic下的其他文件夹中。

需要注意的是,在uni-APP中,静态⽂件路径需要以斜杠(/)开头,并且需要遵循正确的文件命名规则和文件类型。

static⽬录下的⽂件不会被编译,需要编译的⽂件不要放在这个⽬录下⾯ static⽬录下的⽂件使⽤时官⽅推荐使⽤绝对路径。

例如 /static/logon.png

uni-app静态⽂件中的资源⽀持条件编译的,编译时,会根据资源所在⽂件夹的不同选择是否编译在不同的端上⾯,所以如果不是⾮常 必要,不要使⽤这些⽂件夹,否则提⽰找不到资源,会⼀头雾⽔。。

APP端编译使⽤本地图⽚,其余客户端(H5、微信⼩程序等)使⽤远程地址图⽚:

将图⽚或者其他静态资源放置到远程⽬录中,图⽚的远程地址上的相对路径和本地路径相同

为配置全局变量 $base.staticUrl 为路径地址,配合条件编译 //ifdef 和 ifndef ,设置如果是APP端使⽤本地路径,如果是其他就⽤配置的远程地址host。

同时将本地的图⽚放置在 static/app-plus 下⾯,让图⽚只在APP端编译,防⽌微信⼩程序端因为图⽚过多造成代码包过⼤。

使⽤时在 <script></script> 中使⽤直接⽤配置的全局变量就⾏,但是在 <template></template> 中使⽤时,需要在 data(){} ⾥⾯定义⼀个变量,接收 staticUrl:this.$base.staticUrl

 

3042a7f5e38449218e9c39022918c2e9.jpg

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

emma20080101

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值