评论

吐槽一下weui小程序扩展组件库

吐槽weui小程序组件库

最近尝试着用了下weui小程序的组件库,发现几个问题今天发出来跟大家探讨一下。

一:官方文档介绍npm安装方法不够详细。

按照官方文档npm install去下载weui的时候,能下载下来,但是构建npm的时候始终失败,你绞尽脑汁也想不到为什么会失败呢,其实是你的项目里面没有package.json文件。你在install之前需要先初始化一下npm init 然后把相关的信息补全后,会生成这个文件。这个问题可以说是对npm了解不够深刻,但是我觉得官方文档应该在详细一下会更好。

二:构建npm的问题

很想知道微信开发者工具里面的“构建npm”功能和项目设置里面的勾选“使用npn模块“是什么意思。构建npm这次我大概知道了,是从node_modules文件夹里面重新生成出来一套可以供小程序引用的一个文件夹如图:

看到了吗,构建npm之后会多生成一个npm结尾的文件夹,然后项目里面import文件路径是从这个miniprogram_npm文件里面引用的。

我想说好low啊,为鸡毛已经npm下载好的模块不能直接使用呢,还需要在构建出来一套,为什么不能向react项目那样,npm安装好的包可以直接在项目import,微信小程序这点儿做的感觉多此一举。构建npm这个功能是不是就是从npm下载的包,需要从新生成一套可以项目使用的文件?还有其它的含义吗?目前不清楚。

还有就是项目配置信息里面的 使用npn模块勾选项,请问这个是什么意思,看官方文档没看明白,大致理解的是如果把自己的项目打包上传到npm管理的话,好像是需要勾选这个npm模块选项的。不知道理解的对不对。总体感觉官方文档写的不够详细。很多都是需要自己花费很大时间琢磨的事情。不知道大家有没有同感。

三:weui小程序组件库基础组件太少了

weui小程序扩展组件库,能够满足的场景我感觉是非常少的。你看weui组件库组件就可以看到,他提供的是一套包含布局及页面级别的组件。意思是说,如果你要创建的form表单跟weui提供的form页面组件风格一致的话,你就可以使用。如果不一样的话是没有办法用form组件的,呵呵,试问大家需求千变万化,怎么可能会向weui提供的form组件页面那样高度一致?

看图,我理解的是只有你得页面结构及风格跟weui组件一样的时候你才能用weui组件库组件。有没有感觉到实用空间非常小?weui组件库是这样使用的吗?还是我理解的有问题,因为从weui文档上能看到的东西也就这么多。

其实我觉得,weui组件库是在weui样式库上继承过来的,其实它应该更侧重样式这一块儿内容,通过weui样式及微信小程序本身自带的基础组件,我觉得应该会很完美吧。weui扩展的组件库感觉不能够完全撑起复杂多变的业务需求。

不知道以上内容是不是我对weui组件库了解的还不够深,毕竟是初次使用。还是大家跟我的看法一样,还请大家帮忙指点一下weui组件库具体该怎么组合使用。我觉得应该基础组件在丰富些就好了,可以让用户自由组装。类似 蚂蚁金服的ant design 组件库。

欢迎讨论。多多指教



最后一次编辑于  2020-05-11  
点赞 2
收藏
评论

8 个评论

  • 🚗🚕🚙🚌🚎🚒🚐🚚
    🚗🚕🚙🚌🚎🚒🚐🚚
    2020-05-11

    1、小程序的模块标准是自己另起炉灶,编写发布安装都不符合标准,所以复制粘贴文件夹比npm install更方便;

    2、不只weui组件库,其它组件库在需要高度定制的情况下,都显得难用,因为组件库最适合写那么没有设计稿的页面,比如自己写的个人小程序、后台管理页面等,直接堆砌,只需要满足功能点就行;

    2020-05-11
    赞同 2
    回复 1
    • 四月天
      四月天
      2020-05-18
      嗯 嗯 npm安装在构建出来的目录看着真的很别扭的
      2020-05-18
      回复
  • 肥仔
    肥仔
    2020-05-18

    可以不用weui,选一些其他ui组件如vant,而且weui本身就是和官方微信风格一致的.风格不一致,硬要选它肯定要重写很多样式 还不如不用

    2020-05-18
    赞同 1
    回复 4
    • 四月天
      四月天
      2020-05-18
      嗯 风格不一致,不能用weui或者页面很丰富的也不能用weui,weui的基础组件太少了。
      2020-05-18
      回复
    • 李飞飞
      李飞飞
      2020-05-30
      按照这个 链接上的文档,https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/ 配置使用 小程序扩展组件,它的"如何使用"的指导 有问题,配置完成后,不能使用.
      这是对入门的开发者很不友好.
      2020-05-30
      回复
    • colorSea
      colorSea
      2020-11-26回复四月天
      我想问下为什么我引入vantweapp一直构建不成功呢,
      2020-11-26
      回复
    • 微盟
      微盟
      2020-12-31
      weui 有一个好处就是不占主包大小
      2020-12-31
      回复
  • 阿里爸爸
    阿里爸爸
    2020-06-26

    组件好不好还没体会到,反正文档太不友好了。

    2020-06-26
    赞同 7
    回复
  • 李飞飞
    李飞飞
    2020-05-30

    楼主都是 web开发方面有一定经验的开发这里.

    但指导文档,对于小白一点都不友好, 在扩展组件的安装中,如何按照 文件步骤,更本就不能使用,还报错误.

    对开发文档讲解不清楚深有同感.

    2020-05-30
    赞同 2
    回复 3
    • 四月天
      四月天
      2020-05-30
      因为微信官方默认你已经具备一定的开发经验了,比如,扩展控件里面使用npm安装的时候,他不会给你讲npm的相关知识,他认为你已经具备npm知识了,所以只简单的来了一句npm install 殊不知,你在npm install之前还得npm init一下。不然就是会报错的
      2020-05-30
      回复
    • 涂志良
      涂志良
      2020-12-19
      为啥我npm时,无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。外部终端显示 找不到命令
      2020-12-19
      回复
    • 一π狐言
      一π狐言
      2021-01-13回复涂志良
      电脑安装node了么??npm得安装node才能用。安装完后还要配置环境变量
      2021-01-13
      回复
  • 🐖💩
    🐖💩
    发表于移动端
    2021-05-07
    微信号我 gmtalzzybb
    2021-05-07
    赞同
    回复
  • 🐖💩
    🐖💩
    发表于移动端
    2021-05-07
    嘿嘿怎么开发能不能帮我开发一个呢
    2021-05-07
    赞同
    回复 1
    • 清蒸鱼
      清蒸鱼
      2022-09-20
      这个嘿嘿就很灵性
      2022-09-20
      回复
  • 清蒸鱼
    清蒸鱼
    2020-07-17

    我想问一下,小程序项目里的组件怎么做成npm组件?包括样式,工具类等都做成一个npm包。

    2020-07-17
    赞同
    回复
  • 坤坤
    坤坤
    2020-05-30

    同样特别费解是否勾选“使用 npm 模块”的区别到底是啥?我发现不管我勾不勾选,都可以调用第三方模块。哪位大神帮忙解答一下呗,谢谢了!

    2020-05-30
    赞同
    回复 1
    • 四月天
      四月天
      2020-05-30
      你说的对,勾不勾都可以使用,所以说小程序的npm就是个鸡肋
      2020-05-30
      回复
登录 后发表内容