【uniapp】小程序端解决分包的uni_modules打包后产物进入主包中的问题

配置

分包优化

需要在 mainfest.json 指定小程序节点下添加如下配置,例如:

json 复制代码
{
  "mp-weixin": {
         "optimization": {
            "subPackages": true
          },
        "usingComponents": true
  }
}

主包分包的 uni_modules

首先,主包的 uni_moudles 要放在主包的根目录下,分包的 uni_moudles 要放在分包的根目录下

然后,在 pages.json 中配置组件 easycom 引入规则,这一步是为了避免同一个组件库被主包分包都使用,出现识别错误的问题,例如,我在 uniappx 项目中使用了 rice-ui 组件库,可以这样配置

json 复制代码
{
  "easycom": {
        "autoscan": true,
        "custom": {
            "^rice-(.*)": "uni_modules/rice-ui/components/rice-$1/rice-$1.uvue",
            "^sub-rice-(.*)": "sub/uni_modules/rice-ui/components/rice-$1/rice-$1.uvue"
        }
    }
}

这样,分包用组件就写 sub-rice-avatar,主包就是 rice-button

示例项目

测试项目在这个帖子末尾的附件 ask.dcloud.net.cn/article/423...

相关推荐
小小小小宇3 分钟前
富文本编辑器知识体系(三)
前端
小小小小宇8 分钟前
富文本编辑器知识体系(二)
前端
品克缤8 分钟前
Trading-Analysis:基于“规则+LLM”的行情分析终端(兼谈 Vibe Coding 实战感)
前端·后端·node.js·vue·express·ai编程·llama
隔壁小邓16 分钟前
前端Vue项目打包部署实战教程
前端·javascript·vue.js
TON_G-T1 小时前
javascript中 Iframe 处理多端通信、鉴权
开发语言·前端·javascript
周淳APP1 小时前
【JS之闭包防抖节流,this指向,原型&原型链,数据类型,深浅拷贝】简单梳理啦!
开发语言·前端·javascript·ecmascript
kyriewen1 小时前
console.log 骗了我一整个通宵:原来它才是时间旅行者
前端·javascript·chrome
忆江南1 小时前
# iOS 动态库与静态库全面解析
前端
冴羽1 小时前
在浏览器控制台调试的 6 个秘密技巧
前端·javascript·chrome
青莲8431 小时前
查找算法详解
android·前端