官方文档
从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。在小程序 package.json 所在的目录中执行命令安装 npm 包
npm install
此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的 miniprogramRoot 之内。
安装使用Vant Weapp组件
步骤一：打开微信小程序终端（终端在调试器最右边）
步骤二：进入项目所在的目录后（与app.json平级），新建一个miniprogramRoot文件夹。mkdir miniprogramRoot
步骤三：然后cd miniprogramRoot执行 npm init初始化(没有安装过 node.js请参数微信小程序安装node.js的相关内容),会生成一个 package-lock.json和package.json。在这个过程中会提示输出相关信息，相关信息的含义如何如下：
步骤四：安装需要安装的 node 包，例如npm i @vant/weapp -S --production
步骤五：点击**工具-构建**，并且在小程序编辑器详情的配置项里面勾选使用 npm 模块就ok 了
miniprogramRoot的目录如下
├── miniprogram_npm
│ └── @vant
├── node_modules
│ └── @vant
├── package-lock.json
└── package.json
步骤六：最后在对应的 json 文件，比如test.json引用组件即可。(需要手动修改一下组件的引用路径)
{
"usingComponents": {
"van-button": "/miniprogramRoot/miniprogram_npm/@vant/weapp/button/index"
}
}
{
"usingComponents": {
"van-button": "/miniprogramRoot/miniprogram_npm/@vant/weapp/button/index"
}
}
转载请注明来源网址：青锋建站-http://www.sjzphp.com/kaifazhe/xiaochengxu/vant_weapp_1645.html
