微信小程序使用npm依赖

  1. 配置小程序

 

    

 2. 复制小程序的目录

 3. 快捷键 win + r，输入cmd，打开dos命令，将小程序的目录结构粘贴在dos命令上，然后回车，之后输入如下指令，然后等待dos命令出现反应后，一直回车即可

npm init

4. 引入第三方组件

npm i vant-weapp -S --production

5. 构建npm（微信小程序编译器-----工具-----构建npm）

 6. 使用第三方组件

    微信的 json文件（注意引用的路径结构）

{
  "usingComponents": {
    "van-button": "/miniprogram_npm/vant-weapp/button/index"
  }
}

  微信的wwml文件

<van-button type="primary">按钮</van-button>

效果

GitHub地址：https://github.com/youzan/vant-weapp 

最后附上本人做的一个小程序