1.在小程序根目录或者各个文件目录下(不能在小程序根目录外)新建文件夹 miniprogram_npm
2.打开cmd cd到miniprogram_npm文件夹里,输入npm init,一直回车,最后输入yes 回车
3.在miniprogram_npm里输入命令行 npm i @vant/weapp -S --production,
打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件
4.修改 app.json
将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以去除,不关闭将造成部分组件样式混乱。
tip:如果你使用 typescript 开发小程序,需要在 tsconfig.json 中增加如下配置,防止 npm 构建后 tsc 编译报错
一.首先确认是否安装vant-weapp
如果没有,安装步骤如下:
1.npm init
2.回车到结束
3.npm i vant-weapp -S --production
4.工具->构建npm
5.项目详情->使用npm(如果报错继续执行第4步,构建npm)
二.查看 工具->项目详情->ES6转ES5是否√选
如果没有,点击勾选
三. index.json放组件文件中,同时把路径中的“path/to/”和/dist删除,然后再运行就不会报错