微信小程序使用WeUi框架教程，真·简单

网上有很多类似的说法，都是用npm构建的方式，但是不知道你们会不会像我一样在终端上各种报错

• 其实不必，我们直接引用

首先打开app.json，直接插入这段代码放在最外层的花括号里

"useExtendedLib": {
    "weui": true
  }

• 然后在你要用的页面json文件里，引入对应你需要用的组件

{
  "usingComponents": {
    "mp-badge": "weui-miniprogram/badge/badge",
    "mp-form": "weui-miniprogram/form/form",
    "mp-checkbox": "weui-miniprogram/checkbox/checkbox"
  }
}

• 然后html里面用前面的词作为标签

<mp-badge content="99+" style="position: absolute;top: -.4em;right: -.4em;"/>

• 至于每个组件的可选参数，在官网下面都有
  https://developers.weixin.qq.com/miniprogram/dev/extended/weui/badge.html

仅此而已，不需要任何多余的操作，至于为什么不能一次性把所有组件放进去，想到什么用什么，是因为包太大，很容易超过2M，倒时上传版本就会带来阻碍