【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...

相关推荐
朦胧之19 小时前
AI应用-消费流式输出
前端·javascript·ai编程
小林ixn19 小时前
在浏览器跑通 15 亿参数大模型:我用 React + WebGPU 复刻了 DeepSeek-R1
前端·react.js·前端框架
Csvn19 小时前
容器查询 @container 实战:告别无休止的媒体查询
前端
稚南城才子,乌衣巷风流1 天前
函数:编程中的核心概念
开发语言·前端·javascript
IT_陈寒1 天前
为什么我的JavaScript异步代码总是不按顺序执行?
前端·人工智能·后端
索西引擎1 天前
【React】useState 状态更新机制:批量更新策略与“异步“错觉的深层解析
前端·react.js·前端框架
慢功夫1 天前
💡第五篇:VSCode插件是如何与主进程通信的?
前端·visual studio code
锋行天下1 天前
打造企业内部知识库系统RAG全栈项目
前端·后端·架构
竹林8181 天前
用 ethers.js 连接 MetaMask 实现钱包登录:一个真实项目中的完整踩坑记录
前端·javascript
虚惊一场1 天前
在浏览器里跑 Prettier:格式化 Markdown 的四个难点
前端·javascript·vue.js