微信小程序使用第三方组件库

Posted rmty

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序使用第三方组件库相关的知识,希望对你有一定的参考价值。

使用vant weapp来快速构建小程序

 

1.首先在项目文件夹下使用npm init 生成一个package.json的配置文件

 

2.然后输入组件提供的快速初始化的命令 npm i vant-weapp -S --production

 

3.工具---构建npm

技术图片

 

4.在最右边详情里勾选上使用npm模块

技术图片

5.在需要引用组件库的页面json文件里,添加:"usingComponents": { "van-button": "/path/to/vant-weapp/dist/button/index" },删除多余的路径

 

技术图片

然后就可以在wxml页面里直接使用组件啦

技术图片

 

 

 

 

以上是关于微信小程序使用第三方组件库的主要内容,如果未能解决你的问题,请参考以下文章

自己的微信小程序学习笔记——第三方UI库Lin-Ui的加载及使用

自己的微信小程序学习笔记——第三方UI库Lin-Ui的加载及使用

微信小程序 开发第三方自定义组件

微信小程序一般去哪里对接一些商品接口

微信小程序中引用第三方(自定义)组件(Taro版)

微信小程序中引用第三方(自定义)组件(Taro版)