阅读 294

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

说明

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

问题

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 作为个人配置(此配置文件会优先使用)
文章分类
前端
文章标签