为什么要分包?因为小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。

Uni-app分包的教程可以参考以下步骤:

  1. 在原应用的pages目录同级目录下创建新的目录,例如命名为package1,根据需要创建更多这样的目录,例如package2package3等。
  2. 将想要包含在分包中的模块复制到新创建的目录中,这些模块原本位于pages目录中。如果需要,可以创建一个pages目录,但不是必须的。
  3. 修改manifest.json文件,增加“optimization”配置,设置“ subPackages `”为true,以开启分包优化。
  4. 修改pages.json文件,在pages.json中添加一个名为“ subPackages ”的数组,其中包含“root”和“pages”两个参数,“root”指定子包的根目录,“pages”指定子包包含的页面。
  5. 访问分包中的页面时,可以通过构建一个URL来完成,该URL由分包的根目录和路径组成,例如,要访问package1中pages目录下的myDaily页面,可以使用以下代码:uni.navigateTo({ url: '/package1/pages/myDaily/index' })
  6. 检查并修改文件路径,确保所有文件都正确地指向了各自的分包目录,没有错误后,可以发布和上传应用。

此外,还可以配置preloadRule来优化速度,特别是在进入小程序的某个页面时,框架会自动预下载可能需要的分包,从而提升进入后续分包页面时的启动速度。