微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。
第一步：
在小程序工程的根目录下执行：
1npm i vant-weapp -S --production
第二步：
保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“
同时项目根目录中会多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库。
同时项目根目录中会多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库。
第三步：
这时候当我们需要在一个页面中调用vant组件，那么就要在对应的页面json中添加类似如下配置：
注意，对于vant库来说其实你并不需要在页面对应的js中require vant-weapp组件。
项目需求： 使用uniapp开发微信小程序 在uniapp项目中使用小程序ui-vant weapp组件 想要知道...
wepy+vant 微信小程序开发总结 前言 本次小程序开发选择使用 wepy作为小程序第三方框架，在UI组件库方...
轻量可靠的小程序UI组件库，主流移动组件库 Vant 的微信小程序版本。 Vant Weapp 和 Vant 的区...
在用Mac开发微信小程序时，使用vant组件时，根据Vant Weapp官方文档[https://vant-con...
微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但...
微信小程序云开发个人博客项目实战目录一、准备工作及引入 Vant Weapp 小程序 UI 组件库二、专题的增删改...
微信小程序云开发个人博客项目实战目录一、准备工作及引入 Vant Weapp 小程序 UI 组件库二、专题的增删改...
微信小程序云开发个人博客项目实战目录一、准备工作及引入 Vant Weapp 小程序 UI 组件库二、专题的增删改...
微信小程序云开发个人博客项目实战目录一、准备工作及引入 Vant Weapp 小程序 UI 组件库二、专题的增删改...
远航1982微信小程序开发详解 **微信小程序开发详解**《一》开发准备，开发工具使用简介，工程目录结构 . **...
本文标题：详解如何在微信小程序开发中正确的使用vant ui组件
本文链接：https://www.haomeiwen.com/subject/rrnvbqtx.html
网友评论