网页网站免费,wordpress 模板目录,吉林省工伤保险网站,云商城app下载一、问题#xff1a;我们在小程序工具中开发时候#xff0c;需要本地打包#xff0c;但是当本地的打包文件大于2M时候#xff0c;预览的二维码就会有问题#xff0c;导致真机扫码打不开或者有遗漏。 二、此时就需要开启分包
1.微信小程序每个分包的大小是2M#xff0c;总…一、问题我们在小程序工具中开发时候需要本地打包但是当本地的打包文件大于2M时候预览的二维码就会有问题导致真机扫码打不开或者有遗漏。 二、此时就需要开启分包
1.微信小程序每个分包的大小是2M总体积一共不能超过20M。
2.开启分包后再次编辑打包预览的二维码就可以正常打开小程序了。三、uni-app官方分包文档 四、分包注意项
1.微信小程序每个分包的大小是2M总体积一共不能超过20M。
2.开启分包后再次编辑打包预览的二维码就可以正常打开小程序了。
3.开启分包必须注意需要将原来的打包文件unpackage下的dist文件删除否则编译时候你会发现自己的分包反而越来越大删除原来打包的dist后再重新发行打包就行。五、分包步骤1
1.在pages同级创建pagesA和pagesB两个分包文件夹的名字随便命名每分一个包就创建一个文件夹如下图
2.需要注意小程序的首页和tabBar页必须放在主包pages内其他页面可以放在分包内
3.分包下支持独立的 static 目录用来对静态资源进行分包。六、分包步骤2
1.将部分页面移到分包pagesA或者pagesB下
2.注意如果你一开始就分包了路径跳转或者引入应该不会有问题但是如果你一开始都是在pages下后来才开始分包
然后将部分vue页面移到分包文件夹下可能路径跳转和引入的文件路径就错了就需要手动修改跳转路径和引入路径方式修改见下图说多了都是泪。引入的修改使用引入
每个分包下都可以有自己的static放置图片路径跳转的修改例如主包pages的下的index页面跳转到了分包pagesB下的get-password页面只需要写上get-password在pagesB的路径即可 uni.navigateTo({url:/pagesB/get-password?obj encodeURIComponent(JSON.stringify(obj)),});七、分包步骤3
1.更改pages.json配置如下图。1.1pages主包不需要动只需要方主包页面
1.2subPackages分包加载配置subPackages 节点接收一个数组数组每一项都是应用的子包subPackages 里的pages的路径是 root 下的相对路径不是全路径。
例如我的就是放了pagesA和pagesB一定要注意root的是写分包名称不需要 /path写对应的页面路径 subPackages: [{root: pagesA,pages: [{path: add-car,style: {navigationBarTitleText: 新增车辆}},{path: car-info,style: {navigationBarTitleText: 详情车辆}},]},{root: pagesB,pages: [{path: get-password,style: {navigationBarTitleText: 找回密码}}]}],1.3preloadRule分包预载配置 preloadRule: {pagesA/add-car: {network: all,packages: [__APP__]},pagesA/car-info: {network: all,packages: [__APP__]},pagesB/get-password: {network: all,packages: [pagesB]}},2.开启分包后再次编辑打包预览的二维码就可以正常打开小程序了。八、分包步骤4
1.点击左侧列表manifest.json–源码视图找到npm-wexin开启分包优化//开启分包优化optimization : {subPackages : true}九、分包步骤5
1.压缩代码十、分包步骤6
1.删除原有的打包文件。2.重新发行打包。3.分包前后的效果对比存在主包和分包体积也相应变化减小预览也可以了。
分包前:
分包后
有用就点个赞吧
