明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
随笔 - 1277, 文章 - 0, 评论 - 214, 阅读 - 321万
  博客园  :: 首页  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

uniapp如何分包 & 分包配置后无法读取static文件夹

Posted on   且行且思  阅读(1022)  评论(0编辑  收藏  举报
1. 为什么会使用uniapp分包?

    最近因为使用uniapp做小程序,所以后面在程序发布预览时,经常出现:微信小程序Error系统错误,source size 2126KB exceed max limit 2MB等问题;
    …
    而我最初的解决方案是使用压缩工具的;
    …
    但是在后来随着文件图片增多,这种方案的弊端就很明显了;
    …
    故而,就想到了 分包。

2. 分包文件目录配置结构:
复制代码
┌─pages     //  根文件         
│  ├─index 
│  │  └─index.vue  
│  ├─mine 
│  │  └─mine.vue   
│  ├─home
│  │  └─home.vue     
│  └─login
│     └─login.vue   
│  
├─packagePages   // 包 - 即就是你提取出来的页面及数据
│  ├─static   // 当前包所依赖的资源
│  └─pages  // 当前包的页面文件
│  ├─index 
│  │  └─index.vue  
│  ├─other 
│  │  └─other.vue   
│ 
├─pagesB    // 可以分多个包文件
│  ├─static
│  └─detail
│     └─detail.vue  
│ 
├─static         // 项目的主资源文件夹    
├─main.js       // 下面的就不说了
├─App.vue          
├─manifest.json  
└─pages.json 
复制代码

3. pages 配置详解:

复制代码
// pages.json
{
"pages":[{ // 与默认配置一致
            "path": "pages/index",
            "style": {
                "navigationStyle": "custom"
            }
        }],
"subPackages":[{
        "root": "packagePages", // 当前包的根目录文件
        "pages":[{  // 当前包的页面配置
            "path": "pages/index",
        }]
}],
"preloadRule": {
        "packagePages/index/index": {// 分包中的主目录
            "network": "all",// 默认all,即适用所有网络
            "packages": ["__APP__"]// 进入packagePages/index/index后,加载整个项目
        }
    },
}
复制代码

已知问题:分包配置后无法读取static文件夹

如果你发现你分包后,在包文件下找不到 static ,那么你可能是将static文件配置错了。

 

解决方法:

static 在配置文件 packagePages 下,

所以,你这里的 root 根文件名 必须 和 packagePages一致

 

相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2006-09-27 Visual C#中,如何创建、调用Windows服务?
点击右上角即可分享
微信分享提示