美文网首页
微信小程序使用分包

微信小程序使用分包

作者: 小鹿儿绵绵 | 来源:发表于2020-08-06 17:06 被阅读0次

    小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

    小程序推崇的是轻便,在2017年的时候,小程序发布的压缩包从1M升级到了2M,但是在真实的项目中,还是有可能会超出2M的情况发生,因此我们需要使用分包.

    官方地址:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

    配置方法

    假设支持分包的小程序目录结构如下:

    ├── app.js
    ├── app.json
    ├── app.wxss
    ├── packageA
    ├── packageB
    ├── pages
    │   ├── index
    │   └── logs
    │   └── cat
    │   └── apple
    └── utils
    

    开发者通过在 app.json subpackages 字段声明项目分包结构:

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

    *注意 *:保存后你会发现,cat,apple会自动生成对应的目录,因为分包只需要建一个根目录就行,别的在subpackages种配置

    打包原则

    • 声明 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 内的资源

    相关文章

      网友评论

          本文标题:微信小程序使用分包

          本文链接:https://www.haomeiwen.com/subject/cxhtdktx.html