189 8069 5689

创新互联百度小程序教程：独立分包

  • 独立分包
    • 配置方法

    独立分包

    基础库 3.60.2 及以上版本开始支持。开发者工具请使用 2.2.9 及以上版本，可点此下载

    创新互联是一家集网站建设,平武企业网站建设,平武品牌网站建设,网站定制,平武网站建设报价,网络营销,网络优化,平武网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

    • 独立分包是小程序中一种特殊类型的分包，可以独立于主包和其他分包运行。从独立分包中页面进入小程序时，不需要下载主包。当用户进入普通分包或主包内页面时，主包才会被下载。

    • 开发者可以按需将某些具有一定功能独立性的页面配置到独立分包中。当小程序从普通的分包页面启动时，需要首先下载主包；而独立分包不依赖主包即可运行，可以很大程度上提升分包页面的启动速度。

    • 一个小程序中可以有多个独立分包。

    TIPS：

    1. 小游戏不支持独立分包。
    2. 目前暂不支持在独立分包中使用动态库。

    配置方法

    假设小程序目录结构如下：

     
 
 
      
  
  
  
    1. ├── app.js
      2. 
  
  
  
    2. ├── app.json
      3. 
  
  
  
    3. ├── app.css
      4. 
  
  
  
    4. ├── moduleA
      5. 
  
  
  
    5. │ └── pages
      6. 
  
  
  
    6. │ ├── history
      7. 
  
  
  
    7. │ └── search
      8. 
  
  
  
    8. ├── moduleB
      9. 
  
  
  
    9. │ └── pages
      10. 
  
  
  
    10. │ ├── counter
      11. 
  
  
  
    11. │ └── goods
      12. 
  
  
  
    12. ├── pages
      13. 
  
  
  
    13. │ ├── index
      14. 
  
  
  
    14. │ └── logs
      15. 
  
  
  
    15. └── utils
      16.

    开发者通过在app.json的subPackages字段中对应的分包配置项中定义independent字段声明对应分包为独立分包。

     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "pages": [
      3. 
  
  
  
    3.  "pages/index",
      4. 
  
  
  
    4.  "pages/logs"
      5. 
  
  
  
    5.  ],
      6. 
  
  
  
    6.  "subPackages": [
      7. 
  
  
  
    7.  {
      8. 
  
  
  
    8.  "root": "moduleA",
      9. 
  
  
  
    9.  "pages": [
      10. 
  
  
  
    10.  "pages/history",
      11. 
  
  
  
    11.  "pages/search"
      12. 
  
  
  
    12.  ]
      13. 
  
  
  
    13.  },
      14. 
  
  
  
    14.  {
      15. 
  
  
  
    15.  "root": "moduleB",
      16. 
  
  
  
    16.  "pages": [
      17. 
  
  
  
    17.  "pages/counter",
      18. 
  
  
  
    18.  "pages/goods"
      19. 
  
  
  
    19.  ],
      20. 
  
  
  
    20.  "independent": true
      21. 
  
  
  
    21.  }
      22. 
  
  
  
    22.  ]
      23. 
  
  
  
    23. }
      24.

    限制

    独立分包属于分包的一种。普通分包的所有限制都对独立分包有效。独立分包中自定义组件的处理方式同普通分包。

    此外，使用独立分包时要注意：

    • 独立分包中不能依赖主包和其他分包中的内容，包括 js 文件、template、css、自定义组件等。主包中的app.css对独立分包无效，应避免在独立分包页面中使用app.css中的样式；
    • App 只能在主包内定义，独立分包中不能定义 App，会造成无法预期的行为。

    注意事项

    （1）关于 getApp

    与普通分包不同，独立分包运行时，App并不一定被注册，因此getApp也不一定可以获得App对象：

    • 当用户从独立分包页面启动小程序时，主包是不存在的，那么App也不存在，此时调用getApp获取到的是undefined。 当用户进入普通分包或主包内页面时，主包才会被下载，App才会被注册；
    • 当用户是从普通分包或主包内页面跳转到独立分包页面时，主包已经存在，此时调用 getApp 可以获取到真正的 App 实例。
      由于这一限制，开发者无法通过App方法实现独立分包和小程序其它部分的全局变量共享。

    为了在独立分包中满足这一需求，基础库3.60.2版本开始getApp支持[allowDefault]参数，在App未定义时返回一个默认实现。当主包加载，App被注册时，默认实现中定义的属性会被覆盖合并到真正的App中。

    代码示例

    • 独立分包中
     
 
 
      
  
  
  
    1. // {}
      2. 
  
  
  
    2. const app = getApp({allowDefault: true}); 
      3. 
  
  
  
    3. app.data = 456;
      4. 
  
  
  
    4. app.global = {};
      5.
    • app.js 中
     
 
 
      
  
  
  
    1. App({
      2. 
  
  
  
    2.  data: 123,
      3. 
  
  
  
    3.  from: 'swan'
      4. 
  
  
  
    4. });
      5. 
  
  
  
    5. // {global: {}, data: 456, from: 'swan'}
      6. 
  
  
  
    6. console.log(getApp());
      7.

    （2）关于 App 生命周期

    当从独立分包启动小程序时，主包中 App 的onLaunch和首次onShow会在从独立分包页面首次进入主包或其他普通分包页面时调用；
    由于独立分包中无法定义 App，小程序生命周期的监听可以使用swan.onAppShow，swan.onAppHide完成。App 上的其它事件可以使用swan.onError，swan.onPageNotFound监听。

    低版本兼容：

    • 在低于3.60.2的基础库版本运行时，独立分包视为普通分包处理，不具备独立运行的特性；
    • 在兼容模式下，主包中的 app.css 可能会对独立分包中的页面产生影响，因此应避免在独立分包页面中使用 app.css 中的样式。

    分享名称：创新互联百度小程序教程：独立分包
    本文地址：http://cdxtjz.cn/article/djjspde.html

    其他资讯