配置小程序分包的目的:

减少项目的体积,可以减少小程序首次启动时的加载时间。不用担心主包过大无法上传和打包小程序项目

        在实际的项目开发中,tabBar 相关的页面是必须放在主包下的。其他的一些大型页面呢通常是建议你放在分包下面。 

        无论如何在创建一个工程化的小程序项目的时候都建议大家配置一个分包,这样的好处就是方便大家在以后维护的时候避免一些不必要的麻烦。例如公司有多个小程序需要合并(我的真实经历)!这个时候分包的作用就显而易见了。如果项目特别大,可以像我一样自行配置多个分包!那么废话不多说,直接开始:

  1. 在项目根目录中,创建分包的根目录,命名为 pagesA(自定义,通常叫subpkg

  2. 在 pages.json 中,和 pages 节点平级的位置声明 subPackages 节点,用来定义分包相关的结构:

{
  "pages": [
    {
      "path": "pages/home/index",
      "style": {}
    },
    {
      "path": "pages/content/storeIndex",
      "style": {}
    },
    {
      "path": "pages/appointment/index",
      "style": {}
    },
    {
      "path": "pages/my/index",
      "style": {}
    }
  ],
  "subPackages": [
    {
      "root": "pagesA",
      "pages": [{
           //...
        }]
    },
    {
      "root": "pagesB",
      "pages": []
    }
  ]
}

3.最后我们可以在 subPackages 同节点下自定义分包的加载规则 preloadRule

	"preloadRule": { //分包加载规则
		"pages/home/index": { // 在index页面加载分包
			"network": "all",
			"packages": ["pagesA"]
		},
		"pages/content/storeIndex": {
			"network": "all",
			"packages": ["pagesB"]
		},
		"pages/my/index": {
			"network": "all",
			"packages": ["pagesB"]
		}
	},

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐