Taro跨端开发

配置的话在config-index.js里面

包含了创建的名称 日期 UI设计稿的大小等等

官网地址

内置环境变量

详情看官方教程

{process.env.TARO_ENV === 'h5'?'1111' :'' }

在这里插入图片描述
这个是这样写的 如果是h5显示1111 否则不显示哦

统一接口的多端文件

假如有一个 Test 组件存在微信小程序、百度小程序和 H5 三个不同版本,那么就可以像如下组织代码

test.js 文件,这是 Test 组件默认的形式,编译到微信小程序、百度小程序和 H5 三端之外的端使用的版本

test.h5.js 文件,这是 Test 组件的 H5 版本

test.weapp.js 文件,这是 Test 组件的 微信小程序 版本

test.swan.js 文件,这是 Test 组件的 百度小程序 版本

test.qq.js 文件,这是 Test 组件的 QQ 小程序 版本

test.quickapp.js 文件,这是 Test 组件的 快应用 版本

四个文件,对外暴露的是统一的接口,它们接受一致的参数,只是内部有针对各自平台的代码实现

而我们使用 Test 组件的时候,引用的方式依然和之前保持一致,import 的是不带端类型的文件名,在编译的时候会自动识别并添加端类型后缀

多端脚本逻辑

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值