首页 > 其他分享 >uniapp如何分包 & 分包配置后无法读取static文件夹

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

时间:2022-09-27 17:23:24浏览次数:78  
标签:uniapp vue index static 分包 packagePages pages

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一致

 

标签:uniapp,vue,index,static,分包,packagePages,pages
From: https://www.cnblogs.com/Fooo/p/16735275.html

相关文章

  • 2022-09-27 uniapp项目中iconfont阿里云图标不显示
    前言:uniapp项目中iconfont阿里云图标不显示,运行到浏览器能显示,打包到真机(Android)和模拟器(Android)上能显示,ios不能显示,打包h5不能显示(ios和android和浏览器不能显示)原......
  • 讲解static
    static表示“全局”或者“静态”的意思,用来修饰成员变量和成员方法,也可以形成静态static代码块,但是Java语言中没有全局变量的概念。 被static修饰的成员变量和成员方法独......
  • java 面向对象 --static
    java面向对象--staticpackagecharpter5.Demo09;//staticpublicclassStudent{  privatestatic intage; //静态的变量  privatedouble score;  ......
  • static 用法总结
    static可以修饰静态成员 1.静态变量:classStudent{staticStringId;}publicclassDemo{publicstaticvoidmain(String[]args){......
  • static constexpr遇到的undefined 问题
    classSolution{staticconstexprintcheck[10]={0,0,1,-1,-1,1,1,-1,0,1};public:introtatedDigits(intn){intans=0;f......
  • java语言中关于static的作用以及说明
    1,。static修饰的成员变量和方法从属于类。并且静态方法不能用非静态成员,否则编译会出现错误。2.静态变量和实例变量的区别   静态变量:        1.......
  • static静态变量的理解
    静态变量类型说明符是static。静态变量属于静态存储方式,其存储空间为内存中的静态数据区(在静态存储区内分配存储单元),该区域中的数据在整个程序的运行期间一直占用这些存......
  • 子方法static去掉的报错(求平方数的静方法)的原因
     当去掉static时变为了非静态方法,需要在主函数中new一个新对象才能进行调用,不然无法进行调用,添加SquareIntSq=newSquareInt();result=Sq.square(x);来进行调用。......
  • 静态static
    static是静态的意思,在程序中,可以直接通过类名进行访问,不需要创建对象。而且每一个对象都能调用该静态方法。并且,静态方法里面调用的,也应该是静态类型。并且不会因为对象的......
  • uniapp 卡片布局
    使用uview框架<viewclass=""><u-rowgutter="4"align="top"><blockv-for="item,indexin5":key="index">......