wepy+vant-weapp踩坑记

最近用了几个月的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
具体实现参考这篇文章http://www.javashuo.com/article/p-xyfdmgdf-es.html

　　

作出来大概是这个效果

今天先到这里吧，有空再更了