小程序引入vant weapp的方法

官方文档https://youzan.github.io/vant-weapp/#/quickstart
安装时不要按照官方的走
流程:

  1. npm下载
npm i @vant/weapp -S --production

下载完的目录
小程序引入vant weapp的方法_第1张图片

  1. 把里面的dist文件夹复制出来,放到项目的根目录,重命名为vantweapp
    现在的结构目录如下
    小程序引入vant weapp的方法_第2张图片
  2. 使用组件,以button为例,这是官方的引入,将红框中的复制,写在app.js中
    小程序引入vant weapp的方法_第3张图片
  3. 将路径改成这样
"van-button": "vantweapp/button/index"

小程序引入vant weapp的方法_第4张图片

  1. 如果是写在单个页面的json中,路径前面加../../
    小程序引入vant weapp的方法_第5张图片

你可能感兴趣的:(小程序,npm)