uniapp编译微信小程序主包过大无法上传进行分包优化步骤-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp编译微信小程序主包过大无法上传进行分包优化步骤。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uniapp编译微信小程序主包过大无法上传进行分包优化步骤：

首先是在uniapp项目中的manifest.json文件中找到源码视图，进去之后在微信小程序相关mp-weixin之下进行开启分包优化的相关配置：
```
"mp-weixin" : {
    // 开启分包优化配置
    "optimization" : {  
        "subPackages" : true
    },
},
```

开始新建项目目录，新建一个跟pages同等级的文件夹，然后把想要分包的文件先复制一份到新建的目录下，然后开始在pages.json中进行配置

在pages.json中添加subPackages分包加载配置，此配置为小程序的分包加载机制。subPackages节点接收一个数组，数组每一项都是应用的子包，

它有两个属性，分别是：

属性名称	是否为必填项	属性的描述
root	是	子包的根目录
pages	是	子包由哪些页面组成，是数组，跟pages写法一样

写法示例代码：

"subPackages": [   // 跟pages同级
    {  
        "root": "创建的跟pages同等级的文件夹名称",  
        "pages": [
            {
                "path": "分包中页面路径等",
                "style": {  
                    "navigationBarTitleText": ""
                    ...
                }
            },
            {
                "path": "分包中页面路径等",
                "style": {  
                    "navigationBarTitleText": ""
                    ...
                }
            },
            ...
         ]
    },
    {  
        "root": "创建的跟pages同等级的文件夹名称",  
        "pages": [
            {
                "path": "分包中页面路径等",
                "style": {  
                    "navigationBarTitleText": ""
                    ...
                }
            },
            {
                "path": "分包中页面路径等",
                "style": {  
                    "navigationBarTitleText": ""
                    ...
                }
            },
            ...
         ]
    }
]