首页 > 编程语言 >解决微信小程序主包过大,无法上传代码问题

解决微信小程序主包过大,无法上传代码问题

时间:2023-04-06 20:15:30浏览次数:44  
标签:weixin 微信 程序 -- mp 主包 上传 build

1、我的开发工具是HBuilderX,所以,在运行小程序的时候可以勾选 运行>运行到模拟器>运行时是否压缩代码,

 

 

 小程序运行时,这里会提示

2、所以,可以选择发行>小程序-微信,注意括号的内容,只适用于uni-app

 

 

 3、另外,在package.json文件里面加入 --minimize 最小压缩 "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize","build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build --minimize"

 

 

4、还有一种方法,是微信小程序官方文档建议的分包,

首先,点到 manifest.json 文件,点击源码视图,找到 mp-weixin 也就是微信小程序的相关设置,添加  "optimization" : {"subPackages" : true},意思是允许分包

 

 

 然后把原来pages文件下面的页面分成几个文件夹,看一下我的目录

 

 

 我分了两个子包,pageCustom 和 pageQuest。原来的pages里面只放了底部导航栏的页面

然后配置pages.json文件,root 为子包的路径

 

 

5、还有一点必须强调的,项目的static/image 里面除了放底部导航栏的图标以外,其他的图片尽量不要放,可以都放到后台去,然后后台给你一个http 的链接

做完这些,如果项目主包大小还不符合上传标准,那就真的见鬼了

 

标签:weixin,微信,程序,--,mp,主包,上传,build
From: https://www.cnblogs.com/eyed/p/17293989.html

相关文章

  • Springboot+HTML5+Layui2.7.6上传文件【请求上传接口出现异常】
    1.最近两天在springboot+html5项目中发现在用layui框架时报请求上传接口出现异常这个错误。2.将代码全部整理了一遍,发现前端后台都没错!!!但是还是【请求上传接口出现异常】,于是跑去翻看layui官网。 3.最终最终将错误锁定到了返回的JSON字符串中,我是返回的String,所以一直都会......
  • c#.net怎么实现web端上传超大文件
    ​ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。ASP.NET页面设计:TextBox和Button按钮。​编辑TextBox中需要自己受到输入文件夹的路径(包含文件夹),通过Button实......
  • 记录一次小程序中讨厌的拍照上传的优化
    背景工作中出现了一个业务,需要用户拍照并上传base64格式的图片内容供后台识别。项目并非从零开始,一通配置后跑了起来。自测了一会,下班时间到,开溜。就在回家路上,打开手机分享图片时傻眼了,相册里全是自测的时候拍摄的照片,感到不舒服,这个项目之前据说已经交付过,我觉得用户肯定和我......
  • 微信公众号开发--获取网页授权并自定义菜单点击获得openid跳转
    之前做了个自定义菜单的click事件,但是订阅号升级为服务号,相应的有了网页的基础授权(需要认证的服务号)其中使用到了自定义菜单接口:http://mp.weixin.qq.com/wiki/13/43de8269be54a0a6f64413e4dfa94f39.html网页授权获取用户基本信息接口:http://mp.weixin.qq.com/wiki/17/c0f37d5704f0......
  • vue 上传大型文件插件(vue上传视频插件)
    ​IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag        客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传......
  • vue前端实现上传文件,vue 上传文件
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • JavaScript超大文件上传解决方案:分片断点上传(一)
    ​ 前段时间做视频上传业务,通过网页上传视频到服务器。视频大小小则几十M,大则1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题:1,文件过大,超出服务端的请求大小限制;2,请求时间过长,请求超时;3,传输中断,必须重新上传导致前功尽弃; 解决方案:1,修改服务端上传的限制配置;Nginx以......
  • input上传文件的实际应用
    'Content-Type':'multipart/form-data'类型使用场景:在vue2.0中,有统一的请求封装文件,下面文件为请求封装的使用,因项目不同可以忽略(vue-element-admin架构)html部分<divclass='public_normal_btn'@click='$refs.file_item.click()'>导入</div><inputsty......
  • php上传文件简单示例
    php上传文件简单示例 <?php$log='';$buf=ob_get_contents();ob_end_clean();$postmaxsize=trim(ini_get('post_max_size'));//preg_match_all('/\d+/',$postmaxsize,$arr);//$number=$arr[0][0];//if(strpos($postmaxsize,&#......
  • PHP上传文件的大小限制
    PHP上传文件的大小限制Warning:POSTContent-Lengthof625523488bytesexceedsthelimitof8388608bytesinUnknownonline0当Warning:online0做出错误警告时,设定error_reporting(0);ini_set("display_errors",0);无效如何不显示这种错误呢方法一:设置php.i......