uniapp开发小程序,包过大解决方案
目前我所了解的包过大解决方案有。1、小程序用字体图标,不引入静态图片。大部分都要后台转成动态图片渲染2、利用分包,在项目开始做前就要思考哪些用作分包,免得后期更改麻烦"mp-weixin": {"optimization":{"subPackages":true}}优化分包:在对应平台的配置(manifest.json)下添加"optimization":{"subPackages":true}开
目前我所了解的包过大解决方案有。
1、小程序用字体图标,不引入静态图片。大部分都要后台转成动态图片渲染
2、利用分包,在项目开始做前就要思考哪些用作分包,免得后期更改麻烦
分包步骤:
1.配置manifest.json
"mp-weixin": {
"optimization":{"subPackages":true}
}
优化分包:
在对应平台的配置(manifest.json)下添加"optimization":{"subPackages":true}开启分包优化
目前只支持mp-weixin、mp-qq、mp-baidu的分包优化
静态文件:分包下支持 static 等静态资源拷贝,即分包目录内放置的静态资源不会被打包到主包中,也不可在主包中使用
js文件:当某个 js 仅被一个分包引用时,该 js 会被打包到该分包内,否则仍打到主包(即被主包引用,或被超过 1 个分包引用)
自定义组件:若某个自定义组件仅被一个分包引用时,且未放入到分包内,编译时会输出提示信息
2.配置pages.json
在pages.json中新建数组"subPackages",数组中包含两个参数:1.root:为子包的根目录,2.pages:子包由哪些页面组成,参数同pages;
注意:主包和分包是不能再同一目录下,在构建uniapp项目时,可以考虑一下目录结构,以便后期进行分包;
"subPackages": [{
"root": "orderPackages",
"pages": [{
"path": "grzl/name",
"style": {
"navigationBarTitleText": "名字设置",
"enablePullDownRefresh": false
}
}]
}]
更多推荐
所有评论(0)