文档:
npm 支持 | 微信开放文档

目前小程序已经支持使用npm安装第三方的包,来提升小程序的开发效率。但是小程序使用npm有如下限制:
1、不支持依赖于NodeJS模块的包(如第三方包依赖NodeJSpathfs等模块)
2、不支持依赖于浏览器内置对象的包(如jQuery库)
3、不支持依赖于C++的包(如一些负责加密的包底层依赖于C++
所以小程序中能使用的包是非常受限的!!!

VantWeapp

VantWeapp是有赞前端团队开源的一套小程序UI组件库,助力开发者快速搭建小程序应用。
Vant Weapp - 轻量、可靠的小程序 UI 组件库

使用 Vant 库

1、使用npm进行安装

  1. # 通过 npm 安装
  2. npm i @vant/weapp -S --production
  3. # 通过 yarn 安装
  4. yarn add @vant/weapp --production
  5. # 安装 0.x 版本
  6. npm i vant-weapp -S --production

image.png

2、将app.json中的"style": "v2"去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱
3、构建npm
image.png
4、在你要使用组件的json文件进行配置

  1. {
  2. "usingComponents": {
  3. "my-test1":"/components/test1/test1",
  4. "van-button": "@vant/weapp/button/index"
  5. }
  6. }

5、进行使用

  1. 这是一个 Vant 的按钮
  2. <van-button type="primary">按钮</van-button>