uniapp微信小程序开启分包配置、分包预加载、按需注入

小程序配置分包

manifest.json对应平台的配置下添加"optimization":{"subPackages":true}开启分包优化

目前只支持mp-weixinmp-qqmp-baidump-toutiaomp-kuaishou的分包优化

分包优化具体逻辑:

  • 静态文件:分包下支持 static 等静态资源拷贝,即分包目录内放置的静态资源不会被打包到主包中,也不可在主包中使用
  • js文件:当某个 js 仅被一个分包引用时,该 js 会被打包到该分包内,否则仍打到主包(即被主包引用,或被超过 1 个分包引用)
  • 自定义组件:若某个自定义组件仅被一个分包引用时,且未放入到分包内,编译时会输出提示信息

pages.json文件中pages数组中存放主包页面,subPackages为分包

"pages":[],
"subPackages":[{
  	"root": "pagesA",
  	"pages":[]
	},
  {
   	"root":"pagesB",
    "pages":[]
  }         
]

manifest.json文件内ma-weixin配置

"runmode": "liberate", // 开启分包优化后,必须配置资源释放模式

分包预加载配置

在访问pages/index/index页面时加载pagesA分包

"preloadRule": {
	"pages/index/index": {
		"network": "all",
		"packages": ["pagesA"]
	}
},

开启按需注入

manifest.json文件内ma-weixin配置

"lazyCodeLoading": "requiredComponents"

作者:whh666

出处:https://www.cnblogs.com/whh666/p/16939645.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   资深if-else侠  阅读(1703)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
more_horiz
keyboard_arrow_up light_mode palette
选择主题
点击右上角即可分享
微信分享提示