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

　　

作出來大概是這個效果

今天先到這裏吧，有空再更了