小程序包大小超过限制-Toy模板网

这篇具有很好参考价值的文章主要介绍了小程序包大小超过限制。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、开启分包

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)进行了压缩

三、一些小建议

1.一些图片文档之类的静态资源尽量放在服务器上，通过请求来获取。

2.如果觉得把资源转移到服务器上麻烦，可以尝试用tiny来压缩png图片，对比原图看不出太大差别，图片的体积却减少很多，也能省出一些空间。

3.小程序调试工具的右上角点开详情，这些选项可以看着选，也是能节省出一些空间的。

小程序包大小超过限制

四、最终的绝招

如果以上的招数都用了还是超体积，最后一招“打包”

1.建议先把dist目录删除再进行打包操作，避免资源堆积

运行npm run build:mp-weixin进行打包

打包后小程序开发工具重新导入文件夹，路径一般是 dist\build\mp-weixin
打开后发现体积又减小了

以上是我遇到过的问题，记录下来，仅供参考，欢迎大佬在评论区分享更多的方法。文章来源地址https://www.toymoban.com/news/detail-482884.html

到了这里，关于小程序包大小超过限制的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！