mpvue 新手踩坑记(二)
在当前mpvue开发小程序的项目中遇到了无法真机调试的问题,真机调试代码包大于2M无法真机调试?
1.删除无用的图片,或者将图片放到线上,用线上地址访问。
2.分包加载
目前小程序分包大小有以下限制:
- 整个小程序所有分包大小不超过 8M
- 单个分包/主包大小不能超过 2M
升级依赖
npm i mpvue-loader@1.1.4-rc.1 --save
通过在 app.json subpackages
字段声明项目分包结构
{
"pages": ["pages/index", "pages/logs"],
"subpackages": [
{
"root": "packageA",
"pages": ["pages/cat", "pages/dog"]
},
{
"root": "packageB",
"name": "pack2",
"pages": ["pages/apple", "pages/banana"]
}
]
}
我是基于原有项目进行分包的,并且在博客mpvue 新手踩坑记(一)种有提到mpvue路由配置,
至于分包的话需要在src/router/router.js(路由配置文件)文件中添加“root:'路径'”,示例代码如下:
3.如果是基于npm的项目,可以进行打包(npm run build)