微信小程序滴滴服务器报错,如何使用mpx框架(滴滴)给微信小程序分包

如何使用mpx框架(滴滴)给微信小程序分包

如何使用mpx框架(滴滴)给微信小程序分包

前提:使用mpx框架。核心包:@mpxjs/core、@mpxjs/webpack-plugin等 mpx开发文档

一 需要的微信小程序分包原生配置(打包后的结果)

//app.json

{

"pages": [

"pages/index/index"

],

"subPackages": [

{

"root": "packageA",

"pages": [

"pages/recruit/recruit-main",

"pages/recruit/recruit-form"

]

},

{

"root": "packageB",

"pages": [

"pages/other/other"

]

}

]

}

二 项目如何配置

//app.mpx

...

{

"pages": [...],/*主包文件*/

"packages": [/*分包文件*/

"./packages/index?root=packageA",

"./packageB/index?root=packageB"

],

}

主要是在app.mpx中配置packages,mpx 中会将 app.mpx(入口文件,也不一定非要叫app.mpx) 中 packages 域下的路径带 root 为 key 的 query 则被解析认为是使用分包加载。

root后的packageA、packageB打包编译后在微信小程序原生配置app.json中就是一中“subPackages"中的“root”分包

1ef2f47a84e4a54fd281ec9f8ec478d3.png

分包路由分别配置在packages和packageB各自的index.mpx中

//packages/index.mpx

{

"pages": [

"./pages/recruit/recruit-main",

"./pages/recruit/recruit-form"

]

}

//packageB/index.mpx

{

"pages": [

"./pages/other/other"

]

}

三 打包后文件

26017334bff92a045d2d79447f56f3ff.png

四 跳转路径

使用分包跳转路径应该写成

/packageA/pages/recruit/recruit-main

/packageB/pages/other/other

官方文档对分包的注意事项:

9dcdf02190e5866caa0f42425e524e61.png

五 其他

分包中的页面(比如other.mpx)要用template填充模板,不然打包时会报错,认为没有该页面为路由匹配

更多请自行查阅 mpx官方文档|分包

如何使用mpx框架(滴滴)给微信小程序分包相关教程

如何精确统计页面停留时长

如何精确统计页面停留时长 1.背景 页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等操作场景

Nginx如何支持HTTPS?手把手教贼简单!

Nginx如何支持HTTPS?手把手教贼简单! 随着我们网站用户的增多,我们会逐渐意识到HTTPS加密的重要性。在不修改现有代码的情况下,要从HTTP升级到HTTPS,让Nginx支持HTTPS是个很好的选择。今天我们来讲下如何从Nginx入手,从HTTP升级到HTTPS,同时支持静态网

菜鸟都应该了解的Spring的基本使用

菜鸟都应该了解的Spring的基本使用 分为有专门做数据访问的、专门做web开发的、面向切面编程(aop)、专门做集成的、核心容器、 测试(text) spring容器中专门储存的是java对象,由spring来管理。 框架怎么学 ,框架是一个软件,其他人写好的软件。 1)知道框

uniapp中使用canvas

uniapp中使用canvas 如下图,是在H5中测试,canvas生成后的效果,首先说明,H5不支持返回图片的临时路径,不能用于保存(建议使用html2canvas,个人感觉这个插件不是很好用,各种跨域。我的另一篇文章里记录了用法,可以参考H5中html2canvas用法),APP端生成

pyecharts基于Bmap绘制可视化地图数据时,如何在标签显示时去除

pyecharts基于Bmap绘制可视化地图数据时,如何在标签显示时去除经纬度,只显示数值 说明 笔者使用的pyecharts版本是1.7.1,如果使用0.x版本不知道是否可行,因为两个版本代码差异较大。 问题描述: 在pyecharts基于Bmap百度地图绘制可视化地图数据时,根据地

记录一次nexus私服使用npm的坑(`npm publish`报400、401)

记录一次nexus私服使用npm的坑(`npm publish`报400、401) 记录一次nexus私服使用npm的坑(`npm publish`报400) 400 Bad Request 400 Bad Request 准备1: 准备nexus私服(略,网上有许多搭建nexus私服的教程,我这里使用了nexus3,作为自己的maven、npm私

mysql如何查询时间段

mysql查询时间段的方法:1、传统方式,即指定开始时间和结束时间;2、UNIX时间戳,每个时间对应了一个唯一的UNIX时间戳,函数为【UNIX_TIMESTAMP(datetime)】。 mysql查询时间段的方法: 方法一: 传统方式,即指定开始时间和结束时间,用between”或者,来

mysql如何获取表项字段

mysql获取表项字段的方法:首先调用MySQL数据库中的某一数据库;然后在数据库中创建含有某些字段的数据表;接着输入字段的数据值;最后查询数据表中某一字段的所有数值。 mysql获取表项字段的方法: 1、首先,调用MySQL数据库中的某一数据库 2、然后,在数据

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值