新版小程序引入vant-Weapp保姆级教程

新版小程序引入vant-Weapp保姆级教程

跟着vant weapp官方文档的快速入手，踩了一堆坑，于是正确的引入姿势就来了

1.在小程序根目录下打开终端执行命令：

npm init

2.安装你要安装的第三方包：：

npm i vant-weapp -S --production

3.设置栏：

工具 -> 构建npm

4.修改 project.config.json

{
	"setting":{
				"packNpmManually": true,
        "packNpmRelationList": [
          {
            "packageJsonPath": "./package.json",
            "miniprogramNpmDistDir": "./"
          }
        ],
	}
}

5.将 app.json 中的 “style”: “v2” 去除

小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

6.引入组件在index.json或app.json中：

"usingComponents": {
	//写法一
    "van-button": "/miniprogram_npm/vant-weapp/button/index"
    //写法二
    "van-button": "@vant/weapp/button/index"
}