一、为什么要分包
因小程序 App有体积和资源加载限制,优化小程序的下载和启动速度。
二、应该在哪里配置分包
在manifest.json里面配置
根据你写的项目类型不同
如果是小程序在这里添加
"optimization":{"subPackages":true},//可以减轻启动时加载的js数量,提升启动速度。
开启分包优化
如果是app
在这里添加
还有其他的h5,快应用,都在uniapp官方文档里面写了
分包优化的具体逻辑
静态文件
分包下支持 static 等静态资源拷贝,即分包目录内放置的静态资源不会被打包到主包中,也不可在主包中使用
js文件
当某个 js 仅被一个分包引用时,该 js 会被打包到该分包内,否则仍打到主包(即被主包引用,或被超过 1 个分包引用)
自定义组件
若某个自定义组件仅被一个分包引用时,且未放入到分包内,编译时会输出提示信息
分包内静态文件示例
在pages.json中配置,就是写小程序页面的地方
写上
"subPackages": [{
"root": "****",
"pages": [{
"path": "index/index"
}]
}]
这个和pages同级
root意思为分包目录,这里位于根路径下
page里面的path意思是需要加载的页面
感谢大家看我的文章,关于分包官方文档里写的更加详细,这个是官方地址https://uniapp.dcloud.net.cn/collocation/manifest.html#%E5%85%B3%E4%BA%8E%E5%88%86%E5%8C%85%E4%BC%98%E5%8C%96%E7%9A%84%E8%AF%B4%E6%98%8E