5 月 24, 2018 #APP应用, #app开发公司, #app开发定制, #vant ui组件, #小程序制作, #小程序开发, #小程序开发应用实例, #小程序开发教程, #小程序开发编程, #小程序开发费用, #小程序教程, #微信小程序开发

微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。

第一步：

在小程序工程的根目录下执行：

1npm i vant-weapp -S --production

第二步：

保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“

同时项目根目录中会多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库。

第三步：

这时候当我们需要在一个页面中调用vant组件，那么就要在对应的页面json中添加类似如下配置：

注意，对于vant库来说其实你并不需要在页面对应的js中require vant-weapp组件。

<以上资讯仅供参考，如果您需解决具体问题，建议您关注作者；如果有软件产品开发需求，可在线咨询加速度产品经理获取方案和报价>

****更多行业产品开发方案，请关注jsudo加速度 https://www.jsudo.com***

【加速度jsudo（www.jsudo.com）】是国内知名企业数字化建设提供商，为企业提供电商平台搭建（多种模式电商平台搭建：B2B/B2B2C/B2C/O2O/新零售等）、智慧园区建设、数字化营销、人才外包等服务，点击这里查看了解更多行业解决方案。

微信小程序开发中如何使用vant ui组件？