HBuilder开发微信小程序体积过大导致无法预览

HBuilder开发微信小程序体积过大导致无法预览

导致无法预览的原因主要还是主包体积过大

1. 解决方法

1. 使用HBuilder工具开发微信小程序，记得勾选运行到小程序模拟器中的“运行是否压缩代码”
2. 微信小程序开发工具可以查看是哪些文件的原因导致体积过大

1.1. 使用分包

推荐视频：uniapp微信小程序如何做分包_哔哩哔哩_bilibili

在manifest.json中给微信小程序添加下面配置，是用于启动分包的选项

 "mp-weixin" : {
	"optimization" : {
		"subPackages" : true
	},
},	   

在上面的代码依赖分析里，将体积较大的文件进行分包

1. 首先建一个subPages文件夹(文件夹的名字随便取)，用于存放要分包的文件
2. 将分包的文件代码放在subPages文件夹下
3. 如果在pages.json文件中，pages数组中有你分包文件所对应的路径，把他删除
4. 在pages.json文件中， 添加类似下面一段代码，root选项代表你分包的路径，path是该路径下的vue文件

"subPackages": [
{
  "root": "subPages/recognition",
  "pages": [
	{
	  "path": "index",
	  "style": {
		"navigationBarTitleText": "拍照识别",
		"navigationBarBackgroundColor": "#00acac",
		"navigationBarTextStyle": "white"
	  }
	}
  ]
}
]