目录
一、小程序对npm的支持与限制,
小程序已经支持使用npm第三方包,目的就是为了提高小程序的开发效率。但在小程序使用过程中,会有一些限制:
- 首先它不支持node.js内置库的包
- 其次它不支持依赖于浏览器内置对象的包
- 最后它也不支持依赖于C++插件的包
- 因此供小程序使用的包数量较少
二、什么是Vant Weapp
它是有赞前端团队开源的一套小程序UI组件库,助力开发者快速搭建小程序应用。运用了MIT开源许可协议,对商业使用较友好
介绍 - Vant Weapp (vant-ui.github.io)
三、安装Vant组件库
在小程序项目中,安装Vant组件库步骤如下:
详细步骤可以参考https://youzan.github.io/vant-weapp/#/quickstart#an-zhuang
(一)通过npm安装
1、初始化package包
2、安装并指定版本号
reason: certificate has expired报错
解决办法:输入npm config set strict-ssl false ,之后再次输入npm i @vant/weapp@1.3.3 -S --production,安装成功
(二)构建npm包
打开微信开发者工具,点击工具--》构建npm,并勾选使用npm模块的选项,构建完成后,就可以引入组件了
(三)修改 app.json
将 app.json 中的 "style": "v2"
去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。