最近用了几个月的wepy框架,碰到了挺多问题,这里总结一下
1.clone的代码无法再本地运行,wepy报错
解决方案:
执行命令 : `npm install wepy-cli@1.6.1-alpha4 -g`
2.使用vant ui框架时 custom-class中定义的 样式类不生效。
解决方案 :在style标签中 取消scoped 属性。
3.分包问题
在构建项目时一定要提前打好分包。 小程序分包的限制为2M ,总项目大小不能超过8M,那么就是3个分包和一个主包。
vant-weapp的大小为1.3M左右。各种图片资源也占了不少地方。我还引进了echarts的图表组件,大概0.7M,腾讯地图cdk .2M
解决方案:
建议静态的资源单独放在一个分包中,图片资源放在服务器上,onload时加载。 tabbar的页面必须放在主包中。各种封装的公共api放在主包中。不同的模块放在分包中
大体目录如下:
src
---components //组件
---config //打包及基础配置
---pages //页面
--main //login及tabbar页面
--packageA //存放一些静态文件和外部文件
--packageB //模块1
--packageC//模块2
--index.wpy//开发时的入口文件
---servers//封装 request 请求 阿里云网关加密方法 通用的api等等
---store//redux的store
---app.wpy //设置globalData 全局的app.json 也可以设置拦截器(wepy提供的拦截器)
4.自定义的tabbar
微信小程序不推荐自定义的tabbar
如果自己开发一个tabbar的组件 在页面中引入的话,由于是跳页的问题,tabbar会闪一下,对客户的体验不好
这里提供一个 tabbar的解决方案:
思路:自定义的tabbar和官方的tabbar同时存在,在页面的onShow时隐藏官方的tabbar
具体实现参考这篇文章https://www.cnblogs.com/yk95/p/9597493.html
做出来大概是这个效果
今天先到这里吧,有空再更了