小程序开发之分包加载
小程序开发大小限制2M让不少人感到头疼,明明还有很多东西还没有放上去,却要忍受着大小的限制,一遍一遍的进行项目的优化。有时候代码还没撸多少,图片就已经占了将近多一半,很是头疼。不过好在官方提出一种分包加载机制解决这种哦办法。
"pages": [ "pages/home/index", "pages/center/center" ], "subPackages": [ { "root": "packageA", "pages": [ "pages/star/star", "pages/personal/personal" ] }, { "root": "packageB", "pages": [ "pages/xx/xx", "pages/xx/xx" } ],
目录结构如图
注:需要注意的是,我们需要将小程序刚打开的时候的页面放在主包内,分包可以放置一些功能模块。
-
整个小程序所有分包大小不超过 8M
-
单个分包/主包大小不能超过 2MpackageA 无法 require packageB JS 文件,但可以 require app、自己 package 内的 JS 文件
-
packageA 无法 import packageB 的 template,但可以 require app、自己 package 内的 template
-
packageA 无法使用 packageB 的资源,但可以使用 app、自己 package 内的资源
作者:狗尾草
-------------------------------------------
个性签名:海到无边天作岸,山登绝顶人为峰!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!