微信小程序项目打包，项目包过大，uniapp分包踩坑

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

相信每一个微信小程序开发者都会遇到项目过大无法打包的情况。初次遇到的时候我手足无措听人说分包什么的也没懂，后面发现在微信开发者工具右上角按钮有个详情点击之后在本地设置栏下方有按钮。
勾选上之后会自动压缩代码，在一个尽量把图片放在后端，前端用链接解决，实在不行一定一定要压缩一下图片，一般处理图片的都有，在百度搜索图片压缩也可以。到这样一般情况的项目也都够用了，当然也有二般，这时候就要去使用分包去处理了。我也是一点试出来的经验。这篇文章会一点一点展示我的测试经历。

---

一、看微信开发文档

我第一个反应去看官网微信开发文档，按照官网一步一步完成，点击没有反应。

	"subPackages": [
		{
		"root": "packageA",
		"pages": [
			"pages/cat/new_file",
			"pages/fox/new_file"
		]
	},
	{
		"root": "packageB",
		"pages": [
			"pages/apple/new_file",
			"pages/banana/new_file"
		]
	}]

对应的目录结构是

官网地址：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

二、看uniapp官网

uniapp官网和微信开发文档写的大同小异，只是添加了需要在mainfest.json文件里视图源码里微信小程序的设置里添加这行代码就行

"optimization":{"subPackages":true}

结果还是不行。
运行之后点击到对应的页面还是没反应

我甚至看了app.json

然后我就有个想法写到mainfest.json文件中

结果是有了但不对

因为一开始页面里没有写东西，我就给里面试着添加也还是这样的显示，后面发现大家都是另一种写法

	"subPackages": [{
		"root": "packageA",
		"pages": [{
				"path": "pages/cat/new_file",
				"style": {}
			},{
				"path": "pages/fox/new_file",
				"style": {}
			}]
	},{
		"root": "packageB",
		"pages": [{
				"path": "pages/apple/new_file",
				"style": {}
			},{
				"path": "pages/banana/new_file",
				"style": {}
			}]
	}],

mainfest.json里只配置官网那个就行了，page.json像这样写就完全ok了

总结

还是要多看多学习，还有个问题，我创建的新项目没有热加载，经常让我自己手动编译，怎么设置项目热加载