vant-weapp

1、微信开发者工具新建小程序项目

2、打开终端：

        npm init

        npm install

3、新建miniprogram 目录，根目录中新建

4、修改project.config.json文件配置        

        setting下的配置：

        

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

5、安装vant-weapp：

        

npm i @vant/weapp -S --production

6、微信开发者工具：

        项目详情：勾选使用npm构建

7、菜单L工具-》构建npm

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

9、使用组件：

        在app.json中配置：

        

// 通过 npm 安装
// app.json
"usingComponents": {
  "van-button": "@vant/weapp/button/index"
}