小程序官方文档:
uniapp 分包文档:
原文地址:
一:分包相关概念
- 本质上是改变项目的路由以及优化项目各个模块的启动时间的一种优化技术。
- 主包与分包的概念
1). 主包:本项目中初始化时所必须的页面。
2). 分包:除主包外的所有页面都应放置在分包内,为避免读者混淆,本文会将该分包定义为子包
二:为什么要分包
三: 分包基本逻辑
- 静态文件:分包下支持 static 等静态资源拷贝,即分包目录内放置的静态资源不会被打包到主包中,也不可在主包中使用
- js文件:当某个 js 仅被一个分包引用时,该 js 会被打包到该分包内,否则仍打到主包(即被主包引用,或被超过 1 个分包引用)
- 自定义组件:若某个自定义组件仅被一个分包引用时,且未放入到分包内,编译时会输出提示信息
四: 分包步骤详解
- (manifest.json ) 开启分包优化
// "mp-weixin"
"optimization":{
"subPackages":true //是否启用分包优化
}