开发完的小程序如何分包

好几次了,终于想起来写个笔记记一下

我最开始并不会给小程序分包,然后我就各种搜,发现讲的基本上都是开发之前的小程序分包,可是我都开发完要发布了,提示我说主包太大需要分包,所以我就不会了。。。

好了现在我来描述一下我的方法吧

我的主包文件叫做 pages ,我又新建了一个分包文件叫做 pagesIndex ,我直接将主包文件里的某些文件(tabBar文件除外)拖到 pagesIndex 里面了,然后到 page.json 文件里面去改配信信息,如下:

把拖到分包里面的文件从"pages"里面删除,添加到"subPackages"的 root为 "pagesIndex"的分包里面,但是还有非常非常重要的一步,你的页面里面或许含有路径跳转的url信息,例如

javascript 复制代码
navToGroupPage() {
        uni.navigateTo({
          url: `/pages/gift/newReg`
        })
      }

但是这个时候我们已经将这个文件放到分包里面了,所有这个路径就不复存在了,故而我们要改成下面的写法,将pages替换为pagesIndex,记得将项目里所有的文件关于分包的路径都改掉!

javascript 复制代码
navToGroupPage() {
        uni.navigateTo({
          url: `/pagesIndex/gift/newReg`
        })
      }
相关推荐
2501_915918415 小时前
iOS描述文件功能解析
android·macos·ios·小程序·uni-app·cocoa·iphone
说私域8 小时前
开源AI智能客服、AI智能名片与S2B2C商城小程序在营销运营中的应用与重要性研究
人工智能·小程序·开源
说私域8 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序商业化路径优化研究
人工智能·小程序·开源
Y_3_714 小时前
微信小程序动态二维码外部实时展示系统
微信小程序·小程序·notepad++
weixin_177297220691 天前
旧物二手回收小程序:引领绿色消费,开启时尚生活新方式
小程序·盲盒
2501_916007471 天前
Fastlane 结合 开心上架(Appuploader)命令行实现跨平台上传发布 iOS App 的完整方案
android·ios·小程序·https·uni-app·iphone·webview
韩立学长1 天前
【开题答辩实录分享】以《植物病虫害在线答疑小程序的设计与实现》为例进行答辩实录分享
spring boot·小程序·vue
好想早点睡.1 天前
vue2+UniApp微信小程序集成高德地图
微信小程序·小程序·uni-app
2501_915918411 天前
iOS 上架应用市场全流程指南,App Store 审核机制、证书管理与跨平台免 Mac 上传发布方案(含开心上架实战)
android·macos·ios·小程序·uni-app·cocoa·iphone
Mr.Aholic1 天前
分享几个开源的系统,包括小程序、商城系统、二手交易等常见的系统、很容易进行二次开发 【可以参考学习】
微信小程序·小程序·毕业设计·课程设计