微信小程序·使用NPM在微信小程序项目中使用npm安装UI库遇到的问题及解决方法一、如果按文档走：二、解决如下：在小程序

在微信小程序项目中使用npm 安装UI库遇到的问题及解决方法

一、如果按文档走：

执行命令安装： npm install

工具 -> 构建 npm

注意： 没有找到 node_modules 目录的话：是由于npm 还没有初始化

二、解决如下：

在小程序根目录下执行命令：

 执行  `npm init`  生成 `package.json`文件

在继续安装你要安装的第三方包：
```
 npm i vant-weapp -S --production
```
开发工具
```
 工具 -> 构建 npm
```
详情里面
```
选中使用 npm 模块
```

修改 app.json文件

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

三、应用：

    // 1.通过 npm 安装
    // app.json
    "usingComponents": {
      "van-button": "@vant/weapp/button/index"
    }
    
    // 2.通过下载源码使用 es6版本
    // app.json
    "usingComponents": {
      "van-button": "path/to/@vant/weapp/dist/button/index"
    }
    
    // 3.通过下载源码使用 es5版本
    // app.json
    "usingComponents": {
      "van-button": "path/to/@vant/weapp/lib/button/index"
    }