请问微信小程序分包后,分包里结构是怎样的?主要是主包里的组件怎么移动到分包里去?怎么配置?

如题:分包已经成功了,但是之前写在主包里的组件怎么移动到分包里去?怎么配置?
网上也没有搜到答案。
请问这个uni modules该怎么优化?但是每一个基本都是在用的,哎
image.png

阅读 2.7k
2 个回答

分包里的结构与主包类似,分包中可以包含页面、组件、图片、样式等资源文件。分包的文件结构应该与主包的文件结构保持一致,分包的根目录名字也必须和分包名字一致。

要将主包中的组件移动到分包中,需要进行以下配置:

1、在项目根目录下的 app.json 文件中,使用 subpackages 字段配置分包信息,例如:

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "subpackages": [
    {
      "name": "subpackage1",
      "root": "pages/subpackage1/",
      "pages": [
        "pageA",
        "pageB"
      ]
    }
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  }
}

在上面的示例中,使用了 subpackages 字段配置了一个名为 subpackage1 的分包,包含了位于 pages/subpackage1/ 目录下的 pageA 和 pageB 页面。

2、在主包中需要移动到分包中的组件所在页面的 .json 文件中,使用 usingComponents 字段引用组件,例如:

{
  "usingComponents": {
    "custom-component": "/subpackage1/components/custom-component/index"
  }
}

在上面的示例中,使用 usingComponents 字段引用了一个名为 custom-component 的自定义组件,路径为 /subpackage1/components/custom-component/index,表示该组件位于 subpackage1 分包中的 components/custom-component/ 目录下。

3、将需要移动到分包中的组件文件复制到分包中对应的目录下。

在以上配置完成后,主包中的组件将被移动到分包中,应用程序将在运行时自动加载分包中的组件和页面。

组件使用按需引入的方式进行引入,是会单独分包的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题