微信小程序使用npm安装第三方组件库

以有赞为例

使用npm需要先安装node，下载node：

https://nodejs.org/en/

下载安装node即可使用npm了。

CMD到小程序程序目录下执行以下命令

//输入一些基本的信息，按默认就可以，然后会生成一个package.json文件
npm init  
//安装npm依赖
npm install --production
//安装有赞组件库  https://github.com/youzan/vant-weapp
npm i @vant/weapp -S --production

构建npm

使用npm模块

如果使用组件需要在json里加入组件

{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index",
    "van-calendar": "@vant/weapp/calendar/index"
  },
   "navigationBarTitleText": "预约时间",
  "enablePullDownRefresh": true
}

在wxml里使用

//这个是日历的组件
<van-calendar
  poppable="{{ false }}"
  show-confirm="{{ false }}"
  class="calendar"
  type="single"
  formatter="{{ formatter }}"
  bind:confirm="onConfirm"
  min-date="{{ minDate }}"
  max-date="{{ maxDate }}"
/>
//这个是按钮的
<van-button type="primary">按钮</van-button>