微信小程序开发 — 开发踩坑记录

说明

本文记录了小程序项目开发过程中踩过的坑，方便日后参考。

问题

taro-ui 问题

公司项目采用 taro-ui 为前端ui框架，那既然是第三方框架肯定有的地方会存在bug。怎么解决bug完成业务，就是我们需要解决的问题。根据以往开发经验，大致罗列了以下解决方案和可能遇到的问题：

1. 自己提 issue 让官方解决 (有可能得不到回复)

2. 不用他的，自己写一个（工作量暴增）

3. 将有问题的组件源码拷贝一份到自己的项目，解决 bug（改源码难度较高）

头部导航栏适配问题

微信小程序的头部导航栏默认在 ios 和 android 设备上的展示不同。ios 标题居中；android 设备标题靠左对齐，并且小程序头部导航栏不支持自定义功能。项目可能要求小程序在多端展现保持一致，或自定义导航栏功能。这时就需要使用自定义组件。

• 使用 taro-navigationbar 地址
• 如果项目没要求，则可以用微信默认样式展现

小程序包大小限制问题

微信小程序开发的时候常常会碰到包体积大小超过限制的问题，写两行代码一打包，超过 2M 就给你个警告。

目前小程序分包大小有以下限制：

• 整个小程序所有分包大小不超过 20M
• 单个分包/主包大小不能超过 2M

这是官方文档给出的说明，解决方案其实也很简单：

• 想方设法缩小包体积，如：静态图片资源迁移到服务器
• 或者按照文档提供的方案：进行分包

project.config.json 配置文件问题

很多时候我们需要进行开发调试，利用微信开发者工具的预览功能在真机上查看实现效果。为了方便调试，我们会设置编译模式。但是编译模式的改动会写入 project.config.json 文件的 condition 字段中，而项目只有一份 project.config.json 文件。所以在团队协作的时候，每个人都在往里加入自己的编译模式，这给团队造成了一点麻烦。解决方案如下：

1. 在 .gitignore 文件中添加 project.config.json、project.private.config.json
2. 为项目引入 project.config.json.example 文件作为项目配置文件统一模板
3. 团队成员使用 project.private.config.json 作为个人配置（此配置文件会优先使用）