精华内容
下载资源
问答
  • 微信小程序主包和分包区别

    千次阅读 2020-03-26 10:14:13
    pages以内的是分包,每一个文件夹代表一个分包。 subPackages是分包,每一个root都是一个分包 截止于目前,小程序总大小不超过8M,每个不超过2M

    pages以内的是分包,每一个文件夹代表一个分包。

    subPackages是分包,每一个root都是一个分包

    截止于目前,小程序总大小不超过8M,每个包不超过2M

    展开全文
  • 截止于目前,小程序总大小不超过8M,每个不超过2M uni-app开发 pages.json { "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/...

    pages以内的是分包,每一个文件夹代表一个分包。

    subPackages是分包,每一个root都是一个分包

    截止于目前,小程序总大小不超过8M,每个包不超过2M

    uni-app开发

    在这里插入图片描述

    pages.json

    {
    	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
    		{
    			"path": "pages/index/index",
    			"style": {
    				"navigationBarTitleText": "首页",
    				"navigationStyle": "custom",
    				"app-plus": {
    					"scrollIndicator": false //禁用原生导航栏
    				}
    			}
    		}
    	],
    	"subPackages": [
    		{
    			"root": "pages/users",
    			"name": "users",
    			"pages": [{
    					"path": "retrievePassword/index",
    					"style": {
    						"navigationBarTitleText": "忘记密码"
    					}
    				}
    			]
    		},
    		{
    			"root": "pages/store",
    			"name": "store",
    			"pages": [{
    					"path": "home/index",
    					"style": {
    						"navigationStyle": "custom",
    						"navigationBarTitleText": "店铺首页",
    						"navigationBarTextStyle": "#FFFFFF"
    					}
    				}
    			]
    		}
    	],
    	"condition": { //模式配置,仅开发期间生效
    		"current": 0, //当前激活的模式(list 的索引项)
    		"list": [{
    			"name": "", //模式名称
    			"path": "", //启动页面,必选
    			"query": "" //启动参数,在页面的onLoad函数里面得到
    		}]
    	},
    	"sitemapLocation": "sitemap.json"
    }
    
    

    元素小程序开发

    在这里插入图片描述

    app.json

    {
      "pages": [
        "pages/index/index"
      ],
      "subPackages": [
        {
          "root": "pages/users",
          "pages": [
            "retrievePassword/index",
            "user_info/index",
            "user_get_coupon/index",
            "user_goods_collection/index"
          ],
          "name": "users"
        },
        {
          "root": "pages/store",
          "pages": [
            "home/index",
            "detail/index",
            "list/index",
            "settled/index"
          ],
          "name": "store"
        }
      ],
      "permission": {},
      "usingComponents": {},
      "sitemapLocation": "sitemap94.json"
    }
    
    展开全文
  • 主要介绍了微信小程序分包加载代码实现方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 微信小程序 webpack 插件 为什么要使用 webpack 很多前端开发者都使用过 webpack,通过 webpack 开发 JavaScript 项目可以带来很多好处 支持通过 yarn 或 npm 引入使用 node_modules 模块 支持丰富且灵活的 ...
  • 声明subpackages后,将按subpackages配置路径进行打包,subpackages配置路径外的目录将被打包到 app(主包) 中 app(主包)也可以有自己的 pages(即最外层的 pages 字段) subpackage的根目录不能是另外一个...

    打包原则

    • 声明 subpackages 后,将按 subpackages 配置路径进行打包,subpackages 配置路径外的目录将被打包到 app(主包) 中
    • app(主包)也可以有自己的 pages(即最外层的 pages 字段)
    • subpackage 的根目录不能是另外一个 subpackage 内的子目录
    • tabBar 页面必须在 app(主包)内

    引用原则

    • packageA 无法 require packageB JS 文件,但可以 require app、自己 package 内的 JS 文件
    • packageA 无法 import packageB 的 template,但可以 require app、自己 package 内的 template
    • packageA 无法使用 packageB 的资源,但可以使用 app、自己 package 内的资源

    以我的目录结构作为示例: 

    看页面来说有一个登录页面和tabbar页面,这几个页面是要分成主包的,tabBar 页面必须在 app(主包)内

    "pages": [
        "pages/index/index",
        "pages/pay/pay",
        "pages/my/my",
        "pages/login/login"
      ],

    分包使用subpackages字段来设置分包

    我的分包是首页里的小页面(二级目录页面)分成一个分包,支付里的小页面(二级目录页面)分成一个分包,以此类推。root是根路径也是分包名称,彼此之间不可以重复,还有一个分包要注意的一点,静态资源哪个模块的就放哪个包下,不要共享,共享就会变成主包里的资源。像这样就好了:

     "subpackages": [
        {
          "root": "templates/home",
          "pages": [
            "news/news"
          ]
        },
        {
          "root": "templates/pay",
          "pages": [
            "pay-qrcode/pay-qrcode"
          ]
        },
        {
          "root": "templates/my",
          "pages": [
            "my-perdata/perdata"
          ]
        }
      ],

    分包成功:

    分包与主包之间的页面跳转:

    分包跳转到主包(方法很多种,我这里说两种):

    wx.switchTab(Object object)

    跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,路径后不能带参数。

    此方法跳转的页面必须是在tabBar定义过的页面

    wx.switchTab({
      url: '/index'
    })

    wx.reLaunch(Object object)

    关闭所有页面,打开到应用内的某个页面,路径后面可带参数。

    wx.reLaunch({
      url: 'test?id=1'
    })

    主包跳转到分包(方法也很多种,我这只说注意的点):

    跳转的路径要带上分包里配置的root这一级,不然它找不到路径就会报错。

    展开全文
  • 静态资源处理 在分包根目录建一个static,把资源放进这个static pageA --页面1 --页面2 ...... --static

    静态资源处理

    在分包根目录建一个static包,把资源放进这个static包

    pageA
    	--页面1
    	--页面2
    	......
    	--static
    
    展开全文
  • 微信小程序瘦身利器,帮助找到微信小程序中不再使用的图片文件,从而帮助将微信小程序瘦身,因为小程序发布上传有大小限制(2M)。虽然可以通过分包,但不用的图片还是占用用户下载时间的,清除掉肯定会好些。
  • 1、优化代码,删除无用代码 2、(静态资源压缩)图片压缩或上传服务器
  • 有时候我们的小程序太大,首次打开小程序的时候回比较慢,这个时候我们可以试试分包操作。分包可以让用户在操作小程序的时候按需下载资源(用户在进入某些页面的时候才去下载相应的资源,可以加快小程序的速度,优化...
  • 分包功能出来之前,小程序代码体积不能超过2M,无法满足部分业务需求,尤其是图片较多的商城类小程序,经过微信小程序版本的迭代,分包加载应运而生 一、为什么要分包? 小程序要求压缩包体积不能大于2M,否则...
  • 微信小程序分包加载设置

    千次阅读 2019-12-03 18:06:02
    微信小程序分包限制为: 主包或者单个分包最大为2M 整体小程序所有包最大为8M 为什么需要设置分包? 小程序项目中,有多种角色(公共页面很少),设置分包加载方便管理 整个小程序压缩后代码大小超过2M,只能将小...
  • 微信小程序分包详细讲解以及进阶使用简短教程
  • 微信小程序分包问题

    2020-07-23 13:58:27
    官网地址: 微信小程序分包 在项目达到一定的程度下,一定会使用分包的。因为小程序默认主包大小只能是 2M ,所以必须使用分包技术。 目前小程序分包大小有以下限制: 1.整个小程序所有分包大小不超过 16M 2.单个分包...
  • 分包以及分包加载 { //这是主包 "pages":[ ... "root":"shoppages" // 分包路径 是否与主包同级(当前同级) "name":"shoppages" //给分包添加标识,用于预加载使用 "pages":[ //不设置预加载的时
  • 微信小程序分包

    2020-03-25 17:04:11
    一般的,一个微信小程序要求是不超出2M大小,使用分包可以超出这个限制,比如当我们的小程序有比较多的静态资源,比如图片什么的时候,功能比较多的时候 使用分包可以帮助我们解决这个问题 分包 注意点: 分包分为...
  • 微信小程序分包跳转主包页面

    千次阅读 2019-02-28 21:13:00
    由于公司项目比较多,我们事业部的微信小程序就在一个分包里。那分包页面要回到主包的首页,该怎么跳转呢,有以下两种方法 wx.switchTab(Object object) 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,路径...
  • 主包的页面中使用先要在page,json中对应的页面中style中配置对应平台的usingComponents或usingSwanComponents 2、在分包中加载使用:在page.json中的subPackages中声明 注意: 仅能在这个分包内使用该插件; 同...
  • 微信小程序资源分包

    千次阅读 2019-05-21 13:15:16
    微信小程序是不需要下载就可以用的程序,它的资源都是放在微信的服务器上的,有开发经验的人都知道要发布一个小程序的时候,是要把你本地的资源上传到微信的,上传的时候,微信有个限制,就是开发不能大于2m,如果...
  • 微信小程序连接蓝牙并分包发送接收数据初始化蓝牙初始化蓝牙设备搜索蓝牙设备连接蓝牙设备获取蓝牙设备所有service(支持读写的)向蓝牙发送数据断开蓝牙停止搜索蓝牙转16进制ArrayBuffer转16进度字符串示例总结 ...
  • 1、使用webpackChain将echar文件打包到分包中,其中name值packageB/echartChunkName必须设置为分包路径,否则默认会被打包到包中 webpackChain(chain) { chain.merge({ optimization: { splitChunks: { ...
  • TensorFlow.js 微信小程序插件 是谷歌开发的机器学习开源项目,致力于为javascript提供具有硬件加速的机器学习模型训练部署。 TensorFlow.js 微信小程序插件封装了TensorFlow.js库,用于提供给第三方小程序调用。 ...
  • 微信官方文档对自定义 tabBar 的阐述较为潦草,在开发自定义 tabBar 过程中我踩了很多坑,因此在此处做个总结。 我使用 Vant Weapp 作为 UI 组件库,下面以此组件库为例。 定义 tabBar 创建自定义 tabBar 文件 创建...
  • 而每个分包相当于有自己的“作用域”,自己的资源,只能用自己的或者使用主包的,但不能使用其他子包的资源。 可以把你写的这个页面放在用的比较多的分包里面。这样这个页面可以使用自己分包和主包里面得内容。实在...
  • 微信小程序的路由以及分包的使用

    千次阅读 2019-05-14 13:16:19
    微信小程序页面跳转(路由) 组件:navigator 以组件的形式嵌套在页面内,实现跳转,类似于HTML中的a标签。常见的属性: target:在哪个目标上发生跳转,属性值为self,默认值,在当前小程序内部跳转;miniProgram...
  • 关于 微信小程序蓝牙 分包发送 及 多发送 不返回问题   关于分包发送 20字节分包微信小程序支持多于20字节发送。但是低功耗蓝牙传输可能会有问题,建议分包发送   for (var i = 0;i<e.length;i+=...
  • 4.进入小程序开发工具,选择左上角 工具->构建npm 完成之后项目里会多出依赖 5.点击右上角详情并勾选使用npm模块。 6.选择要在哪个pages里使用该组件 这里以pages下的movie举例,写一个简单的按钮。 如图...
  • 主要介绍了微信小程序官方动态自定义底部tabBar的例子,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 微信小程序----分包

    千次阅读 2018-09-13 14:56:19
    一,为什么要使用分包 ...单个分包/主包大小不能超过 2M 从1M到8M,变化的不只是小程序的代码体积,更是小对程序的打开速度产生极大的影响。1M的时候小程序可以做到秒开,如果8M还能这么灵活轻便吗??...
  • 4.即使小程序有N个分包也能反编译,工具里自带典型小程序 5.获取 wxapkg 请百度,通用的做法是:安装 夜神模拟器 -> 安装微信 -> 打开小程序 -> 打开文件管理器(自带) -> 进入目录:/data/data/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,597
精华内容 1,438
关键字:

微信小程序主包和分包

微信小程序 订阅