uniapp分包预加载

最新推荐文章于 2025-04-30 11:31:18 发布

莫及雨

最新推荐文章于 2025-04-30 11:31:18 发布

阅读量1.2k

点赞数 1

分类专栏： uni-app bug解决方案项目文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/weixin_46806380/article/details/127406062

版权

项目同时被 3 个专栏收录

6 篇文章

订阅专栏

bug解决方案

5 篇文章

订阅专栏

uni-app

2 篇文章

订阅专栏

本文详细介绍了uniapp中如何实现分包并进行预加载。首先在pages.json的主包配置页面路径，接着创建subpck子包目录，并在pages.json中配置子包信息。最后，配置预下载规则，确保'pages/my/my'页面在网络所有状态下预加载'subpck/my'分包。通过这样的步骤，成功完成了uniapp的分包预加载设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp实现分包预加载

pages.json中主包：

"pages": [
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "",
				"enablePullDownRefresh": false
			  }
		}
	    ,{
            "path" : "pages/alarm/alarm",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false
            }
            
        }
        ,{
            "path" : "pages/my/my",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false
            }
            
        }
    ],

在pages文件夹同级目录下新建subpck存放分包
在这里插入图片描述
然后在pages.json中配置subPackages

代码：

"subPackages": [
		{
			"root": "subpck/my",
			"pages": [
				{
					"path": "personal",
					"style": {
						"navigationBarTitleText": "",
						"enablePullDownRefresh": false
					}
				}
			]
		}
],

最后：配置预下载分包

"preloadRule": {
		"pages/my/my": {
			"network": "all",
			"packages": [
				"subpck/my"
			]
		}
},

在这里插入图片描述
至此，完成分包加载！
~~写博不容易，如果觉得对你有帮助，点赞支持一下！

友情链接：解决“uniapp 分包 [获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取”