vant使用

1 npm init -y

2 npm i @vant/weapp -S --production

3 将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。

4 设置小程序project.config.json , 把

"setting": {    ...    "packNpmManually": true,  
"packNpmRelationList": [      {       
 "packageJsonPath": "package.json",      //设置从project.config.json到package.json的路径
 "miniprogramNpmDistDir": "./miniprogram/"  //    设置从project.config.json到miniprogram-7(8或9...)的路径
}    ]  

5 工具 构建npm

6 引用组件
// 通过 npm 安装

// app.json
"usingComponents": {
  "van-button": "@vant/weapp/button/index"
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容