開發工具
- 建議采用uni-app推薦的HBuilderX(項目創建采用HBuilderX可視化界面的方式創建)
- 為了代碼支持scss語法,HBuilderX需要裝scss插件
- 開啟壓縮代碼:在HBuilderX【運行】-【運行到小程序模擬器】中,勾上【運行時是否壓縮代碼】
- HBuilderX【運行】-【運行到小程序模擬器】-【運行設置】中,添加微信開發者工具的安裝路徑
運行項目
- npm i安裝項目依賴
- 【運行】-【運行到小程序模擬器】-【微信開發者工具】
- 若微信開發者工具打開,則開發者工具會自動打開頁面(部分情況微信開發者工具可能還是無法自動打開頁面),若沒有可手動操作以下【4】步驟,反之跳過【4】步驟
- 打開微信開發者工具,點擊【導入】,選擇項目所在文件夾 -【unpackage】-【dist】-【dev】-【mp-weixin】
- 在微信開發者工具中點擊【工具】-【構建npm】(參考:(https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html))
其他
- 微信開發者工具npm構建的時候會報moment.js代碼“不允許將require函數賦值給其他變量的錯誤”,目前沒有特別好的解決方案,大部分機器上運行沒有什么問題,后續考慮用day.js等其他庫替換
- 如果字體iconfont更新,需要手動操作,從iconfont網站自建項目圖標庫中復制替換iconfont.scss中@font-face中的src(僅需要ttf), 參考(https://blog.csdn.net/pgzero/article/details/106022225)
- 考慮到小程序體積,echarts(uni-ec-canvas組件中的echarts.js文件)采用在線定制的方式,盡量減小包體積,目前僅有基于4.8.0版本(柱狀圖、折線圖)+ 直角坐標系 +(圖例、tooltip、markline、markArea、timeline、datazoom)
- 由于小程序體積限制,若打包提示體積過大,則需要進一步考慮分包策略