微信小程序引入vant Weapp组件
步骤:
1. 打开终端:
先初始化:
npm init -y
然后进行安装
npm install --production
npm i @vant/weapp -S --production
2. 需要在微信开发者工具,点击工具==>>构建npm
并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件
3. 将组建从nodemodel 里面拎出来
4.引入组件
在你需要使用的子页面的 .json文件当中根据你的具体路径来引用 (好像只有相对路径可以引用)
{
"usingComponents": {
"van-tabbar": "../weapp/dist/tabbar",
"van-tabbar-item": "../weapp/dist/tabbar-item/index"
}
}