小程序分包设置

对于小程序小白来说，有时候会遇到各种问题，当我们在开发小程序的时候，有时候需要真机预览，当发现点击预览的时候会发现提示小程序不能大于2M，这是时候就会有点懵逼，其实就是我们文件太大，可能本地图片放的太多，你可以删除一些就可以了，还有一种就是我们使用小程序里面的分包机制，就是把不能同功能的文件分成几个模块进行加载，

官方https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

├── app.js
├── app.json
├── app.wxss
├── shopInfo
│   └── pages
│       ├── list
│       └── detail
├── member
│   └── pages
│       ├── mine
│       └── order
├── pages
│   ├── index
│   └── shopping
└── utils

app.json配置文件

{
    "pages": [
        "pages/index/index",
        "pages/shopping/index",
        "pages/mine/index"
    ],
	"subPackages":[
		{
			"root":"shopInfo",
			"pages":[
				"pages/list/list",
                "pages/detail/detail",
                "pages/chooseTime/index",
                "pages/comment/index",
                "pages/order/index",
                "pages/pay/index"

				
			]
		},{
			"root":"member",
			"pages":[
				"pages/mine/index",
				"pages/order/index"
			]
		}
	],
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#d81e06",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle": "white"
    },
    "style": "v2",
    "sitemapLocation": "sitemap.json",
    "tabBar": {
        "color": "#444",
        "selectedColor": "#d81e06",
        "borderStyle": "black",
        "backgroundColor": "#fff",
        "list": [
          {
            "pagePath": "pages/index/index",
            "text": "首页",
            "iconPath": "pages/images/home.png",
            "selectedIconPath": "pages/images/homeIcon.png"
          },
          {
            "pagePath": "pages/shopping/index",
            "text": "商城",
            "iconPath": "pages/images/shopping.png",
            "selectedIconPath": "pages/images/shoppingIcon.png"
          },
          {
            "pagePath": "pages/mine/index",
            "text": "我的",
            "iconPath": "pages/images/mine.png",
            "selectedIconPath": "pages/images/mineIcon.png"
          }
        ]
      }
}

pages是我们的主分包tabBer中的配置文件必须放在主饭煲里面，而其他模块问价需要使用subPackages的配置root是配置文件模块对应的文件名，里面的pages就是自己其他文件。

而在相对应的js文件里面，这些模块中的js文件是没有实例的需要自己设置如  const app = getApp({allowDefault: true}) 这段代码就可以调用的。但是在使用时安卓手机在加载分包文件时会偶发性出现“正在加载模块几个文字”暂时没有解决方式，是一件很发麻的事情。