uniapp 15 第三方组件导致主包过大问题修复 (城市选择器:piaoyi-cityPicker)

一、问题描述

引入城市选择器第三方组件piaoyi-cityPicker,虽然使用这个组件的是分包,但这个组件在编译后也被加载进了主包中,由于其中的城市数据放在了组件的js文件中,数据量大,使得主包过大,不能符合微信小程序发版主包1.5M限制条件

image

二、解决思路

  1. 将第三方组件 从uni_modules移动到 自定义组件的/components目录下,使得其变为自定义组件。
  2. cityData.js在 /components下还是会被加载
  3. 将cityData.js数据 放在pinia中, 在/store/modules/cityDataStore.js 中存储,但还是会被加载到主包
  4. 将js从组件目录/components下面删掉,然后将其存储到后端,通过调用接口获取 (✅️成功✅️)
  5. 修改原生三方组件的vue文件,使得从本地获取的数据调用接口从后端获取

修改前:
image

修改后:
image

posted @ 2026-09-03 14:39  超轶绝尘  阅读(6)  评论(0)    收藏  举报