微信小程序Vant Weapp组件安装@引用
Vant Weapp
官网:
https://vant-contrib.gitee.io/vant-weapp
一.安装
1.创建一个新的小程序
2.开启npm模块及不校验合法域名
3.修改project.config.json配置文件
“setting”: {
“packNpmManually”: true,
“packNpmRelationList”: [
{
“packageJsonPath”: “./package.json”,
“miniprogramNpmDistDir”: “./miniprogram/”
}
] }
4.部署组件包
在小程序根目录输入:
npm i @vant/weapp -S --production
执行完成后生成一个node_modules文件夹如下图:
5.构建npm
点击小程序开发工具:工具→构建npm按钮等待完成.
完成后目录出现miniprogram_npm的文件夹代表整个安装过程已完成.
TIPS:如果构建npm过程报错可尝试在目录执行:
npm init -f
组件测试
建议引入文件直接在app.json编写方便全局调用。
1.各组件调用