67 lines
1.5 KiB
Markdown
67 lines
1.5 KiB
Markdown
|
# 小程序主包优化说明
|
|||
|
|
|
|||
|
|
## 问题
|
|||
|
|
- 主包大小：5.8MB
|
|||
|
|
- 微信限制：2MB
|
|||
|
|
- 原因：static目录图片约2MB
|
|||
|
|
|
|||
|
|
## 快速解决方案
|
|||
|
|
|
|||
|
|
### 方案A：临时删除图片（立即可上传）
|
|||
|
|
1. 删除 static/banner 和 static/button 下的所有图片
|
|||
|
|
2. 主包立即减少 2MB
|
|||
|
|
3. 可以先上传小程序
|
|||
|
|
4. 后续再添加网络图片
|
|||
|
|
|
|||
|
|
### 方案B：使用网络图片（推荐）
|
|||
|
|
1. 将图片上传到你的服务器
|
|||
|
|
2. 修改代码使用网络地址
|
|||
|
|
3. 例如：`https://your-domain.com/images/banner1.jpg`
|
|||
|
|
|
|||
|
|
## 执行步骤
|
|||
|
|
|
|||
|
|
### 立即执行（方案A）
|
|||
|
|
```bash
|
|||
|
|
# 运行批处理文件
|
|||
|
|
Archive\[一次性]小程序主包快速优化-2026-01-31.bat
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 修改代码使用网络图片（方案B）
|
|||
|
|
|
|||
|
|
修改 `peidu/uniapp/src/pages/index/components/UserHome.vue`:
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
// 原来
|
|||
|
|
bannerList: [
|
|||
|
|
{ id: 1, image: '/static/banner/banner1.jpg' },
|
|||
|
|
...
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
// 修改为
|
|||
|
|
bannerList: [
|
|||
|
|
{ id: 1, image: 'https://your-domain.com/images/banner1.jpg' },
|
|||
|
|
...
|
|||
|
|
],
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 建议
|
|||
|
|
|
|||
|
|
**立即执行方案A**，这样你可以：
|
|||
|
|
1. 马上上传小程序
|
|||
|
|
2. 后续慢慢优化图片方案
|
|||
|
|
3. 不影响功能（只是暂时没有图片）
|
|||
|
|
|
|||
|
|
## 长期方案
|
|||
|
|
|
|||
|
|
1. **使用CDN**: 将所有静态资源放到CDN
|
|||
|
|
2. **图片懒加载**: 按需加载图片
|
|||
|
|
3. **WebP格式**: 使用更小的图片格式
|
|||
|
|
4. **后端API**: 从后端获取轮播图数据
|
|||
|
|
|
|||
|
|
## 需要确认
|
|||
|
|
|
|||
|
|
你想执行哪个方案？
|
|||
|
|
- A: 立即删除图片（可以马上上传）
|
|||
|
|
- B: 我帮你修改代码使用网络图片（需要你提供图片URL）
|
|||
|
|
- C: 两者都做（先删除，后续再添加网络图片）
|