2023-01-06 关于uniapp分包的一些经验

1、配置manifest.json 开启分包优化 打包的时候没有在主包应用到的组件会提醒放到子包内

 "mp-weixin" : {
        "appid" : "",
        "setting" : {
            "urlCheck" : false,
            "es6" : false,
            "postcss" : true,
            "minified" : true
        },
        "usingComponents" : true,
        "uniStatistics" : {
            "enable" : true
        },
        "optimization" : {
            "subPackages" : true
        }
    }

2、配置pages.json

"subPackages": [{
        "root": "page_sub",
        "pages": [
             {
                "path": "binding/index",
                "style": {
                    "navigationBarTitleText": "信息验证"
                }
             }]
}]

image.png

3、可以将所有的图片静态资源放到存储对象或者服务器内

4、可以将uview-ui的组件打包到子包内去

"easycom": {
        "autoscan": true,
        "custom": {
            "^u-(.*)": "@/page_sub/components/u-$1/u-$1.vue" //以此组件命名方式的可以在页面中直接使用不需要引用注册
        }
    }

5、node_modules 内的引入到的包非必要 不要再主包的文件中引用