新建项目,可直接新建uni-ui项目,在pages(主包)下面可新建页面,并在pages.json里面注册路由。主包主要是放置默认启动页面以及TabBar页面,分包则是根据pages.json的配置进行划分。
在启动时,默认会下载主包并启动主包内页面,当用户进入到分包内某个页面是,会把对应分包自动下载下来,下载完成后再进行展示。
创建与pages同级目录,如subpages(分包)
pages.json配置
主包
"pages": [{
"path": "pages/weixin/weixin",
"style": {
"navigationBarTitleText": "微信",
"enablePullDownRefresh": false
}
}, {
"path": "pages/tongxunlu/tongxunlu",
"style": {
"navigationBarTitleText": "通讯录",
"enablePullDownRefresh": false
}
}, {
"path": "pages/faxian/faxian",
"style": {
"navigationBarTitleText": "发现",
"enablePullDownRefresh": false
}
}, {
"path": "pages/me/me",
"style": {
"navigationBarTitleText": "我",
"enablePullDownRefresh": false
}
}
],
分包
"subPackages":[
{
"root":"subpages",
"pages":[
{
"path":"news/news",
"style":{
"navigationBarTitleText": "新闻",
"enablePullDownRefresh": false
}
}
]
}
],
预加载的分包(也会下载)
"preloadRule":{
"pages/index":{
"network":"all",
"packages":["activies"]
}
},
注意:hbuilder运行到微信开发者工具除了要配置微信小程序的appID以外还要在微信开发者工具里找到设置把服务端口打开