点击预览,发现无法预览,报错:
Error: 代码包大小为 3701 kb,上限为 2048 kb,请删除文件后重试
1. 分包加载
修改app.json
,增加subPackages
字段,大概长这样:
"subPackages": [
{
"root": "pages/cfs/",
"pages": [
"main",
"query/main",
"photograph/main",
"packing/main",
"pin/main",
"pin/detail/main"
]
},
{
"root": "pages/check/",
"pages": [
"main",
"detail/main"
]
}]
复制代码
我的项目目录是这样的:
2. 图片require
分包之后发现主包还是太大了/(ㄒoㄒ)/~~,之前就觉得应该是我的图片太多了,并且是直接在src里引入的,那么就修改为用require()
来引入图片资源:
{
imgUrl: require('../../assets/images/home/cfs.png'),
text: ''
},
{
imgUrl: require('../../assets/images/home/gate.png'),
text: ''
},
{
imgUrl: require('../../assets/images/home/bay.png'),
text: ''
},
{
imgUrl: require('../../assets/images/home/check.png'),
text: ''
}
复制代码
结果真的主包就变小了哈哈哈哈