uniapp页面分包

作者: 熊啊熊c | 来源:发表于2021-06-12 15:54 被阅读0次

在多人协作使用uniapp开发时候,同时在一个page.json下进行操作很容易出现冲突,当页面过多时还有可能因为主包体积过大而导致小程序无法打包,所以对路由进行分包和模块化管理可在一定程度上提高开发效率。

修改目录结构

  1. 在pages下新建目录packageA,将分包目录全部放到packageA中,主包只用来存放tabbar页面


    原来的目录结构
    修改后的目录
  2. 修改page.json文件

  • 主包只存放底部栏所需要的页面


    主包目录
  • page.json中添加subPackagesz字段,分包中最后的路由相当于root+path的结果


    分包结构
  1. 修改后会因为目录修改问题导致找不到某些文件的问题,根据报错修改路即可

相关文章

  • uniapp页面分包

    在多人协作使用uniapp开发时候,同时在一个page.json下进行操作很容易出现冲突,当页面过多时还有可能因为...

  • uniapp分包图片使用方法

    原始uniapp不能将分包页面的静态资源编译到dist下对应的目录,可以使用copy-webpack-plugin...

  • uniapp 分包

    近期遇到uniapp 微信小程序无法真机调试问题,提示包过大,无法编译通过。找到了其中一个解决办法:分包。能减小包...

  • uniapp 项目分包

    最近在使用uniapp开发微信小程序,随着项目需求的增加,代码包也越来越大,所以不可避免的要进行分包,特此记录下分...

  • 微信小程序优化探索

    一、启动性能优化: 1、启用分包加载,降低代码包下载耗时; 分包预加载,跳转到分包页面时需要下载分包才能进入页面,...

  • 小程序整理篇(持续更新)

    一、分包加载问题 !!!!!TAB页面不能打包在分包页面 1、建立分包目录结构,我这里是将所有分包集合到一个位置,...

  • uniapp页面滚动到页面可指定位置

    uniapp页面滚动到页面可指定位置

  • uni-app项目中的页面跳转方式

    uniapp页面跳转 官方详情介绍[https://uniapp.dcloud.io/component/navi...

  • 2021-02-04 uniapp的学习思路,对比dom进行结

    uniapp框架的结构 说到底,uniapp还是单页面应用。因此,uniapp的框架分析,离不开单页的分析。在PC...

  • HBuilder X打包小程序--分包

    uniapp代码写的app项目,要分包改为小程序,需要哪些改动? 1、找到manifest.json文件,在app...

网友评论

    本文标题:uniapp页面分包

    本文链接:https://www.haomeiwen.com/subject/rhkieltx.html