使用mpvue小程序—分包

最新推荐文章于 2025-09-30 01:25:12 发布

原创

最新推荐文章于 2025-09-30 01:25:12 发布 · 676 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了在mpvue框架下进行小程序分包的详细步骤，包括不能直接按官方文档创建同级目录，而应将分包目录置于主包pages目录下，并确保正确配置app.json的subpackages字段。注意root字段的路径细节，以及分包内需包含pages目录。分包编译前建议清理dist目录的wx文件夹以避免错误。

官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html
参考官方文档之后知晓要点：
1、根目录同级建立分包目录如：packageA
2、在app.json中通过subpackages字段声明目录结构

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

但是mpvue框架使用之后不成功，报各种错误，寻求方法无果
经多次调试终于找到正确方法：
不可以参考官方文档建立同级目录，分包结构如图：
左：目录结构右：app.json文件