Cuando uniapp desarrolla applets de WeChat y carga códigos, puede encontrar el problema de que el proyecto es demasiado grande. Hoy, simplemente registraré cómo lidiar con el problema de que el código del proyecto excede el límite en función de mi operación real.
Las operaciones comúnmente utilizadas son cambiar el acceso a la imagen en el proyecto de acceso local a acceso a la red, verificar las opciones de archivos comprimidos relevantes al cargar el código en la herramienta para desarrolladores de WeChat, etc. Personalmente, el método más efectivo es el procesamiento de subpaquetes. El límite de subpaquetes es el siguiente:
Límite de volumen del subpaquete
El volumen de todos los subpaquetes en el applet completo no puede exceder los 16M (el paquete principal + el subpaquete, también se dice que no puede exceder los 20M, no he probado uno tan grande y no lo he probado) El tamaño de un solo
subpaquete/paquete principal no puede exceder los 2M
Mi proyecto presenta los complementos uView2.0 y uni-im, por lo que si no realiza ningún procesamiento, especifique más de 2 M. Hablemos sobre el método de procesamiento de subcontratación para el desarrollo de una aplicación.
1. Agregue el siguiente contenido a hbuilder:
"optimization":{
"subPackages":true
}
Agregue la ruta: manifest.json–configuración del código fuente–nodo mp-weixin y finalmente agregue el contenido anterior.
2. Agregue la información de configuración del subpaquete en page.json
y agregue el nodo de subpáginas después del nodo de páginas. El contenido de la configuración es el siguiente:
"subPackages": [{
"root": "subpages",
"pages": [
// 此处为pages注册的子页面路径,此处省略子页面的样式配置
{
"path" : "dynamic/dynamic",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
]
}
,{
"root": "uni_modules",
"pages": [
// 此处为uni_modules注册的子页面路径,分别为会话列表和聊天页面
{
"path" : "uni-im/pages/index/index",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
},
{
"path": "uni-im/pages/chat/chat",
"style": {
"enablePullDownRefresh": false,
"maxWidth": "960",
"navigationBarTitleText": ""
}
}
]
}
]
Además de la página de inicio relacionada con la barra de pestañas y mi página en el proyecto, el resto del código comercial se coloca en la carpeta de subpáginas. Dado que los complementos uView2.0 y uni-im se introducen en el proyecto, el directorio de instalación del complemento uni_modules se considera por separado como un subpaquete, y el método de configuración es el mismo que el código comercial configurado en el nodo de subpáginas.
La versión completa de page.json es la siguiente
{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "铂金"
}
}
,{
"path" : "pages/mine/mine",
"style" :
{
"navigationBarTitleText": "我的",
"enablePullDownRefresh": false
}
}
],
"subPackages": [{
"root": "subpages",
"pages": [
// 此处为pages注册的子页面路径,此处省略子页面的样式配置
{
"path" : "dynamic/dynamic",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
]
}
,{
"root": "uni_modules",
"pages": [
// 此处为uni_modules注册的子页面路径,分别为会话列表和聊天页面
{
"path" : "uni-im/pages/index/index",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
},
{
"path": "uni-im/pages/chat/chat",
"style": {
"enablePullDownRefresh": false,
"maxWidth": "960",
"navigationBarTitleText": ""
}
}
]
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"uniIdRouter": {
},
"tabBar": {
"list": [{
"iconPath": "/static/index.png",
"selectedIconPath": "/static/index_select.png",
"text": "首页",
"pagePath": "pages/index/index"
},
{
"iconPath": "/static/mine.png",
"selectedIconPath": "/static/mine_select.png",
"text": "我的",
"pagePath": "pages/mine/mine"
}
]
},
"easycom": {
// 下载安装的方式需要前面的"@/"，npm安装的方式无需"@/"
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
// npm安装方式
// "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}
}
La estructura del proyecto es la siguiente:
Una vez que se complete el procesamiento, mire el tamaño del subpaquete:
se puede ver que la subcontratación se ha llevado a cabo normalmente, y el código se puede cargar y publicar normalmente.