uniapp开发微信小程序禁止分包代码打包到主包中

uniapp 微信小程序 分包

1，做好分包

注意，写在”tabBar”中的路由只能加到主包中，其他页面推荐放到分包中，并且单个包不能大于2mb

分包如下：

修改pages.json

实例：

"subPackages": [{
    "root": "pagesB",  //文件夹名称，  根目录创建pagesB文件夹
    "pages": [
        {
             "path" : "line_otem_detail/line_otem_detail", //不需要添加前缀/pagesB
             "style" : {
                "navigationBarTitleText": "确认订单"
             }
       },
    ]
}],

避免主包引用分包内容：
确保主包中不直接引用分包的组件、页面或模块。

分包中的页面加载静态资源，需要放在根目录下，例如：

图片引入路径

<image src="/pages/sub/static/circuitCourt/mediationImage.png"></image>

2，勾选“运行时是否压缩代码”

勾选之后，再去点击“运行”–“运行到小程序模拟器”–“微信开发者工具”编译代码

3，编辑manifest.json

"mp-weixin": {
        "appid": "wxb89d3xxxx",
        "setting": {
            "urlCheck": true,
            "minified": true,
            "es6": true
        },
        "usingComponents": true,
        "optimization": {
            "subPackages": true  //重点加这个
        },
        "permission": {
            "scope.userLocation": {
                "desc": "获取用户位置信息"
            }
        },
        "requiredPrivateInfos": ["chooseLocation", "getLocation"],
        "lazyCodeLoading": "requiredComponents"
},

4，预加载

"preloadRule": {
        "pages/index/index": {  //进入首页，加载B包数据，不建议放在首页，首页加载慢
            "network": "all",
            "packages": ["pagesB"]  //也可以加载指定页面"packages": ["pages/account"]
        } 
},

5，考虑使用条件编译

6，静态资源使用cdn或者压缩

7，static 目录中的所有内容（包括图片）都会被编译到主包中，无论这些资源是否被使用，所以

必要的、多页面复用的才放入到static目录中这样避免整包过大，将仅仅一个页面使用的放在自己所以在目录下，这样避免主包过大。