uniapp如何防止其他文件被打包到主包中

在使用uniapp开发时，发现构建后的主包体积过大，检查发现一些非必要的资源文件（如图片、JS模块）也被打包进去了。请问如何配置才能确保只有指定的文件被打包到主包中？比如想让部分静态资源或组件按需加载，而不是全部塞进主包。官方文档提到的分包和优化配置具体该怎么操作？

2 回复

在pages.json中配置optimization选项，设置subPackages为true，将非主包页面放入subPackages字段。使用条件编译或动态导入减少主包体积。


在 UniApp 中，可以通过配置 manifest.json 文件中的分包设置，将特定文件或页面划分到分包中，从而防止它们被打包到主包中。以下是具体步骤：

  1. 打开 manifest.json：在项目根目录中找到并编辑此文件。
  2. 配置分包：在 "app-plus" 或 "mp-weixin" 等平台节点下，添加 "optimization" 和 "subPackages" 字段。

示例配置（以微信小程序平台为例）：

{
  "mp-weixin": {
    "optimization": {
      "subPackages": true
    },
    "subPackages": [
      {
        "root": "subpackageA",
        "pages": [
          "pages/page1",
          "pages/page2"
        ]
      }
    ]
  }
}

关键点：

  • root：指定分包根目录，例如 "subpackageA"。
  • pages：列出属于该分包的页面路径，这些页面不会包含在主包中。
  • 确保页面文件位于 root 指定的目录下（如 subpackageA/pages/page1）。

注意事项：

  • 主包默认包含 pages 目录下的页面，以及未在分包中配置的资源。
  • 使用分包可优化主包大小，提升加载速度。

通过以上配置，指定文件将仅打包到对应分包中，避免增加主包体积。

回到顶部