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


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

    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项目时,可以考虑一下目录结构,以便后期进行分包;

    1. "subPackages": [{
    2.         "root": "orderPackages",
    3.         "pages": [{
    4.                 "path": "grzl/name",
    5.                 "style": {
    6.                     "navigationBarTitleText": "名字设置",
    7.                     "enablePullDownRefresh": false
    8.                 }
    9.             }]
    10.  }]

     

  • 相关阅读:
    Redis 分布式锁
    小林图解系统-二.硬件结构 2.6什么是软中断?
    Spring-web-Mvc
    Flink SQL Hudi 实战
    AI 加持的云端 IDE——三种方法高效开发前后端聊天交互功能
    微服务架构最佳实践:故障恢复和容错策略
    常见的安全设备详解
    Linux提升篇-正则表达式
    JavaSE阶段常见面试题(二)
    智能指针梳理
  • 原文地址:https://blog.csdn.net/baidu_41899377/article/details/125167152