uniapp 分包--上传功能

本文详述了在使用HBuilderX创建的uni-app项目中,遇到微信小程序上传大小限制的问题及解决方案。通过转换为vue-cli项目进行分包,解决了包体积过大的问题,同时分享了如何对主包进行图片压缩以满足上传要求,最终成功完成小程序的分包上传。此外,还提及了未开启代码压缩的情况,并指出开启后代码将进一步减小。
摘要由CSDN通过智能技术生成

一、问题

通过HBuilder X-->发行-->小程序--微信(...)后,微信小程序提示上传失败。

二、原因

小程序上传项目大小限制为: 单包2M  总包8M 

三、解决

uniapp 分包

	分包时遇到的问题:
	1、安装 copy-webpack-plugin 时,提示 webpack 不存在,需要安装。
	调查后才知道,现在的项目是同事通过 HBuilderX 可视化界面创建的
	即没有package.json,也没有 webpack 配置。
	解决:项目工程互换,把原来的工程换位 vue-cli 创建的

uni-app HBuilderX 工程与 vue-cli 工程相互转换
互换前,可根据 uniapp 官网提供的 快速上手 构建工程

2、分包之后,上传文件时,提示主包2389kb,还是太大
最后对主包文件夹里面的图片进行压缩,不影响图片观看的情况下。

四、完成之后结果

在这里插入图片描述

分包上传完成,大致上遇见的问题都在这里面。

五、进一步压缩

配置项里面没有进行上传代码压缩
在这里插入图片描述
选中之后,代码会更小
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值