uniapp小程序分包

uniapp小程序分包

分包原因：由于微信小程序包总体积不能超过2M，这时就需要把代码进行分包处理。

主包：即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据pages.json的配置进行划分。

分包后的每个分包的大小是2M以内，总体积一共不能超过20M。

subPackages：分包加载配置，此配置为小程序的分包加载机制，详细请参考uniapp官网分包机制

项目目录结构如下：

需要在 pages.json 中进行代码分包处理：

{
    
	"pages": [{
    
		"path": "pages/index/index",
		"style": {
     ...} //页面配置
	}],
	"subPackages": [{
    
		"root": "pagesA",
		"pages": [{
    
			"path": "punchCard/index",
			"style": {
     ...}
		}]
	}, {
    
		"root": "pagesB",
		"pages": [{
    
			"path": "collectInfo/index",
			"style": {
     ...}
		}]
	}  //后面继续增加其他分包
	],
	"preloadRule": {
      //分包预载配置
		"pagesA/index/index": {
    
			"network": "all",
			"packages": ["__APP__"]
		},
		"pagesB/punchCard/index": {
    
			"network": "all",
			"packages": ["pagesA"]
		}
	}
}

preloadRule：配置preloadRule后，在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度，具体请参考uniapp官网分包预载配置

There is no fate but what we make for ourselves。