微信小程序——引入WeUI组件库（二）

摘要

上一篇 微信小程序——引入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` 配置