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

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

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

    "mp-weixin" : {
        // 开启分包优化配置
        "optimization" : {  
            "subPackages" : true
        },
    },
    
  2. 开始新建项目目录,新建一个跟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": ""
                        ...
                    }
                },
                ...
             ]
        }
    ]
    

    注: 在subPackages中书写的页面路径就不能在pages中书写了

  3. 最后去页面把需要跳转的链接路径替换掉即可

  4. 如果可用就可以把第二步中的分包复制之前的文件夹删除就可以了,如果不可用仔细检查上述步骤是否有错误,若还是不行,可私信联系我

你可能感兴趣的:(微信小程序,uni-app,前端,小程序,javascript)