uniapp公共组件如何分包详细步骤

Uniapp 中，公共组件可以通过分包来进行优化，下面是详细的步骤：

1. 在 uniapp 项目的根目录下创建一个名为 subPackages 的文件夹。

2. 在 subPackages 文件夹中创建一个名为 common 的文件夹，用于存放公共组件。

3. 在 common 文件夹中创建一个名为 package.json 的文件，用于配置公共组件的分包信息，内容如下：

{
  "name": "common",
  "root": "path/to/common",
  "pages": [
    {
      "path": "index",
      "style": {
        "navigationBarTitleText": "公共组件"
      }
    }
  ]
}

其中，name 表示分包的名称，root 表示分包的根目录，pages 表示分包中包含的页面信息，这里只有一个名为 index 的页面。

4. 在 uniapp 项目的 pages.json 文件中，将 common 分包的信息添加到 subPackages 数组中，如下所示：

{
  "subPackages": [
    {
      "root": "subPackages/common",
      "name": "common"
    }
  ]
}

其中，root 表示分包的根目录，name 表示分包的名称。

5. 在需要使用公共组件的页面中，通过 usingComponents 属性引入公共组件，如下所示：

{
  "usingComponents": {
    "my-component": "/subPackages/common/components/my-component"
  }
}

其中，my-component 表示公共组件的名称，/subPackages/common/components/my-component 表示公共组件的路径。

通过以上步骤，就可以将公共组件进行分包优化了。