uniapp开发小程序，包过大解决方案-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp开发小程序，包过大解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

目前我所了解的包过大解决方案有。

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
                }

            }]
 }]

uniapp开发小程序，包过大解决方案