一般情况下在小程序即将完成但你又想预览看下效果,如果前期你没有做任何处理的话,都会显示代码超过限制
如何分包
这个原因是小程序本身是有大小限制要求的。
这个时候我们可以使用分包的方式来进行解决
官网介绍
代码详解
这里的分包并不限制数量的规定。
一切按照官网的规定字段来。
1综上所述,创建几个与page同级的目录文件夹,
里面创建所对应的pages文件夹,然后在文件夹里面放你的目录文件。
2综上所述,在同级的pages文件夹当中创建了你所要分包的文件夹,里面包括对应的文件,
下面我们就在总pages里进行写入。
3分包的规定是subpackages里面写入
- root是你第一步创建在pages同级的文件夹
- 里面对应的pages是刚刚你所创建的pages同级文件夹的pages文件夹
- 然后下面pages是总的那个 对应写入你在这个文件的路径
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/cat",
"pages/dog"
]
}, {
"root": "packageB",
"name": "pack2",
"pages": [
"pages/apple",
"pages/banana"
]
}
]
到此为止我们已经创建好分包的操作,如果想要查看这个报的大小
点击右上方详情
这边可以查看
已经进行分包操作还是显示过大
像这种提示主包过大还是
这个时候我们可以查看安装的依赖包(也称为第3方UI插件),
图片的多少等等
删除不需要的依赖包
npm删除依赖
【npm uninstall xxx】删除xxx依赖
【npm uninstall xxx -g】删除全局依赖xxx
如你安装了vantweapp您就可以,直接删除了
npm uninstall vantweapp -g
没有权限预览访问
在你预览的时候,提示这个
或者提示你没有访问的权限APPID
这个时候你可以看下你的项目对应的APPID与你创建项目对应的APPID是否一致,
还有就是如果你没有权限你就去找其初给你APPID让你开发的那个人,
然后给他说,在这个管理里面进行添加可以访问的人员信息。
添加完成后,就有权限, 就可以访问了。