uniapp微信小程序开启分包配置、分包预加载、按需注入
小程序配置分包
在manifest.json对应平台的配置下添加"optimization":{"subPackages":true}
开启分包优化
目前只支持mp-weixin
、mp-qq
、mp-baidu
、mp-toutiao
、mp-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 国际」许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构