小程序中引入vant组件库

vant组件库链接：https://vant-contrib.gitee.io/vant-weapp/#/home

1. 在小程序终端：通过 npm 安装

npm i @vant/weapp -S --production

2. 修改 project.config.json

{         ...

        "setting": {

                ...

                "packNpmManually": true,

                "packNpmRelationList": [ {

                        "packageJsonPath": "./package.json",

                        "miniprogramNpmDistDir": "./"

                }]

        }

}

3. 在项目根目录新建package.json文件

4. 打开微信开发者工具，点击 工具 -> 构建 npm，并勾选 使用 npm 模块 选项，构建完成后，即可引入组件。

5. 在app.json中可引入全局组件，在其它页面直接使用即可。