uniapp 微信小程序 配置分包,多个分包
uniapp 微信小程序 配置分包,多个分包。减少项目的体积,可以减少小程序首次启动时的加载时间。不用担心主包过大无法上传和打包小程序项目。
·
配置小程序分包的目的:
减少项目的体积,可以减少小程序首次启动时的加载时间。不用担心主包过大无法上传和打包小程序项目
在实际的项目开发中,tabBar 相关的页面是必须放在主包下的。其他的一些大型页面呢通常是建议你放在分包下面。
无论如何在创建一个工程化的小程序项目的时候都建议大家配置一个分包,这样的好处就是方便大家在以后维护的时候避免一些不必要的麻烦。例如公司有多个小程序需要合并(我的真实经历)!这个时候分包的作用就显而易见了。如果项目特别大,可以像我一样自行配置多个分包!那么废话不多说,直接开始:
-
在项目根目录中,创建分包的根目录,命名为 pagesA(自定义,通常叫subpkg)
-
在
pages.json
中,和pages
节点平级的位置声明subPackages
节点,用来定义分包相关的结构:
{
"pages": [
{
"path": "pages/home/index",
"style": {}
},
{
"path": "pages/content/storeIndex",
"style": {}
},
{
"path": "pages/appointment/index",
"style": {}
},
{
"path": "pages/my/index",
"style": {}
}
],
"subPackages": [
{
"root": "pagesA",
"pages": [{
//...
}]
},
{
"root": "pagesB",
"pages": []
}
]
}
3.最后我们可以在 subPackages
同节点下自定义分包的加载规则 preloadRule
"preloadRule": { //分包加载规则
"pages/home/index": { // 在index页面加载分包
"network": "all",
"packages": ["pagesA"]
},
"pages/content/storeIndex": {
"network": "all",
"packages": ["pagesB"]
},
"pages/my/index": {
"network": "all",
"packages": ["pagesB"]
}
},
更多推荐
已为社区贡献9条内容
所有评论(0)