目前我所了解的包过大解决方案有。
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
?? ??? ??? ??? ?}
?? ??? ??? ?}]
?}]
?
|