说明
本文记录了小程序项目开发过程中踩过的坑,方便日后参考。
问题
taro-ui 问题
公司项目采用 taro-ui 为前端ui框架,那既然是第三方框架肯定有的地方会存在bug。怎么解决bug完成业务,就是我们需要解决的问题。根据以往开发经验,大致罗列了以下解决方案和可能遇到的问题:
自己提 issue 让官方解决 (有可能得不到回复)
不用他的,自己写一个(工作量暴增)
将有问题的组件源码拷贝一份到自己的项目,解决 bug(改源码难度较高)
头部导航栏适配问题
微信小程序的头部导航栏默认在 ios 和 android 设备上的展示不同。ios 标题居中;android 设备标题靠左对齐,并且小程序头部导航栏不支持自定义功能。项目可能要求小程序在多端展现保持一致,或自定义导航栏功能。这时就需要使用自定义组件。
- 使用 taro-navigationbar 地址
- 如果项目没要求,则可以用微信默认样式展现
小程序包大小限制问题
微信小程序开发的时候常常会碰到包体积大小超过限制的问题,写两行代码一打包,超过 2M 就给你个警告。
目前小程序分包大小有以下限制:
- 整个小程序所有分包大小不超过 20M
- 单个分包/主包大小不能超过 2M
这是官方文档给出的说明,解决方案其实也很简单:
- 想方设法缩小包体积,如:静态图片资源迁移到服务器
- 或者按照文档提供的方案:进行分包
project.config.json 配置文件问题
很多时候我们需要进行开发调试,利用微信开发者工具的预览功能在真机上查看实现效果。为了方便调试,我们会设置编译模式。但是编译模式的改动会写入 project.config.json 文件的 condition 字段中,而项目只有一份 project.config.json 文件。所以在团队协作的时候,每个人都在往里加入自己的编译模式,这给团队造成了一点麻烦。解决方案如下:
- 在 .gitignore 文件中添加 project.config.json、project.private.config.json
- 为项目引入 project.config.json.example 文件作为项目配置文件统一模板
- 团队成员使用 project.private.config.json 作为个人配置(此配置文件会优先使用)