学无先后,达者为师

网站首页 编程语言 正文

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

作者:文仔酱酱酱 更新时间: 2023-07-24 编程语言

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

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
                }

            }]
 }]

 

原文链接:https://blog.csdn.net/baidu_41899377/article/details/125167152

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新