问题描述：

随着项目需求增长和团队规模扩大，项目的主包代码体积超出了2M的上限。在进行优化过程中，发现编译前代码规模较小，但编译后代码体积大幅增加。

问题原因：

微信小程序处理本地图片资源的background引入时，将小于4kb的图片转换为base64编码，导致编译后的代码体积增大。重复引用相同图片会导致重复的base64字符串，进一步增加代码体积。

解决方案：

1. 使用网络图片替换背景引入的本地图片资源。
2. 使用<image>标签替换背景图片引用，避免base64编码带来的体积增加。

其他优化建议：

• 对于较大的图片资源，考虑懒加载或按需加载，减少初始加载时的资源压力。
• 对于重复使用的图片资源，提取为公共组件或模块，避免重复引用导致代码冗余。

通过以上优化措施，可以有效减小编译后的代码体积，提升小程序的性能和用户体验。

优化前后对比：

优化前：

优化后：

去除一个background的本地图片引入，使用image替代，编译后的代码体积明显减少了5kb