目前小程序已经支持使用npm安装第三方的包,来提升小程序的开发效率。但是小程序使用npm有如下限制:
1、不支持依赖于NodeJS模块的包(如第三方包依赖NodeJS的path、fs等模块)
2、不支持依赖于浏览器内置对象的包(如jQuery库)
3、不支持依赖于C++的包(如一些负责加密的包底层依赖于C++)
所以小程序中能使用的包是非常受限的!!!
VantWeapp
VantWeapp是有赞前端团队开源的一套小程序UI组件库,助力开发者快速搭建小程序应用。
Vant Weapp - 轻量、可靠的小程序 UI 组件库
使用 Vant 库
1、使用npm进行安装
# 通过 npm 安装npm i @vant/weapp -S --production# 通过 yarn 安装yarn add @vant/weapp --production# 安装 0.x 版本npm i vant-weapp -S --production

2、将app.json中的"style": "v2"去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱
3、构建npm包
4、在你要使用组件的json文件进行配置
{"usingComponents": {"my-test1":"/components/test1/test1","van-button": "@vant/weapp/button/index"}}
5、进行使用
这是一个 Vant 的按钮<van-button type="primary">按钮</van-button>
