Moushu
Moushu
  • 发布:2024-09-19 15:14
  • 更新:2024-09-19 15:48
  • 阅读:107

组件库相关:想要开发一个 uni 组件库,有些问题想咨询一下大佬们

分类:uni-app

如题,本人 uni-app 开发萌新(编辑器是 VSC,不用 HBuilder,真心用不惯),出于工作原因,想要开发一个 Vue2 的 uni 组件库,搜了一圈网上好像并没有相关的文档。。。

目前有这样几个问题希望大佬们解答一二:

1、uni 组件库工程大概是个什么结构?

我看了下开源的几个组件库,好像结构就是正常的 uni-app 工程结构,发布到 npm 的时候发 components 文件夹
(这里假设直接发 components 文件夹)

2、组件库的引入,一般是怎么处理的?

我看了下开源的几个组件库和 uni 文档,没太看懂 uni_modules 这个东西(看了半天这个东西多么适合 uni-app 开发,但没看到非 HBuilder 的编辑器上怎么用,可能是我瞎了),我需要到哪里配置,执行哪些指令才能将组件库下载进去(总不能是写一个 postInstall 脚本,把 node_modules/组件库 复制到 uni_modules/组件库 这样吧)

3、由上一条引出,如果要从 node_modules 引入,我要怎么写?

我想了下总不能这么写(这样还不如不如写在 src/components 里面):

import 组件 from '组件库/components/组件名.vue'

所以我猜测是否可以用 easycom 处理:

"easycom": {  
  "autoscan": true,  
  "custom": {  
    "^组件前缀-(.*)": "packageName/组件库/components/组件前缀-$1.vue" // 匹配node_modules内的vue文件  
  }  
}
2024-09-19 15:14 负责人:无 分享
已邀请:
靐齉齾麤龖龗

靐齉齾麤龖龗 - 解决不了问题,那就解决提出问题的人

你看看这个文档呢,关于开发uni-modules的,之后使用可以不用引入,直接用就行。遵循easycom的规范就很方便

  • Moushu (作者)

    我看不懂的就是这个文档,,,好像是必须使用 HBuilder 才能正常操作(而且操作方式是组件库开发好后,发布到插件市场,用组件库的项目从插件市场安装),否则就是正文中写的那个诡异操作:“写一个 postInstall 脚本,把 node_modules/组件库 复制到 uni_modules/组件库”这种用法

    2024-09-19 15:55

  • 靐齉齾麤龖龗

    回复 Moushu: 你也可以不发布,直接复制到其他项目。如果别人要使用就只能发布到插件市场才能使用uni_modules。。开发的话只要根据那个结构来就可以了,发布到插件市场需要hbx,当然,不是hbx好多比如rpx都不正常显示就是了

    2024-09-19 16:14

  • Moushu (作者)

    回复 靐齉齾麤龖龗: 那样的话我还是看看 easycom 的处理方案吧,毕竟写组件库就是为了不到处复制文件+升级方便;hbx 这个真心用不惯,至于 rpx、条件编译语句 高亮之类的 VSC 完全可以用插件做到,对我来说 hbx 的唯一作用就是真机调试

    2024-09-19 17:12

要回复问题请先登录注册