失眠网 > 小程序包大小超过限制

小程序包大小超过限制

时间：2023-08-05 02:31:57

相关推荐

小程序包大小超过限制

uniapp&微信小程序主包/分包大小超过限制

一、开启分包1.在pages.json文件中配置分包2.在manifest.json文件中配置一下分包优化二、以压缩方式运行1.在pages.json文件的顶部配置一条运行脚本(不清楚实际有没有生效)2.找到package.json文件三、一些小建议1.一些图片文档之类的静态资源尽量放在服务器上，通过请求来获取。2.如果觉得把资源转移到服务器上麻烦，可以尝试用[tiny](/)来压缩png图片，对比原图看不出太大差别，图片的体积却减少很多，也能省出一些空间。3.小程序调试工具的右上角点开详情，这些选项可以看着选，也是能节省出一些空间的。四、最终的绝招如果以上的招数都用了还是超体积，最后一招“打包”1.建议先把dist目录删除再进行打包操作，避免资源堆积

一、开启分包

1.在pages.json文件中配置分包

"subPackages": [{"root": "pagesA","pages": [{"path": "add/add","style": {"navigationBarTitleText": "页面标题1","enablePullDownRefresh": false}},{"path": "edit/edit","style": {"navigationBarTitleText": "页面标题2","enablePullDownRefresh": false}},]},{"root": "pagesB","pages": [{"path": "select/select","style": {"navigationBarTitleText": "页面标题1","enablePullDownRefresh": false}},{"path": "del/del","style": {"navigationBarTitleText": "页面标题2","enablePullDownRefresh": false}},]}]

2.在manifest.json文件中配置一下分包优化

/* 小程序特有相关 */"mp-weixin" : {"appid" : "xxxxxx","setting" : {"urlCheck" : false,"postcss" : true,"minified" : true,"es6" : true},"permission" : {"scope.userLocation" : {"desc" : "你的位置信息将用于小程序定位"}},"usingComponents" : true,/* 分包优化vendor.js */"optimization" : {"subPackages" : true},"runmode" : "liberate" // 开启分包优化后，必须配置资源释放模式},

使用分包可以减轻主包的体积(注意每个分包也是不能超过2MB的)

二、以压缩方式运行

1.在pages.json文件的顶部配置一条运行脚本(不清楚实际有没有生效)

"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",

2.找到package.json文件

"scripts": {"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build","dev:mp-weixin-mini": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",}

运行npm run dev:mp-weixin是没有压缩的

运行npm run dev:mp-weixin-mini是会自动压缩的

带mini的这条命令是自己加上去的，也可以加其他的(最主要的就是 --watch --minimize)进行了压缩