微信小程序主包与分包的控制小程序大小-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序主包与分包的控制小程序大小。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

为了让用户有更好的体验，小程序于是限制包的大小为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下会有一个文件夹是自己分包文件夹文章来源地址https://www.toymoban.com/news/detail-597765.html