微信小程序中使用npm

微信小程序中使用npm

1、使用微信开发者工具，打开终端

初始化package.json    npm init 

安装node_moudles     npm install

安装完成之后打开工具——>构建npm

打开详情中的本地设置中使用npm模块

然后就可以安装一个ui组件日历：
1、npm i miniprogram-datepicker
2、npm install --save miniprogram-datepicker
3、在需要使用 datepicker 的页面 page.json 中添加 datepicker 自定义组件配置

{

  "usingComponents": {

    "datepicker": "miniprogram-datepicker"

  }

}
4、WXML 文件中引用 datepicker

datepicker 提供节点，用于承载组件引用时提供的子节点。

    公历

最后文件目录：

遇到问题：

次图采用的是weui，
需要在：app.wxss中引用：
@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'; 

解决方式：使用npm install 的时候必须使用 --save的形式进行安装npm

然后Ok啦！！！