摘要
上一篇 微信小程序——引入WeUI组件库(二) 写的是如何用npm构建的方式引入WeUI组件库,这次说的是用 useExtendedLib 扩展库 来引入WeUI组件库。
推荐理由:这种方式是微信小程序推荐的引入方式,这样引入的组件将不会计入代码包大小
可以看到微信小程序开发增加了引用扩展库的功能,使用扩展库的优点就是不占用小程序的包体积。
虽然微信小程序开发提供给我们的代码包在不断的提升,但对于开发人员来说,能省则省,毕竟还不是无限的,再过一段时间说不定就是按量付费了。
如何使用userExtendedLib扩展库功能?
1、首先需要在app.json配置文件中添加
- // 目前仅支持kbone和weui扩展库
- {
- "useExtendedLib": {
- "kbone": true,
- "weui": true
- }
- }
2、配置好之后,就可以在页面的json配置文件中引用
- {
- "usingComponents": {
- "mp-badge": "weui-miniprogram/badge/badge",
- "mp-dialog": "weui-miniprogram/dialog/dialog"
- }
- }
使用扩展库引用weui不能和构建npm使用weui同时使用,如果同时使用会报错
miniprogram_npm 目录下的 weui-miniprogram 包与扩展库 weui 发生冲突,请移除 weui-miniprogram 包或者删除 `useExtendedLib.weui` 配置