微信小程序主包与分包的控制大小

为了让用户有更好的体验，小程序于是限制包的大小为2M，在开发中，我们经常会出现内容过大的问题，于是要进行包的大小控制，分包就是一个很好的方式，小程序分包的好处，分包及将代码进新分块，有点微服务的概念，

1、为什么要分包？

为了让用户有更好的体验，小程序于是限制包的大小为2M
在开发中，我们经常会出现内容过大的问题，于是要进行分包控制包的大小

2、分包的好处

其实分包就是就是把程序打包成两个包，用户默认进入的是主包我们只要控制小程序的主的大小在2M以内就可以了
不同的分包的之间的功能相对独立，便于管理和访问

3、实践分包

这是官方的小程序官方分包链接主要分以下几个步骤

3.1 使用 subpackages 关键字配置目录结构

使用关键字配置分包

{"pages":["pages/index","pages/logs"],"subpackages": [{"root": "packageA","pages": ["pages/cat","pages/dog"]}, {"root": "packageB","name": "pack2","pages": ["pages/apple","pages/banana"]}]
}

3.2 使用原则

一、不同的分包如：分包A 不要去使用分包B里的资源或者文件，因为加载顺序的话，先主包再分包。根据访问的东西去加载对应的分包资源，不利于管理，且不利于访问性能性能
二、因为访问原理的原因，我们的菜单栏公共样式应该放到主包，因为菜单栏是必要的展示的，公共样式是每个分包的都需要的东西

3.3 如果使用了webpack 打包工具则需要修改打包配置

需要在webpack.base.conf 打包配置里的getEntry函数里进行配置

glob.sync(rootSrc + ‘/分包名/**/main.js’)
.forEach(file => {
var key = relative(rootSrc, file).replace(‘.js’, ‘’);
map[key] = file;
});

这样打包完在dist下会有一个文件夹是自己分包文件夹

微信小程序主包与分包的控制小程序大小相关推荐

微信小程序主包超2M打包发布成功等相关配置
期望通过每一次分享,让技术的门槛变低,落地更容易. -- around 背景作者公司开发了一个小程序,经过几个版本的迭代,大小超过了2M,研发主要使用的组件是uni-app,前面几个版本包大了我们添 ...
三菱，FX3U，plc程序模板和触摸屏程序模板，适用于运动轴控制，程序可以在自动的时候暂停进行手动控制
三菱,FX3U,plc程序模板和触摸屏程序模板,适用于运动轴控制,程序可以在自动的时候暂停进行手动控制,适用于一些中大型设备,可以防止某个气缸超时时,处于自动模式,能够轻松处理,处理完成后,恢复原来的 ...
解决微信小程序主包太大问题
造成主包大的原因静态图片公共文件引入主包各个文件,重复引入第三方包 npm 代码复用性低目前就是我知道的原因解决上面的问题就可以解决主包超过2m
微信小程序分包和主包
微信小程序主包和分包之间的引用关系一.什么是分包为什么要分包分包后项目的构成分包的加载规则分包的体积限制二.普通分包 1. 配置普通分包 2.打包原则 3. 普通分包以及主包之间引用原则 ...
微信小程序——使用npm包、分包
使用npm包支持与限制不支持依赖于 Node.js 内置库的包不支持依赖于浏览器内置对象的包不支持依赖于 C++ 插件的包 vant weapp 安装初始化文件 npm init -y np ...
微信小程序抓包反编译保姆级教程
文章目录 1.基本采集流程 2.采集流程 2.1 抓包 2.1.1 抓包背景介绍 2.1.2 使用工具 2.1.3 具体抓包流程 2.2 wxapkg包获取 2.2.1 wxapkg包获取背景介绍 2 ...
微信小程序抓包方法汇总
前言 ios端和mac用户可以忽略以下内容,本文针对于windows端和android端的微信无法抓取小程序数据包提出相关解决方案. 分析 Android7. 0及以上的系统中,每个应用可以定义自己的 ...
微信小程序--代码包压缩策略
微信小程序自推出以来,逐渐发展,目前正受到越来越多的青睐.其中很重要的一点得益于小程序的轻量级特性,每个小程序最多不超过2MB,招之即来挥之即去,相比于几十上百兆的APP,用户进入小程序,或者说,小程 ...
小程序 foreach_【第2106期】小程序依赖分析实践
前言这种可视化分析图还是很直观的,很有趣.今日早读文章由自然醒授权分享. 正文从这开始~~ 用过 webpack 的同学肯定知道 webpack-bundle-analyzer ,可以用来分析当前项 ...

微信小程序主包与分包的控制小程序大小

微信小程序主包与分包的控制大小

1、为什么要分包？

2、分包的好处

3、实践分包

3.1 使用 subpackages 关键字配置目录结构

3.2 使用原则

3.3 如果使用了webpack 打包工具则需要修改打包配置

微信小程序主包与分包的控制小程序大小相关推荐

最新文章

热门文章

微信小程序 主包与分包的控制小程序大小

微信小程序 主包与分包的控制大小

1、为什么要分包？

2、分包的好处

3、实践分包

3.1 使用 subpackages 关键字配置目录结构

3.2 使用原则

3.3 如果使用了webpack 打包工具则需要修改打包配置

微信小程序 主包与分包的控制小程序大小相关推荐

最新文章

热门文章

微信小程序主包与分包的控制小程序大小

微信小程序主包与分包的控制大小

微信小程序主包与分包的控制小程序大小相关推荐