微信小程序引入组件（useExtendedLib） -一个渣渣

使用之前
扩展组件库基于小程序自定义组件构建，在使用扩展组件库之前，建议先阅读熟悉小程序自定义组件。

引入组件
通过 useExtendedLib 扩展库的方式引入，这种方式引入的组件将不会计入代码包大小。
可以通过npm方式下载构建，npm包名为weui-miniprogram

1.useExtendedLib

style
基础库 2.8.0 开始支持，低版本需做兼容处理。

微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "v2"可表明启用新版的组件样式。

本次改动涉及的组件有 button icon radio checkbox switch slider。可前往小程序示例进行体验。

useExtendedLib
基础库 2.2.1 开始支持，低版本需做兼容处理。

最新的 nightly 版开发者工具开始支持，同时基础库从支持 npm 的版本（2.2.1）起支持

指定需要引用的扩展库。目前支持以下项目：

kbone: 多端开发框架
weui: WeUI 组件库
指定后，相当于引入了对应扩展库相关的最新版本的 npm 包，同时也不占用小程序的包体积。目前暂不支持在分包中引用。用法如下：

1.1 在app.json配加粗样式置

"useExtendedLib": {
    "weui": true
  },

1.2 如何使用
首先在页面的 json 文件加入 usingComponents 配置字段，然后可以在页面中引入 dialog 弹窗组件（如果用其他的组件就引入其他的）

{
  "usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }
}

效果：

目前只写useExtendedLib 的方式，写的不是很好

转载自原文链接, 如需删除请联系管理员。