某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。
分包很简单,具体步骤如下:
在app.json中,创建subPackages,root表示分包A的根目录(eg.跟pages同级目录),pages中的页面就是分包A的子目录。
注意:这里有一点要注意,经常出现这个问题“pages *** 不应该在分包 subPackages[*] 中”
我们如果通过编辑器右键添加page的话,主包中会自动加入page路径,此时我们再去创建新的分包如果没有去掉主包路径就会报错。
解决方案就是去掉主包中的路径就可以了
{ "pages": [ "pages/success/success", "pages/fail/fail" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#f37938", "navigationBarTitleText": "WeChat", "navigationBarTextStyle": "white" }, "tabBar": { "color": "#999999", "selectedColor": "#f37938", "borderStyle": "black", "backgroundColor": "#ffffff", "font-size": "50rpx", "list": [ { "pagePath": "tabbar/xxx/xxx", "iconPath": "../../images/icon_home.png", "selectedIconPath": "../../images/icon_home2.png", "text": "首页" }, { "pagePath": "tabbar/xxx/xxx", "iconPath": "../../images/icon_mine.png", "selectedIconPath": "../../images/icon_mine2.png", "text": "我的" } ] }, "subPackages": [ { "root": "A/", "pages": [ "index/index", "form/form" ] }, { "root": "B/", "pages": [ "index/index", "form/form" ] } ] }