微信小程序最终可以支持npm导入第三方库(https://developers.weixin.qq.)，但是这种导入模式和使用模式与我们使用的npm调用不同。今天我就根据好评的新vant小程序ui库来讲解如何导入npm资源。

第一步：

在applet项目的根目录中执行：

NPM ivant-weapp-s-生产的第二步：

确保您当前的微信开发者工具是最新版本，然后点击执行“构建npm”

施工成功后，系统会提示您：

同时，在项目的根目录中会有一个额外的目录“miniprogram_npm”，这是小程序可以识别的npm第三方库。

第三步：

此时，当我们需要在一个页面中调用vant组件时，我们需要在相应的页面json中添加类似如下的配置：

{ '使用组件' : { ' van-button ' : '/miniprogram _ NPM/vant-weapp/button/index ' } }然后可以直接在wxml中调用这个ui组件。

请注意，对于vant库，您不需要在与页面相对应的js中要求vant-weapp组件。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。