最近用了幾個月的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
做出來大概是這個效果
今天先到這里吧,有空再更了